@extends('backend.layouts.app')
@section('content')
    <div class="row">
        <div class="col-lg-8 mx-auto">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0 h6">{{ translate('Create New Pincode Partner') }}</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('affiliate.store') }}" method="POST">
                       <input type="hidden" name="type" value="create_from_admin_side">
                       <input type="hidden" name="partner_type" value="pincode_partner">
                        @csrf
                        <div class="form-group row">
                            <label class="col-sm-3 col-from-label" for="name">{{ translate('User') }}</label>
                            <div class="col-sm-9">
                                <select class="form-control aiz-selectpicker" data-live-search="true"
                                    data-placeholder="{{ translate('Select User') }}" name="user_id" required>
                                    <option value="">{{ translate('Select User') }}</option>
                                    @foreach (\App\Models\User::where('user_type', 'customer')->where('banned', '0')->get() as $key => $user)
                                        <option value="{{ $user->id }}">{{ $user->name }} {{ $user->phone }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('user_id'))
                                    <span class="text-danger">{{ $errors->first('user_id ') }}</span>
                                @endif

                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-3 col-from-label" for="name">{{ translate('Package') }}</label>
                            <div class="col-sm-9">
                                <select class="form-control aiz-selectpicker" data-live-search="true"
                                    data-placeholder="{{ translate('Select Package') }}" name="package_id" required>
                                    <option value="">{{ translate('Select Package') }}</option>
                                    @foreach (\App\Models\CustomerPackage::get() as $key => $package)
                                        <option value="{{ $package->id }}">{{ $package->name }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('package_id'))
                                    <span class="text-danger">{{ $errors->first('package_id') }}</span>
                                @endif

                            </div>
                        </div>
                      
                        <div class="form-group row">
                            <label class="col-sm-3 col-from-label" for="name">{{ translate('Pincode') }}</label>
                            <div class="col-sm-9">
                          <span id="message" style="color:green;float:center;"></span>
                                <input type="text" 
                                    placeholder="{{ translate('Enter Pincode') }}" id="pincode" 
                                     name="pincode"  class="form-control pincode" onkeyup="pincodeget('{{ route('pincodesearch') }}','getonlypincode')" required>
                                
                                <div id="pincodelist" class="pincodelist d-none"></div>
                                <input type="hidden" name="city" id="city" value="">
                                <input type="hidden" name="state" id="state" value="">
                                @if ($errors->has('pincode'))
                                    <span class="text-danger">{{ $errors->first('pincode') }}</span>
                                @endif
                            </div>
                        </div> 
                        {{-- <div class="form-group row">
                            <label class="col-sm-3 col-from-label"
                                for="sharing">{{ translate('Sharing Percentage') }}</label>
                            <div class="col-sm-9">
                                <input type="number" lang="en" min="0" max="100"
                                    placeholder="{{ translate('Sharing Percentage') }}" id="sharing" value="10"
                                    readonly="" name="sharing" class="form-control" required>
                            </div>
                        </div> --}}
                        <div class="form-group mb-0 text-right" style="display:none;" id="add">
                            <button type="submit" class="btn btn-primary">{{ translate('Save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script type="text/javascript">
         function  getdata(id,type){

$.ajax({
    type: "post",
    url: "{{route('pincodedetail')}}",
    dataType: "json",
    data: {
    "_token": "{{ csrf_token() }}",
    "id": id,
    "type": type,
},
    success: function (response) {
        console.log(response);
        if(response.success==1){
          $('#add').hide();
          $('#message').html("<p style='color:red;'>This pincode is not available</p>")
          $(":submit").attr("disabled", true);

        }
        else if(response.success==0){
          $('#add').show();
          $('#message').text("This pincode is available")
          $(":submit").removeAttr("disabled");
        }
        $('#message').show();
        $('#message').delay(5000).fadeOut('slow'); 
        $('#pincode').val(response.pincode);
        $('#city').val(response.city);
        $('#state').val(response.state);
        $('#pincodelist').addClass('d-none');
    }
});
}
    </script>
@endsection