@extends('administrator.layout')
@section('admintitle', 'Customer')
@section('content')

            <!-- Table Start -->
            <div class="container-fluid pt-4 px-4">
                <div class="row g-4">
                    <div class="col-12">
                        <div class="bg-light rounded h-100 p-4">
                            
                             @if (session()->has('success'))
                                <div class="alert alert-success alert-dismissible fade show mb-2" role="alert">
                                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.success') }} !</strong> {{ session()->get('success') }}.
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif
                        
                            @if (session()->has('error'))
                                <div class="alert alert-danger alert-dismissible fade show mb-2" role="alert">
                                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.error') }} !</strong> {{ session()->get('error') }}.
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif

                            <div class="row mb-4 mt-0">
                                <div class="col-md-9 mt-3">
                                    <h5> {{ isset($customer) ? __('text.edit') . ' ' . __('text.customer') : __('text.add') . ' ' . __('text.customer') }} </h5></div>
                                <div class="col-md-3 mt-1 text-end"><a href="customers"><button class="btn btn-warning  rounded-pill" data-toggle="modal" data-target="#create">  {{ __('text.view') }}</button></a></div>
                            </div>
                            
                                        
                                              <form action="{{ isset($customer) ? route('admin_edit_customers', $customer->customer_id) : route('admin_add_customers') }}" method="POST">
                                                @csrf
                                                @isset($customer)
                                                @method('PUT')
                                                @endisset
                                                <input type="hidden" name="customer_id" value="{{ old('customer_id', isset($customer) ? $customer->customer_id : '') }}">
                                             
                                              <input type="hidden" name="page" value="{{ $currentPage }}">
                                              <div class="row mb-3">
                                                    <label for="inputfname" class="col-sm-2 col-form-label">{{ __('text.firstname') }}<span class="text-danger">*</span></label>
                                                    <div class="col-sm-10">
                                                        <input type="text" class="form-control" placeholder=" {{ __('text.firstname') }}" 
                                                        name="firstname" id="firstname" value="{{ old('firstname', isset($customer) ? $customer->firstname : '') }}">
                                                    @error('firstname')<p class="text-danger">{{ $message }}</p>@enderror
                                                    </div>
                                                </div>
                                                <div class="row mb-3">
                                                    <label for="inputlname" class="col-sm-2 col-form-label">{{ __('text.lastname') }}<span class="text-danger">*</span></label>
                                                    <div class="col-sm-10">
                                                        <input type="text" class="form-control" id="inputlname" 
                                                        Placeholder="{{ __('text.lastname') }}" name="lastname" value="{{ old('lastname', isset($customer) ? $customer->lastname : '') }}">
                                                    @error('lastname')<p class="text-danger">{{ $message }}</p>@enderror
                                                    </div>
                                                </div>
                                                <div class="row mb-3">
                                                    <label for="inputEmail3" class="col-sm-2 col-form-label">{{ __('text.email') }}<span class="text-danger">*</span></label>
                                                    <div class="col-sm-10">
                                                        <input type="email" class="form-control" id="inputEmail3" Placeholder="{{ __('text.email') }}" 
                                                        name="email" value="{{ old('email', isset($customer) ? $customer->email : '') }}">
                                                    @error('email')<p class="text-danger">{{ $message }}</p>@enderror
                                                    </div>
                                                </div>
                                                <div class="row mb-3">
                                                    <label for="inputPassword3" class="col-sm-2 col-form-label">{{ __('text.password') }}<span class="text-danger">*</span></label>
                                                    <div class="col-sm-10">
                                                        <input type="password" class="form-control" id="inputPassword3" 
                                                        Placeholder="{{ __('text.password') }}" name="password" value="">
                                                    @error('password')<p class="text-danger">{{ $message }}</p>@enderror
                                                    </div>
                                                </div>
                                                <div class="row mb-3">
                                                    <label for="phone" class="col-sm-2 col-form-label">{{ __('text.phone') }}<span class="text-danger">*</span></label>
                                                    <div class="col-sm-10">
                                                        <input type="text" class="form-control" id="phone" Placeholder="{{ __('text.phone') }}" 
                                                        name="telephone" value="{{ old('telephone', isset($customer) ? $customer->telephone : '') }}">
                                                    @error('telephone')<p class="text-danger">{{ $message }}</p>@enderror
                                                    </div>
                                                </div>
                                                <div class="row mb-3">
                                                    <label for="rcode" class="col-sm-2 col-form-label">{{ __('text.referralcode') }}</label>
                                                    <div class="col-sm-10">
                                                    <input type="text" placeholder="Enter {{ __('text.referralcode') }}"
                                                    class="form-control" name="referralcode" id="referralcodeInput"  
                                                    value="{{ old('referralcode', isset($customer) ? $customer->referralcode : '') }}">
                                                    <p class="text-danger" id="referralcodeError"></p>
                                                    <p class="text-success" id="referralcodeSuccess"></p>
                                                    
                                                    </div>
                                                </div>
                                                 <div class="row mb-3">
                                                    <label for="inputstatus" class="col-sm-2 col-form-label">{{ __('text.status') }}</label>
                                                    <div class="col-sm-10">
                                                         <select class="form-control" id="status" name="status"value="{{ isset($customer) ? $customer->status : '' }}">
                                                    <option value="1" {{ isset($customer) && $customer->status == 1 ? 'selected' : '' }}>{{ __('text.active') }}</option>
                                                    <option value="0" {{ isset($customer) && $customer->status == 0 ? 'selected' : '' }}>{{ __('text.inactive') }}</option>
                                                </select>
                                                    </div>
                                                </div>
                                                <div class="text-end">
                                              
                                                <button type="submit" class="btn btn-primary">{{ __('text.submit') }}</button>
                                                </div>
                                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Table End -->


@endsection
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $('#referralcodeInput').on('input', function() {
            var referralCode = $(this).val();
            $.ajax({
                url: '{{ route("validate_referral_code") }}',
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    referralcode: referralCode
                },
                 success: function(response) {
                    if (response.error) {
                        $('#referralcodeError').text(response.error).show();
                        $('#referralcodeSuccess').hide(); // Hide success message if there was an error
                    } else {
                        $('#referralcodeSuccess').text(response.success).show();
                        $('#referralcodeError').hide(); // Hide error message if there was no error
                    }
                },
                error: function(xhr, status, error) {
                    console.error(xhr.responseText);
                }
            });
        });
    });
    </script>