@extends('layouts/contentLayoutMaster')
@section('title', 'Add Client')
@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')
<!-- employers edit start -->
<section class="employers-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">
            <!-- employers edit account form start -->
            <form  action="{{ url('employers/store') }}" method="post" enctype="multipart/form-data">
              {{ csrf_field() }}
              <div class="row">
                <div class="col-12 col-sm-6">
                  <div class="form-group">
                    <label>Business type</label>
                    <select name="source_type" id="source_type" class="form-control">
                      <option {{ $source == 'B2B' ? 'selected' : '' }} value="B2B">B2B</option>
                      <option {{ $source == 'B2C' ? 'selected' : '' }} value="B2C">B2C</option>
                    </select>
                  </div>

                  @if($source == 'B2C')
                    <div class="row">
                      <div class="col-4">
                        <div class="form-group">
                          <label>First Name <span style="color:red">*</span></label>
                          <input type="text" name="first_name" class="form-control" pattern="^[A-Za-z]+$" placeholder="First Name" required="" />
                          @if($errors->has('first_name'))
                            <p class="text-danger">{{ $errors->first('first_name') }}</p>
                          @endif
                        </div>
                      </div>
                      <div class="col-4">
                        <div class="form-group">
                          <label>Middle Name</label>
                          <input type="text" name="middle_name" class="form-control" pattern="^[A-Za-z]+$" placeholder="Middle Name" />
                          @if($errors->has('middle_name'))
                            <p class="text-danger">{{ $errors->first('middle_name') }}</p>
                          @endif
                        </div>
                      </div>
                      <div class="col-4">
                        <div class="form-group">
                          <label>Last Name</label>
                          <input type="text" name="last_name" class="form-control" pattern="^[A-Za-z]+$" placeholder="Last Name" required="" />
                          @if($errors->has('last_name'))
                            <p class="text-danger">{{ $errors->first('last_name') }}</p>
                          @endif
                        </div>
                      </div>
                    </div>
                  @else
                    <div class="form-group">
                      <div class="controls">
                        <label>Company Name <span style="color:red">*</span></label>
                        <input type="text" name="b2b_company_name" class="form-control" pattern="[a-zA-Z0-9\s]+" placeholder="Company Name" />
                        @if($errors->has('b2b_company_name'))
                          <p class="text-danger">{{ $errors->first('b2b_company_name') }}</p>
                        @endif
                      </div>
                    </div>

                    <div class="form-group">
                      <div class="controls">
                        <label>Brand Name</label>
                        <input type="text" name="b2b_brand_name" class="form-control" pattern="[a-zA-Z0-9\s]+" placeholder="Brand Name" />
                        @if($errors->has('b2b_brand_name'))
                          <p class="text-danger">{{ $errors->first('b2b_brand_name') }}</p>
                        @endif
                      </div>
                    </div>
                  @endif

                  <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" pattern="\d+" id="mobile" minlength="10" maxlength="10" class="form-control" placeholder="Mobile Number" 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="\d+" minlength="10" maxlength="10" class="form-control" placeholder="Phone Number" />
                        </div>
                      </div> 
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="controls">
                      <label>GST No. <span style="color:red">*</span></label>
                      <input type="text" name="b2b_gst_no" class="form-control" pattern="[A-Z0-9]+"   minlength="15" maxlength="15" placeholder="GST No." value="{{ old('b2b_gst_no') }}">
                      @if($errors->has('b2b_gst_no'))
                        <p class="text-danger">{{ $errors->first('b2b_gst_no') }}</p>
                      @endif
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="controls">
                      <label>PAN No.<span style="color:red">*</span></label>
                      <input type="text" name="b2b_pan_no" class="form-control" placeholder="PAN No." pattern="[A-Z0-9]+" minlength="10" maxlength="10" value="{{ old('b2b_pan_no') }}">
                      @if($errors->has('b2b_pan_no'))
                        <p class="text-danger">{{ $errors->first('b2b_pan_no') }}</p>
                      @endif
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="controls">
                      <label>Email <span style="color:red">*</span></label>
                      <input type="text" name="email" class="form-control" placeholder="Email" pattern="^[a-zA-Z0-9_.+\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$" 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="b2b_website" class="form-control" placeholder="Website" pattern="[a-zA-Z0-9\.\-]+" value="{{ old('b2b_website') }}">
                      @if($errors->has('b2b_website'))
                        <p class="text-danger">{{ $errors->first('b2b_website') }}</p>
                      @endif
                    </div>
                  </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="hidden" name="addr_type" id="addr_type" value="PERMANENT">
                      <input type="text" name="street_addr1" id="street_addr1" pattern="[a-zA-Z0-9\s]+" class="form-control" placeholder="Address Line 1">
                      @if($errors->has('street_addr1'))
                        <p class="text-danger">{{ $errors->first('street_addr1') }}</p>
                      @endif
                    </div>
                  </div>

            
                  <div class="form-group">
                    <div class="controls">
                      <label for="city">City <span style="color:red">*</span></label>
                      <input type="text" name="city" id="city" class="form-control" pattern="[a-zA-Z0-9\s]+" placeholder="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 <span style="color:red">*</span></label>
                      <input type="text" name="state" id="state" class="form-control" pattern="[a-zA-Z0-9\s]+" placeholder="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-Z0-9\s]+" placeholder="Country">
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="controls">
                      <label for="pincode">Pin Code <span style="color:red">*</span></label>
                      <input type="text" name="pincode" id="pincode"  minlength="6" maxlength="6" class="form-control" pattern="\d+" placeholder="Pin Code">
                      @if($errors->has('pincode'))
                        <p class="text-danger">{{ $errors->first('pincode') }}</p>
                      @endif
                    </div>
                  </div>

                  <div class="form-group">
                    <label>Company Type</label>
                    <select name="employer_type" id="employer_type" class="form-control">
                      <option value="">Select Company Type</option>
                      <option value="SCHOOL">SCHOOL</option>
                      <option value="SME">SME</option>
                      <option value="FMCG">FMCG</option>
                      <option value="RETAIL">RETAIL</option>
                      <option value="GOVERNMENT">GOVERNMENT</option>                     
                        <option value="NBFC">NBFC</option>
                        <option value="Finanace">Finanace</option>
                        <option value="Bank">Bank</option>
                        <option value="Micro Finanace">Micro Finanace</option>
                        <option value="HFC">HFC</option>
                    </select>
                  </div>

                  <div class="form-group">
                    <label>Billing Plan</label>
                    <select name="billing_plan_id[]" id="billing_plan_id" multiple="multiple" class="form-control select2">
                      <option value="">Select Plan</option>
                        @if($plans)
                          @foreach($plans as $plan)
                            <option value="{{ $plan->id }}">{{ $plan->name }}-{{$plan->pkg_name}}</option>
                          @endforeach
                        @endif
                    </select>
                  </div>
                  
                  <div class="form-group">
                    <label>Locations</label>
                    <select name="location_id[]" id="location_id" multiple="multiple" class="form-control select2">
                      <option value="">Select Location</option>
                        @if($locations)
                          @foreach($locations as $location)
                            <option value="{{ $location->id }}">{{ $location->name }}</option>
                          @endforeach
                        @endif
                    </select>
                  </div>
                            
                      <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 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>
            <!-- employers edit account form ends -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- employers 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>
  <script src="https://enterprise.gettruehelp.com/js/state.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>
  <script type="text/javascript">
    $('#source_type').on('change', function(){
      location.href = '/employers/create?source=' + $(this).val();
    })
  </script>
@endsection