@extends('layouts/contentLayoutMaster')
@section('title', 'Edit Vendor')
@section('vendor-style')
  {{-- Page Css files --}}
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/pickadate/pickadate.css')) }}">
@endsection
@section('page-style')
  {{-- Page Css files --}}
  <link rel="stylesheet" href="{{ asset(mix('css/plugins/forms/validation/form-validation.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('css/pages/app-user.css')) }}">
@endsection

@section('content')
<!-- vendors edit start -->
<section class="vendors-edit">
  <div class="card">
    <div class="card-content">
      <div class="card-body">
        <div class="tab-content">
          <div class="tab-pane active" id="account" aria-labelledby="account-tab" role="tabpanel">

            <!-- vendors edit account form start -->
            <form action="{{ url('/vendor/update/'.$vendor->id) }}" method="post" enctype="multipart/form-data">
              {{ csrf_field() }}
              <div class="row">
                <div class="col-12 col-sm-6">
                  <input type="hidden" name="vendor_id" value="{{ $vendor->id }}">
                  <div class="row">
                    <div class="col-6">
                      <div class="form-group">
                        <div class="controls">
                          <label>Vendor Name</label>
                          <input type="text" name="name" class="form-control" placeholder="Vendor Name" pattern="^[a-zA-Z0-9\s]+$" value="{{ $vendor->name ?? '' }}"/>
                          @if($errors->has('name'))
                            <p class="text-danger">{{ $errors->first('name') }}</p>
                          @endif
                        </div>
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="form-group">
                        <div class="controls">
                          <label>Vendor Id</label>
                          <input type="text" name="vendor_id" class="form-control" placeholder="Vendor Id" pattern="[0-9]*" minlength="3" maxlength="3" value="{{ $vendor->vendor_id ?? '' }}"/>
                          @if($errors->has('vendor_id'))
                            <p class="text-danger">{{ $errors->first('vendor_id') }}</p>
                          @endif
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="row">
                    <div class="col-4">
                      <div class="form-group">
                        <label>Country Code</label>
                        <select name="country_code" id="country_code" class="form-control">
                          <option {{ $vendor->country_code == '91' ? 'selected' : '' }} value="91" Selected>India (+91)</option>
                          <option {{ $vendor->country_code == '44' ? 'selected' : '' }} value="44">UK (+44)</option>
                          <option {{ $vendor->country_code == '1' ? 'selected' : '' }} value="1">USA (+1)</option>
                        </select>
                        @if($errors->has('country_code'))
                          <p class="text-danger">{{ $errors->first('country_code') }}</p>
                        @endif
                      </div>
                    </div>
                    <div class="col-4">
                      <div class="form-group">
                        <div class="controls">
                          <label for="mobile">Mobile Number</label>
                          <input type="text" name="mobile" id="mobile" pattern="[0-9]*" minlength="10" maxlength="10" class="form-control" placeholder="Mobile Number" value="{{ $vendor->mobile ?? '' }}">
                                          @if($errors->has('mobile'))
                        <p class="text-danger">{{ $errors->first('mobile') }}</p>
                      @endif
                        </div>
                      </div> 
                    </div>
                    <div class="col-4">
                      <div class="form-group">
                        <div class="controls">
                          <label for="phone">Landline Number</label>
                          <input type="text" name="phone" id="phone"  pattern="[0-9]*" minlength="10" maxlength="10" class="form-control" placeholder="Phone Number" value="{{ $vendor->phone ?? '' }}">
                        </div>
                      </div> 
                    </div>
                  </div>
                  
                  <div class="form-group">
                    <div class="controls">
                      <label>GST No.</label>
                      <input type="text" name="gst_no" class="form-control" pattern="[A-Z0-9]+" placeholder="GST No." value="{{ $vendor->gst_no }}">
                      @if($errors->has('gst_no'))
                        <p class="text-danger">{{ $errors->first('gst_no') }}</p>
                      @endif
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="controls">
                      <label>PAN No.</label>
                      <input type="text" name="pan_number" class="form-control" pattern="[A-Z0-9]+" placeholder="PAN No." value="{{ $vendor->pan_number }}">
                      @if($errors->has('pan_number'))
                        <p class="text-danger">{{ $errors->first('pan_number') }}</p>
                      @endif
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="controls">
                      <label>Email</label>
                      <input type="text" name="email" class="form-control" pattern="^[a-zA-Z0-9_.+\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$"  placeholder="Email" value="{{ $vendor->email }}">
                      @if($errors->has('email'))
                        <p class="text-danger">{{ $errors->first('email') }}</p>
                      @endif
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="controls">
                      <label>Website</label>
                      <input type="text" name="website" class="form-control" pattern="[a-zA-Z0-9\.\-]+"  placeholder="Website" value="{{ $vendor->website }}">
                      @if($errors->has('website'))
                        <p class="text-danger">{{ $errors->first('website') }}</p>
                      @endif
                    </div>
                  </div>
                  
                  <div class="row">
                    <div class="col-6">
                      <div class="form-group">
                        <label>Status</label>
                        <select name="status" class="form-control">
                          <option {{ $vendor->status == 'A' ? 'selected' : '' }} value="A">Active</option>
                          <option {{ $vendor->status == 'I' ? 'selected' : '' }} value="I">In-Active</option>
                        </select>
                      </div>
                    </div>
					<div class="col-6">
					   <div class="form-group">
							<div class="controls">
							  <label>Locations</label>
							  <select name="locations[]" id="customSelect" multiple="multiple" class="form-control select2">
								<option value="">Select options</option>
								@if($locations)
								  @foreach ($locations as $location)
									<option {{ in_array("$location->id", $vendor_locations) ? 'selected' : ''  }} value="{{$location->id}}">{{$location->name}}</option>
								  @endforeach
								@endif
							  </select>
							</div>
						 </div>
				  </div>
                  <!-- </div>

                  <div class="row"> -->
    
                  </div>

                  <div class="row">
                    <div class="col-4">
                      <div class="form-group">
                        <ul class="list-unstyled mb-0">
                          <li class="d-inline-block mr-2">
                            <fieldset>
                              <div class="vs-checkbox-con vs-checkbox-primary">
                                <input type="checkbox" {{ isset($userprefs->notify_by_sms) && $userprefs->notify_by_sms == 'Y' ? 'checked' : '' }} name="notify_by_sms" value="Y">
                                <span class="vs-checkbox">
                                  <span class="vs-checkbox--check">
                                    <i class="vs-icon feather icon-check"></i>
                                  </span>
                                </span>
                                <span class="" style="font-size: 0.85rem;">Notify by SMS</span>
                              </div>
                            </fieldset>
                          </li>
                        </ul>
                      </div>
                    </div>
                    <div class="col-4">
                      <div class="form-group">
                        <ul class="list-unstyled mb-0">
                          <li class="d-inline-block mr-2">
                            <fieldset>
                              <div class="vs-checkbox-con vs-checkbox-primary">
                                <input type="checkbox" {{ isset($userprefs->notify_by_email) && $userprefs->notify_by_email == 'Y' ? 'checked' : '' }} name="notify_by_email" value="Y">
                                <span class="vs-checkbox">
                                  <span class="vs-checkbox--check">
                                    <i class="vs-icon feather icon-check"></i>
                                  </span>
                                </span>
                                <span class="" style="font-size: 0.85rem;">Notify by Email</span>
                              </div>
                            </fieldset>
                          </li>
                        </ul>
                      </div>
                    </div>
                    <div class="col-4">
                      <div class="form-group">
                        <ul class="list-unstyled mb-0">
                          <li class="d-inline-block mr-2">
                            <fieldset>
                              <div class="vs-checkbox-con vs-checkbox-primary">
                                <input type="checkbox" {{ isset($userprefs->notify_by_wa) && $userprefs->notify_by_wa == 'Y' ? 'checked' : '' }} name="notify_by_wa" value="Y">
                                <span class="vs-checkbox">
                                  <span class="vs-checkbox--check">
                                    <i class="vs-icon feather icon-check"></i>
                                  </span>
                                </span>
                                <span class="" style="font-size: 0.85rem;">Notify by Whatsapp</span>
                              </div>
                            </fieldset>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-sm-4">
                  <div class="form-group">
                    <div class="controls">
                      <label>Address Line 1</label>
                      <input type="text" name="address_1" id="address_1" class="form-control" pattern="^[^+=@<>|]+$" placeholder="Address Line 1" value="{{ $vendor->address_1 ?? '' }}">
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="controls">
                      <label>Address Line 2</label>
                      <input type="text" name="address_2" id="address_2" class="form-control" pattern="^[^+=@<>|]+$" placeholder="Address Line 2" value="{{ $vendor->address_2 ?? '' }}">
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="controls">
                      <label for="area">Area</label>
                      <input type="text" name="area" id="area" class="form-control" pattern="^[A-Za-z\s]+$" placeholder="Area" value="{{ $vendor->area ?? '' }}">
                    </div>
                  </div>         
                  <div class="form-group">
                    <div class="controls">
                      <label for="city">City</label>
                      <input type="text" name="city" id="city" class="form-control" pattern="^[A-Za-z\s]+$" placeholder="City" value="{{ $vendor->city ?? '' }}">
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="controls">
                      <label for="state">State</label>
                      <input type="text" name="state" id="state" class="form-control" pattern="^[A-Za-z\s]+$" placeholder="State" value="{{ $vendor->state ?? '' }}">
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="controls">
                      <label for="country">Country</label>
                      <input type="text" name="country" id="country" class="form-control" pattern="^[A-Za-z\s]+$" placeholder="Country" value="{{ $vendor->country ?? '' }}">
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="controls">
                      <label for="pin_code">Pin Code</label>
                      <input type="text" name="pin_code" id="pin_code" class="form-control" pattern="[0-9]*" minlength="6" maxlength="6" placeholder="Pin Code" value="{{ $vendor->pin_code ?? '' }}">
                    </div>
                  </div>

   

              </div>
              </div>
                <div class="col-12 d-flex flex-sm-row flex-column justify-content-end mt-1">
                  <button type="submit" class="btn btn-primary glow mb-1 mb-sm-0 mr-0 mr-sm-1">Save Changes</button>
                  <button type="reset" class="btn btn-outline-warning">Reset</button>
                </div>
            </form>
            <!-- vendors edit account form ends -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- vendors edit ends -->
@endsection

@section('vendor-script')
  {{-- Vendor js files --}}
  <script src="{{ asset(mix('vendors/js/forms/validation/jqBootstrapValidation.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
@endsection

@section('page-script')
  {{-- Page js files --}}
  <script src="{{ asset(mix('js/scripts/pages/app-user.js')) }}"></script>
  <script src="{{ asset(mix('js/scripts/navs/navs.js')) }}"></script>
  <script src="{{ asset(mix('js/scripts/forms/select/form-select2.js')) }}"></script>
@endsection