@extends('layouts.admin')

@section('content')
@php $readonly=''; @endphp
@if($action=='View')
@php $readonly='readonly'; @endphp
@endif
<style>
  .image-container {
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .image-container img {
    max-width: 100%;
    max-height: 100%;
  }
</style>
<div class="page-links">
  <a href="{{ route('dashboard') }}">Dashboard</a>
  <span> > </span>
  <a href="{{ route('customers.index') }}">Customers</a>
</div>
<div class="row">
  <div class="col-xxl-12 col-md-12  col-12 mb-5">
    @if($action == 'Edit')
    <form class="form-data" id="edit_form" method="POST" action="{{ route('customers.update', [$record->id]) }}" enctype="multipart/form-data">
      {{ method_field('PUT') }}
      @else
      <form class="form-data" method="POST" id="add_form" action="{{ route('customers.store') }}" enctype="multipart/form-data">
        @endif
        @csrf
        <!-- basic information -->
        <div class="card-main">
          <div class="tabs-main">
            <ul class="nav nav-tabs d-none d-lg-flex" id="myTab" role="tablist">
              <li class="nav-item" role="presentation">
                <button class="nav-link form-tabs active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">Customer Details</button>
              </li>
              <li class="nav-item" role="presentation">
                <button class="nav-link form-tabs" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane" type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">Contact Information</button>
              </li>
              <li class="nav-item" role="presentation">
                <button class="nav-link form-tabs" id="account-tab" data-bs-toggle="tab" data-bs-target="#account-tab-pane" type="button" role="tab" aria-controls="account-tab-pane" aria-selected="false">Card Information</button>
              </li>
              <li class="nav-item" role="presentation">
                <button class="nav-link form-tabs" id="ship-tab" data-bs-toggle="tab" data-bs-target="#ship-tab-pane" type="button" role="tab" aria-controls="ship-tab-pane" aria-selected="false">Shipping Information</button>
              </li>
            </ul>
            <div class="tab-content" id="myTabContent">
              <div class="tab-pane fade show active accordion-item" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">

                <h2 class=" d-lg-none" id="headingOne">
                  <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Customer Details</button>
                </h2>
                <div id="collapseOne" class="accordion-collapse collapse show  d-lg-block" aria-labelledby="headingOne" data-bs-parent="#myTabContent">
                  <div class="accordion-body">
                    <div class="customer-details-form form-fld">
                      <div class="row">
                        <div class="col-md-3 col-12 mb-3">
                          <label>First Name <small class="red">* </small></label>
                          @if(old('first_name'))
                          @php $first_name = old('first_name'); @endphp
                          @elseif(isset($record->first_name) && $record->first_name != '')
                          @php $first_name = $record->first_name; @endphp
                          @else
                          @php $first_name = ''; @endphp
                          @endif
                          <input type="text" id="first_name" name="first_name" value="{{ $first_name }}" class="form-control @error('first_name') is-invalid @enderror" placeholder="EnterFirst Name" {{$readonly}}>
                          @error('first_name')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          <label>Last Name <small class="red">* </small></label>
                          @if(old('last_name'))
                          @php $last_name = old('last_name'); @endphp
                          @elseif(isset($record->last_name) && $record->last_name != '')
                          @php $last_name = $record->last_name; @endphp
                          @else
                          @php $last_name = ''; @endphp
                          @endif
                          <input type="text" id="last_name" name="last_name" value="{{ $last_name }}" class="form-control @error('last_name') is-invalid @enderror" placeholder="Enter Last Name" {{$readonly}}>
                          @error('last_name')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          <label>Email <small class="red">* </small></label>
                          @if(old('email'))
                          @php $email = old('email'); @endphp
                          @elseif(isset($record->email) && $record->email != '')
                          @php $email = $record->email; @endphp
                          @else
                          @php $email = ''; @endphp
                          @endif
                          <input type="email" id="email" name="email" value="{{ $email }}" class="form-control @error('email') is-invalid @enderror" placeholder="Enter Email" {{$readonly}}>
                          @error('email')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          <label>Phone No <small class="red">* </small></label>
                          @if(old('phone'))
                          @php $phone = old('phone'); @endphp
                          @elseif(isset($record->phone) && $record->phone != '')
                          @php $phone = $record->phone; @endphp
                          @else
                          @php $phone = ''; @endphp
                          @endif
                          <input type="text" id="phone" name="phone" value="{{ $phone }}" class="form-control @error('phone') is-invalid @enderror" placeholder="Enter Phone Number" {{$readonly}}>
                          @error('phone')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>


                        <div class="col-md-3 col-12 mb-3">
                          <label>Country <small class="red">* </small></label>
                          @if(old('country_id'))
                          @php $country_id = old('country_id'); @endphp
                          @elseif(isset($record->country_id) && $record->country_id != '')
                          @php $country_id = $record->country_id; @endphp
                          @else
                          @php $country_id = ''; @endphp
                          @endif
                          <select id="country_id" name="country_id" class="form-control">
                            <option value="" disabled>Select</option>
                            @foreach($countries as $country)
                            <option value="{{$country->id}}" {!! ($country->id==$country_id) ? 'selected' : '' !!}>{{$country->name}}</option>
                            @endforeach
                          </select>
                          @error('country_id')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          <label>State <small class="red">* </small></label>
                          @if(old('state_id'))
                          @php $state_id = old('state_id'); @endphp
                          @elseif(isset($record->state_id) && $record->state_id != '')
                          @php $state_id = $record->state_id; @endphp
                          @else
                          @php $state_id = ''; @endphp
                          @endif
                          <select id="state_id" name="state_id" class="form-control">
                            <option value="" disabled>Select</option>
                            @foreach($states as $state)
                            <option value="{{$state->id}}" {!! ($state->id==$state_id) ? 'selected' : '' !!}>{{$state->name}}</option>
                            @endforeach
                          </select>
                          @error('state_id')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          <label>City <small class="red">* </small></label>
                          @if(old('city_id'))
                          @php $city_id = old('city_id'); @endphp
                          @elseif(isset($record->city_id) && $record->city_id != '')
                          @php $city_id = $record->city_id; @endphp
                          @else
                          @php $city_id = ''; @endphp
                          @endif
                          <select id="city_id" name="city_id" class="form-control">
                            <option value="" disabled>Select</option>
                            @foreach($cities as $city)
                            <option value="{{$city->id}}" {!! ($city->id==$city_id) ? 'selected' : '' !!}>{{$city->name}}</option>
                            @endforeach
                          </select>
                          @error('city_id')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          <label>Address <small class="red">* </small></label>
                          @if(old('address'))
                          @php $address = old('address'); @endphp
                          @elseif(isset($record->address) && $record->address != '')
                          @php $address = $record->address; @endphp
                          @else
                          @php $address = ''; @endphp
                          @endif
                          <textarea id="address" name="address" class="form-control @error('alternate_phone') is-invalid @enderror">{!! $address !!}</textarea>
                          @error('address')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          <label>Zipcode </label>
                          @if(old('zipcode'))
                          @php $zipcode = old('zipcode'); @endphp
                          @elseif(isset($record->zipcode) && $record->zipcode != '')
                          @php $zipcode = $record->zipcode; @endphp
                          @else
                          @php $zipcode = ''; @endphp
                          @endif
                          <input type="text" id="zipcode" name="zipcode" value="{{ $zipcode }}" class="form-control @error('zipcode') is-invalid @enderror" placeholder="Enter Zipcode" {{$readonly}}>
                          @error('zipcode')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          <label>Instagram Link </label>
                          @if(old('instagram_link'))
                          @php $instagram_link = old('instagram_link'); @endphp
                          @elseif(isset($record->instagram_link) && $record->instagram_link != '')
                          @php $instagram_link = $record->instagram_link; @endphp
                          @else
                          @php $instagram_link = ''; @endphp
                          @endif
                          <input type="text" id="instagram_link" name="instagram_link" value="{{ $instagram_link }}" class="form-control @error('instagram_link') is-invalid @enderror" placeholder="Enter Instagram Link" {{$readonly}}>
                          @error('instagram_link')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          <label>Facebook Link </label>
                          @if(old('facebook_link'))
                          @php $facebook_link = old('facebook_link'); @endphp
                          @elseif(isset($record->facebook_link) && $record->facebook_link != '')
                          @php $facebook_link = $record->facebook_link; @endphp
                          @else
                          @php $facebook_link = ''; @endphp
                          @endif
                          <input type="text" id="facebook_link" name="facebook_link" value="{{ $facebook_link }}" class="form-control @error('facebook_link') is-invalid @enderror" placeholder="Enter Facebook Link" {{$readonly}}>
                          @error('facebook_link')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          <label>Website </label>
                          @if(old('website'))
                          @php $website = old('website'); @endphp
                          @elseif(isset($record->website) && $record->website != '')
                          @php $website = $record->website; @endphp
                          @else
                          @php $website = ''; @endphp
                          @endif
                          <input type="text" id="website" name="website" value="{{ $website }}" class="form-control @error('website') is-invalid @enderror" placeholder="Enter Website" {{$readonly}}>
                          @error('website')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          <label>Payment Terms </label>
                          @if(old('term_id'))
                          @php $term_id = old('term_id'); @endphp
                          @elseif(isset($record->term_id) && $record->term_id != '')
                          @php $term_id = $record->term_id; @endphp
                          @else
                          @php $term_id = ''; @endphp
                          @endif
                          <select id="term_id" name="term_id" class="form-control">
                            <option value=0>Select</option>
                            @foreach($paymentTerms as $term)
                            <option value="{{$term->id}}" {!! ($term_id==$term->id) ? 'selected' : '' !!}>{{$term->term}}</option>
                            @endforeach
                          </select>
                          @error('term_id')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          <label>Business Registration No </label>
                          @if(old('business_registration_no'))
                          @php $business_registration_no = old('business_registration_no'); @endphp
                          @elseif(isset($record->business_registration_no) && $record->business_registration_no != '')
                          @php $business_registration_no = $record->business_registration_no; @endphp
                          @else
                          @php $business_registration_no = ''; @endphp
                          @endif
                          <input type="text" id="business_registration_no" name="business_registration_no" value="{{ $business_registration_no }}" class="form-control @error('business_registration_no') is-invalid @enderror" placeholder="Enter Business Registration No" {{$readonly}}>
                          @error('business_registration_no')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          <label>Fin Charges </label>
                          @if(old('fin_charges'))
                          @php $fin_charges = old('fin_charges'); @endphp
                          @elseif(isset($record->fin_charges) && $record->fin_charges != '')
                          @php $fin_charges = $record->fin_charges; @endphp
                          @else
                          @php $fin_charges = ''; @endphp
                          @endif
                          <input type="number" id="fin_charges" name="fin_charges" value="{{ $fin_charges }}" class="form-control @error('fin_charges') is-invalid @enderror" placeholder="Enter Fin Charges" {{$readonly}}>
                          @error('fin_charges')
                          <span class="error">{{ $message }}</span>
                          @enderror
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          @if(old('active'))
                          @php $active = old('active'); @endphp
                          @elseif(isset($record->active))
                          @php $active = $record->active; @endphp
                          @else
                          @php $active = 1; @endphp
                          @endif
                          <label for="name" class="control-label"> Active</label>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" name="active" id="flexSwitchCheckChecked"  value=1>
                          </div>
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          @if(old('is_more_phone'))
                          @php $is_more_phone = old('is_more_phone'); @endphp
                          @elseif(isset($record->is_more_phone))
                          @php $is_more_phone = $record->is_more_phone; @endphp
                          @else
                          @php $is_more_phone = 0; @endphp
                          @endif
                          <label for="is_more_phone" class="control-label"> Add More Phone No.?</label>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" name="is_more_phone" id="flexSwitchCheckChecked1"  value=1>
                          </div>
                        </div>


                        <div class="col-md-3 col-12 mb-3">
                          @if(old('is_send_statement'))
                          @php $is_send_statement = old('is_send_statement'); @endphp
                          @elseif(isset($record->is_send_statement))
                          @php $is_send_statement = $record->is_send_statement; @endphp
                          @else
                          @php $is_send_statement = 0; @endphp
                          @endif
                          <label for="is_send_statement" class="control-label"> Send Statement?</label>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" name="is_send_statement" id="flexSwitchCheckChecked2"  value=1>
                          </div>
                        </div>


                        <div class="col-md-3 col-12 mb-3">
                          @if(old('is_hold'))
                          @php $is_hold = old('is_hold'); @endphp
                          @elseif(isset($record->is_hold))
                          @php $is_hold = $record->is_hold; @endphp
                          @else
                          @php $is_hold = 0; @endphp
                          @endif
                          <label for="is_hold" class="control-label"> Hold?</label>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" name="is_hold" id="flexSwitchCheckChecked3"  value=1>
                          </div>
                        </div>


                        <div class="col-md-3 col-12 mb-3">
                          @if(old('is_ship_lock'))
                          @php $is_ship_lock = old('is_ship_lock'); @endphp
                          @elseif(isset($record->is_ship_lock))
                          @php $is_ship_lock = $record->is_ship_lock; @endphp
                          @else
                          @php $is_ship_lock = 0; @endphp
                          @endif
                          <label for="is_ship_lock" class="control-label"> Ship Lock?</label>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" name="is_ship_lock" id="flexSwitchCheckChecked4"  value=1>
                          </div>
                        </div>

                        <div class="col-md-3 col-12 mb-3">
                          @if(old('is_lock'))
                          @php $is_lock = old('is_lock'); @endphp
                          @elseif(isset($record->is_lock))
                          @php $is_lock = $record->is_lock; @endphp
                          @else
                          @php $is_lock = 0; @endphp
                          @endif
                          <label for="is_lock" class="control-label"> Lock?</label>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" name="is_lock" id="flexSwitchCheckChecked5"  value=1>
                          </div>
                        </div>

                        <!-- -->

                        <div class="row">
                          <div class="col-md-3 col-12 mb-3">
                            <label>Product Category </label>
                            @if(old('categories'))
                            @php $cat_ids = old('categories'); @endphp
                            @elseif(isset($record->collections) && $record->collections != '')
                            @php $cat_ids = $record->collections->pluck('cat_id')->toArray(); @endphp
                            @else
                            @php $cat_ids = []; @endphp
                            @endif

                            <select id="categories" name="categories[]" class="form-control" multiple>
                              <option value="" disabled>Select</option>
                              @foreach($itemCategories as $category)
                              <option value="{{$category->id}}" {!! in_array($category->id,$cat_ids) ? 'selected' : '' !!}>{{$category->name }}</option>
                              @endforeach
                            </select>
                            @error('categories')
                            <span class="error">{{ $message }}</span>
                            @enderror


                          </div>
                          <div class="col-md-3 col-12 mb-3">
                            <label>Seasons </label>
                            @if(old('seasons'))
                            @php $season = old('seasons'); @endphp
                            @elseif(isset($record->seasons) && $record->seasons != '')
                            @php $season = $record->seasons->pluck('season_id')->toArray(); @endphp
                            @else
                            @php $season = []; @endphp
                            @endif

                            <select id="seasons" name="seasons[]" class="form-control" multiple>
                              <option value="" disabled>Select</option>
                              @foreach($seasons as $seas)
                              <option value="{{$seas->id}}" {!! in_array($seas->id,$season) ? 'selected' : '' !!}>{{$seas->name }}</option>
                              @endforeach
                            </select>
                            @error('seasons')
                            <span class="error">{{ $message }}</span>
                            @enderror
                          </div>
                          <div class="col-md-3 col-12 mb-3">

                            @if(isset($record->is_product_disc))
                            @php $is_product_disc = $record->is_product_disc; @endphp
                            @else
                            @php $is_product_disc = 0; @endphp
                            @endif
                            <label for="is_product_disc" class="control-label"> Product Discount?</label>
                            <div class="form-check form-switch">
                              <input class="form-check-input" type="checkbox" role="switch" name="is_product_disc" id="is_product_disc"  value=1>
                            </div>
                          </div>
                          <div class="col-12" id="exclusiveCategories">
                            @if(isset($record) && $selectedCategories->count()>0)
                            @include('customer.exclusive-category',['categories'=>$selectedCategories,'cat_ids'=>$cat_ids])
                            @endif
                          </div>

                          <div class="col-12" id="productDiscount">
                            @if(isset($record) && isset($record->is_product_disc) && $record->is_product_disc==1)
                            @include('customer.product-discount',['seasons'=>$selectedSeasons,'categories'=>$selectedCategories])
                            @endif
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

              </div>
              <div class="tab-pane fade accordion-item" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
                <h2 class="d-lg-none" id="headingTwo">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                    Contact Information
                  </button>
                </h2>
                <div id="collapseTwo" class="accordion-collapse collapse d-lg-block" aria-labelledby="headingTwo" data-bs-parent="#myTabContent">
                  <div class="accordion-body">
                    <div class="row">
                      <div class="col-12">
                        <div id="contactInfo">

                          @if(isset($record->contacts) && $record->contacts->count()>0)
                          @foreach($record->contacts as $contact)

                          @include('customer.contact-info',['contact'=>$contact])
                          @endforeach
                          @else
                          @include('customer.contact-info')
                          @endif
                        </div>
                      </div>
                      @if($action != 'View')
                      <div class="col-12 text-end">
                        <button class="btn btn-info text-light" type="button" id="addMoreContactInfo"><i class="fa fa-plus"></i> Add More</button>
                      </div>
                      @endif
                    </div>
                  </div>
                </div>
              </div>


              <div class="tab-pane fade accordion-item" id="account-tab-pane" role="tabpanel" aria-labelledby="account-tab" tabindex="0">
                <h2 class="d-lg-none" id="headingThree">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                    Card Information
                  </button>
                </h2>
                <div id="collapseThree" class="accordion-collapse collapse d-lg-block" aria-labelledby="headingThree" data-bs-parent="#myTabContent">
                  <div class="accordion-body">

                    <div class="row">
                      <div class="col-12">
                        <div id="accountInfo">
                          @if(isset($record->card_details) && $record->card_details->count()>0)
                          @foreach($record->card_details as $card_details)

                          @include('customer.card-info',['record'=>$card_details])
                          @endforeach
                          @else
                          @include('customer.card-info')
                          @endif
                        </div>
                      </div>
                      @if($action != 'View')
                      <div class="col-12 text-end">
                        <button class="btn btn-info text-light" type="button" id="addMoreAccountInfo"><i class="fa fa-plus"></i> Add More</button>
                      </div>
                      @endif
                    </div>
                  </div>
                </div>
              </div>

              <div class="tab-pane fade accordion-item" id="ship-tab-pane" role="tabpanel" aria-labelledby="ship-tab" tabindex="0">
                <h2 class="d-lg-none" id="headingFour">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                    Ship Information
                  </button>
                </h2>
                <div id="collapseFour" class="accordion-collapse collapse d-lg-block" aria-labelledby="headingFour" data-bs-parent="#myTabContent">
                  <div class="accordion-body">

                    <div class="row">
                      <div class="col-12">
                        <div id="shipInfo">
                          @if(isset($record->shipping_details) && $record->shipping_details->count()>0)
                          @foreach($record->shipping_details as $shipping_detail)

                          @include('customer.ship-info',['detail'=>$shipping_detail])
                          @endforeach
                          @else
                          @include('customer.ship-info')
                          @endif
                        </div>
                      </div>
                      @if($action != 'View')
                      <div class="col-12 text-end">
                        <button class="btn btn-info text-light" type="button" id="addMoreShipInfo"><i class="fa fa-plus"></i> Add More</button>
                      </div>
                      @endif
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- end basic information -->
        <!-- new-card -->
        <div class="fix-button-main">
          <div class="save-fix">
            <div class="float-end">
              @if($action!='View')
              <button type="submit" class="btn save-b me-3" type="button">
                Save
              </button>
              @endif
              <a type="button" class="btn btn-light me-2 float-end save-draft" href="{{ route('colors.index') }}"> {!! ($action!='View') ? 'Cancel' : 'Back' !!}</a>
            </div>
          </div>
        </div>
      </form>
  </div>
</div>
@endsection
@push('scripts')
<script>
  $(document).ready(function() {
    // select countries
    $("#country_id").select2({
      ajax: {
        url: "{{ route('getCountries') }}",
        type: "get",
        dataType: 'json',
        delay: 250,
        data: function(params) {
          return {
            searchTerm: params.term // search term

          };
        },
        processResults: function(response) {
          return {
            results: response

          };
        },
        cache: true
      }
    });

    // select states
    $("#state_id").select2({
      ajax: {
        url: "{{ route('getStates') }}",
        type: "get",
        dataType: 'json',
        delay: 250,
        data: function(params) {
          country_id = $("#country_id").val();
          return {
            searchTerm: params.term, // search term
            country_id: country_id
          };
        },
        processResults: function(response) {
          return {
            results: response

          };
        },
        cache: true
      }
    });

    // select cities
    $("#city_id").select2({
      ajax: {
        url: "{{ route('getCities') }}",
        type: "get",
        dataType: 'json',
        delay: 250,
        data: function(params) {
          state_id = $("#state_id").val();
          return {
            searchTerm: params.term, // search term
            state_id: state_id
          };
        },
        processResults: function(response) {
          return {
            results: response

          };
        },
        cache: true
      }
    });

    $('#shipping_method_ids').select2();
    $('#payment_term_id').select2();
    $('#contact_role_id').select2();
  });

  $(document).on('change', '#is_product_disc', function() {
    console.log($(this).prop('checked'));
    if ($(this).prop('checked')) {
      categories = $('#categories').val();
      seasons = $('#seasons').val();
      $.ajax({
        type: "POST",
        url: "{{ route('customers.productDiscount') }}",
        data: {
          categories: categories,
          seasons: seasons
        },
        success: function(response) {
          $('#productDiscount').html(response);
        }
      });
    } else {
      $('#productDiscount').html('');
    }
  });


  $(document).on('change', '#categories', function() {
    console.log($(this).val());
    categories = $(this).val();
    $.ajax({
      type: "POST",
      url: "{{ route('customers.exclusiveCategories') }}",
      data: {
        categories: categories
      },
      success: function(response) {
        $('#exclusiveCategories').html(response);
      }
    });
  });


  $(document).on('click', '#addMoreContactInfo', function() {
    $.ajax({
      type: "GET",
      url: "{{ route('customers.addMoreContactInfo') }}",
      success: function(response) {
        $('#contactInfo').append(response);
      }
    });
  });

  $(document).on('click', '#addMoreAccountInfo', function() {
    $.ajax({
      type: "GET",
      url: "{{ route('customers.addMoreAccountInfo') }}",
      success: function(response) {
        $('#accountInfo').append(response);
      }
    });
  });

  $(document).on('click', '#addMoreShipInfo', function() {
    $.ajax({
      type: "GET",
      url: "{{ route('customers.addMoreShipInfo') }}",
      success: function(response) {
        $('#shipInfo').append(response);
      }
    });
  });

  $(document).on('click', '.deleteContact', function(e) {
    e.preventDefault();
    text = 'you want to delete ?';
    const swalWithBootstrapButtons = Swal.mixin({
      customClass: {
        confirmButton: 'btn btn-success',
        cancelButton: 'btn btn-danger'
      },
      buttonsStyling: false
    });
    swalWithBootstrapButtons
      .fire({
        title: 'Are you sure?',
        text: text,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonText: 'Yes',
        cancelButtonText: 'No',
        reverseButtons: true
      })
      .then((result) => {
        if (result.isConfirmed) {
          url = "{{ route('customers.deleteContact') }}";
          id = $(this).attr('data-id');
          that = this;
          $.ajax({
            url: url,
            type: 'POST',
            data: {
              "id": id
            },
            success: function(res) {
              if (res) {
                $(that).parents('.card').remove();
              }
            }
          });
        } else if (result.dismiss === Swal.DismissReason.cancel) {
          swalWithBootstrapButtons.fire('Cancelled', '', 'error');
        }
      });

  });

  $(document).on('click', '.deleteAccount', function(e) {
    e.preventDefault();
    text = 'you want to delete ?';
    const swalWithBootstrapButtons = Swal.mixin({
      customClass: {
        confirmButton: 'btn btn-success',
        cancelButton: 'btn btn-danger'
      },
      buttonsStyling: false
    });
    swalWithBootstrapButtons
      .fire({
        title: 'Are you sure?',
        text: text,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonText: 'Yes',
        cancelButtonText: 'No',
        reverseButtons: true
      })
      .then((result) => {
        if (result.isConfirmed) {
          url = "{{ route('customers.deleteAccount') }}";
          id = $(this).attr('data-id');
          that = this;
          $.ajax({
            url: url,
            type: 'POST',
            data: {
              "id": id
            },
            success: function(res) {
              if (res) {
                $(that).parents('.card').remove();
              }
            }
          });
        } else if (result.dismiss === Swal.DismissReason.cancel) {
          swalWithBootstrapButtons.fire('Cancelled', '', 'error');
        }
      });

  });

  $(document).on('click', '.deleteShip', function(e) {
    e.preventDefault();
    text = 'you want to delete ?';
    const swalWithBootstrapButtons = Swal.mixin({
      customClass: {
        confirmButton: 'btn btn-success',
        cancelButton: 'btn btn-danger'
      },
      buttonsStyling: false
    });
    swalWithBootstrapButtons
      .fire({
        title: 'Are you sure?',
        text: text,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonText: 'Yes',
        cancelButtonText: 'No',
        reverseButtons: true
      })
      .then((result) => {
        if (result.isConfirmed) {
          url = "{{ route('customers.deleteShip') }}";
          id = $(this).attr('data-id');
          that = this;
          $.ajax({
            url: url,
            type: 'POST',
            data: {
              "id": id
            },
            success: function(res) {
              if (res) {
                $(that).parents('.card').remove();
              }
            }
          });
        } else if (result.dismiss === Swal.DismissReason.cancel) {
          swalWithBootstrapButtons.fire('Cancelled', '', 'error');
        }
      });

  });
</script>
@endpush