@extends('layouts/contentLayoutMaster')
@section('title', 'Create Vendors')
@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')
<!-- vendor edit start -->
<section class="vendor-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">
            <!-- vendor edit account form start -->
            <form  action="{{ url('vendor/store') }}" method="post" enctype="multipart/form-data">
              {{ csrf_field() }}
              <div class="row">
                <div class="col-12 col-sm-6">
                  <div class="row">
                    <div class="col-6">
                      <div class="form-group">
                        <div class="controls">
                          <label>Vendor Name <span style="color:red">*</span></label>
                          <input type="text" name="name" class="form-control" pattern="^[a-zA-Z0-9\s]+$"  placeholder="Vendor Name" value="{{ old('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" pattern="[0-9]*" title="Only digits allowed" minlength="3" maxlength="3" placeholder="Vendor Id" value="{{ $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 value="91" selected="selected" >India (+91)</option>
                          <option value="44">UK (+44)</option>
                          <option 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 <span style="color:red">*</span></label>
                          <input type="text" name="mobile" id="mobile" pattern="[0-9]*" minlength="10" maxlength="10" class="form-control" placeholder="Mobile Number" value="{{ old('mobile') }}" required="" />
                          @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="{{ old('phone') }}" />
                          @if($errors->has('phone'))
                            <p class="text-danger">{{ $errors->first('phone') }}</p>
                          @endif
                        </div>
                      </div> 
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="controls">
                      <label>GST No.  <span style="color:red">*</span></label>
                      <input type="text" name="gst_no" class="form-control" pattern="^[A-Z0-9]+$" minlength="15" maxlength="15" placeholder="GST No." value="{{ old('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]+$" minlength="10" maxlength="10"placeholder="PAN No." value="{{ old('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 <span style="color:red">*</span></label>
                      <input type="email" name="email" class="form-control" pattern="^[a-zA-Z0-9_.+\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$" placeholder="Email" value="{{ old('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="{{ old('website') }}">
                      @if($errors->has('website'))
                        <p class="text-danger">{{ $errors->first('website') }}</p>
                      @endif
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-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 value="{{$location->id}}">{{$location->name}}</option>
                          @endforeach
                        @endif
                      </select>
                    </div>
                  </div>  
                    </div>
                    <div class="col-6">
                      <div class="form-group">
                        <label>Status</label>
                        <select name="status" class="form-control">
                          <option value="A">Active</option>
                          <option value="I">In-Active</option>
                        </select>
                      </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" 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" 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" 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 <span style="color:red">*</span></label>
                      <input type="text" name="address_1" id="address_1" class="form-control" pattern="^[^+=@<>|]+$" maxlength="200"  placeholder="Address Line 1" value="{{ old('address_1') }}">
                      @if($errors->has('address_1'))
                        <p class="text-danger">{{ $errors->first('address_1') }}</p>
                      @endif
                    </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="^[^+=@<>|]+$" maxlength="200"  placeholder="Address Line 2" value="{{ old('address_2') }}">
                      @if($errors->has('address_2'))
                        <p class="text-danger">{{ $errors->first('address_2') }}</p>
                      @endif
                    </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]+$" maxlength="56"  placeholder="Area" value="{{ old('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]+$" maxlength="56"  placeholder="City" value="{{ old('city') }}">
                      @if($errors->has('city'))
                        <p class="text-danger">{{ $errors->first('city') }}</p>
                      @endif
                    </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]+$" maxlength="56"  placeholder="State" value="{{ old('state') }}">
                      @if($errors->has('state'))
                        <p class="text-danger">{{ $errors->first('state') }}</p>
                      @endif
                    </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]+$"  maxlength="56" placeholder="Country" value="{{ old('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" minlength="6" maxlength="6" class="form-control" placeholder="Pin Code" value="{{ old('pin_code') }}">
                      @if($errors->has('pin_code'))
                        <p class="text-danger">{{ $errors->first('pin_code') }}</p>
                      @endif
                    </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>
            <!-- vendor edit account form ends -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- vendor 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/pickers/pickadate/picker.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.date.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>
  <script type="text/javascript">
    $('#dob').pickadate({
      format: 'dd mmmm yyyy',
      selectMonths: true,
      selectYears: 60,
      max: true
    });
  </script>
@endsection