@extends('layouts/contentLayoutMaster')

@section('title', 'Upload Candidate')

@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')) }}">
  <style type="text/css">
    .picker {
      margin-top: -159px;
    }
  </style>
  <style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}
</style>
  <style>
* {
  box-sizing: border-box;
}
.column {
  float: left;
  width: 22%; 
}

.row:after {
  content: "";
  display: table;
  clear: both;
}
</style>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.6.2/croppie.min.css">
@endsection

@section('content')
<!-- users edit start -->
<section class="users-edit">
  <div class="card">
    <div class="card-content">
      <div class="card-body">
        <form novalidate action="{{ url('employees/upload/'.$employer_id.'/'.$source) }}" method="post" enctype="multipart/form-data">
          {{ csrf_field() }}
          <div class="row">
            <div class="col-sm-4">
              
              <div class="form-group">
                <label>Source</label>
                <select name="source_name" id="source_name" class="form-control">
                  <option {{ $source == 'B2B' ? 'selected' : '' }} value="B2B">B2B</option>
                  <option {{ $source == 'B2C' ? 'selected' : '' }} value="B2C">B2C</option>
                </select>
              </div>

              <div class="form-group">
                  <label>Company</label>
                  <select name="employer_id" id="employer_id" class="form-control" required data-validation-required-message="Company required">
                    <option value="">Select Company</option>
                    @if($employers)
                      @foreach($employers as $employer)
                        <option {{ $employer_id == $employer->id ? 'selected' : '' }} value="{{ $employer->id }}">
                          @if(!empty($employer->b2b_company_name))
                            {{ $employer->b2b_company_name }} {{ $employer->b2b_brand_name ? '('.$employer->b2b_brand_name.')' : '' }}
                          @else
                            {{ $employer->first_name }} {{ $employer->middle_name ?? '' }} {{ $employer->last_name ?? '' }}
                          @endif
                        </option>
                      @endforeach
                    @endif
                  </select>
              </div>

              <fieldset class="form-group">
                <label for="csv_file">Select CSV file</label>
                <div class="custom-file">
                  <input type="file" name="csv_file" class="custom-file-input" id="csv_file">
                  <label class="custom-file-label" for="csv_file">Choose file</label>
                </div>
              </fieldset>

              <fieldset class="form-group">
                <a href="{{ url('samples/employee-add-format.csv') }}" target="_blank">Download Sample file</a>
              </fieldset>

              <div class="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>
              </div>

            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
  <div>
   <h3>Fields ID Reference Section</h3>  
   <div class="card">
       <div class="row" style="margin-top:20px; margin-bottom: 20px;">
            <div class="column" style="margin-left:40px;">
                  <h3>Locations :</h3> 
            
                @if(isset($locations))
                    <select>
                        @foreach($locations as $type)
                            <option>  {{ $type->name }}  :  {{ $type->id }}</option>
                        @endforeach
                    </select>
                @else
                    <p>No locations found.</p>
                @endif
                
                 </div>
                 <div class="column">
                <h3>Plans :</h3> 
                  @if(isset($plans))
                    <select>
                        @foreach($plans as $type)
                            <option> {{ $type->name }}  :  {{ $type->id }}</option>
                        @endforeach
                    </select>
                @else
                    <p>No locations found.</p>
                @endif
                
               </div>
               <div class="column">
                 <h3 style="margin-left:40px;">Document Types :</h3> 
                @if($documenttypes->count() > 0)
                    <select style="margin-left:40px;">
                        @foreach($documenttypes as $type)
                            <option>{{ $type->name }}  :  {{ $type->id }}</option>
                        @endforeach
                    </select>
                @else
                    <p>No Document types found.</p>
                @endif
               </div>
                <div class="column">
                <h3 style="margin-left:40px;">Employee Types :</h3>
                @if($employeetypes->count() > 0)
                    <select style="margin-left:40px;">
                        @foreach($employeetypes as $type)
                            <option>{{ $type->type }}  :  {{ $type->id }}</option>
                        @endforeach
                    </select>
                @else
                    <p>No employee types found.</p>
                @endif
                
              
                
                
             
            
            </div>    
           
        </div>
    </div>
  </div>
  <hr>
  <h3>Do's And Don't's of Bulk Data Upload</h3>

<table>
  <tr>
    <th>Columns</th>
    <th>Remarks</th>
    
  </tr>
  <tr>
    <td>Plan Id, Candidate Type, Document Type, Location Id</td>
    <td>Only the numeric id of should be filled in these columns. Filling them with names
    will result in upload failure. Also make sure you fill the correct id for these columns or it might lead to upload failure or data corruption. </td>
   
  </tr>
  <tr>
    <td>Document No, Mobile No, Aadhar No, Official mobile number</td>
    <td>Make sure these columns are'nt filled in scientific format like, 1.23E+11. It should be in numerical format like "12345678912"</td>
   
  </tr>
  <tr>
    <td>Type</td>
    <td>This column can only contain two values, "PRE" and "POST".</td>
    
  </tr>
  <tr>
    <td>Address</td>
    <td>Make sure that columns that have to be filled with address doesn't contain any newline character.
    That is the address should be in one line or else data will not be uploaded.</td>
   
  </tr>

</table>
</section>
<!-- users edit ends -->

@endsection

@section('vendor-script')
  {{-- Vendor js files --}}
  <script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
  <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="{{ url('js/scripts/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="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.6.2/croppie.js"></script>
  <script type="text/javascript">
    $('#source_name').on('change', function(){
      var source = $('#source_name').val();
      var employer_id = $('#employer_id').val();
      location.href = '/candidates/upload?source='+source+'&employer_id='+employer_id;
    });
    $('#employer_id').on('change', function(){
      var source = $('#source_name').val();
      var employer_id = $('#employer_id').val();
      location.href = '/candidates/upload?source='+source+'&employer_id='+employer_id;
    });
  </script>
@endsection