@extends('settings.layouts.master')
@section('styles')
  <link rel="stylesheet" href="{{asset('admin/plugins/select2/css/select2.min.css')}}">
  <link rel="stylesheet" href="{{asset('admin/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css')}}">
    <link rel="stylesheet" href="{{asset('admin/plugins/toastr/toastr.min.css')}}">
  <link rel="stylesheet" href="{{asset('admin/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css')}}">
  <style type="text/css">
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 14px;
  }
  .showValidate{
    display:block;
  }
  .hideValidate{
    display: none;
  }
  tr{
    border: 1px solid #ededed;
  }
  th{
    text-align: center;
    padding: 10px;
  }
  td{
    text-align: center;
    padding: 10px;
  }
  .heading_main{
    font-weight: bold;
    text-align: left;
  }
  .heading_two{
    padding-left: 50px;
    text-align: left;
  }
  .heading_three{
    padding-left: 100px;
    text-align: left;
  }
  
  </style>
@endsection
@section('contents')
<div class="content-wrapper pb-0">
<div class="page-header flex-wrap">
  <h3 class="mb-0">{{$category}}</h3>
</div>
<div class="row">
  <div class="col-md-12 stretch-card grid-margin">
    <div class="card">
        <div class="card-body">
          @csrf
           <div class="row">
            <div class="col-md-6">
              <h3>{{$category}}</h3>
            </div>
            <div class="col-md-6">
              
            </div>
          </div>
         <div class="row">
            <div class="col-md-4">
              <div class="">
                <a href="{{route('employee-onboard',['id'=>'employee_onboard'])}}">
                Company Policies & Forms
                </a>
              </div>
            </div>
            <div class="col-md-4">
              <div style="" class="active">
                <a href="{{route('employee-onboard',['id'=>'employee_onboard_info'])}}">
                Employee Information Settings
                </a>
              </div>
            </div>
            <div class="col-md-4">
              <div style="">
                <a href="{{route('employee-onboard',['id'=>'employee_onboard_comp'])}}">
                Employee Document Settings
                </a>
              </div>
            </div>
          </div>
           <form name="info_form" action="{{route('save-employee-information')}}" method="post">
          <div class="row">
           
              @csrf
            <table style="width:100%;border: 1px solid #cbd5e1;border-radius: 4px; padding: 25px;margin: 25px;">
              <tr>
                <th style="width: 25%;">Section</th>
                <th style="width: 25%;text-align: center;" colspan="2">Information</th>
                <th style="width: 25%;text-align: center;" colspan="2">Attachments</th>
                <th style="width: 25%;text-align: center;" colspan="2">Verification</th>
              </tr>
              <tr>
                <td></td>
                <td>Display</td>
                <td>Mandatory</td>
                <td>Display</td>
                <td>Mandatory</td>
                <td>Display</td>
                <td>Mandatory</td>
              </tr>
              <tr>
                <td class="heading_main">Personal Information</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_two">Personal Information</td>
                <td><input type="checkbox" name="pi_display" id="pi_display"  class="form-control" @if($data->pi_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="pi_mandatory" id="pi_mandatory"  class="form-control" @if($data->pi_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">Personal Information</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_two">Address</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">Permanent Address</td>
                <td><input type="checkbox" name="permanent_address_display" id="permanent_address_display"  class="form-control" @if($data->permanent_address_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="permanent_address_mandatory" id="permanent_address_mandatory"  class="form-control" @if($data->permanent_address_mandatory == 'on') checked @endif></td>
                <td><input type="checkbox" name="permanent_address_attach_display" id="permanent_address_attach_display"  class="form-control" @if($data->permanent_address_attach_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="permanent_address_attach_mandatory" id="permanent_address_attach_mandatory"  class="form-control" @if($data->permanent_address_attach_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">Present Address</td>
                <td><input type="checkbox" name="present_address_display" id="present_address_display"  class="form-control" @if($data->present_address_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="present_address_mandatory" id="present_address_mandatory"  class="form-control" @if($data->present_address_mandatory == 'on') checked @endif></td>
                <td><input type="checkbox" name="present_address_attach_display" id="present_address_attach_display"  class="form-control" @if($data->present_address_attach_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="present_address_attach_mandatory" id="present_address_attach_mandatory"  class="form-control" @if($data->present_address_attach_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">Emergency Contact/Address</td>
                <td><input type="checkbox" name="emergency_contact_address_display" id="emergency_contact_address_display"  class="form-control" @if($data->emergency_contact_address_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="emergency_contact_address_mandatory" id="emergency_contact_address_mandatory"  class="form-control" @if($data->emergency_contact_address_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_two">Qualifications</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">Qualifications</td>
                <td><input type="checkbox" name="qualification_display" id="qualification_display" class="form-control" @if($data->qualification_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="qualification_mandatory" id="qualification_mandatory"  class="form-control" @if($data->qualification_mandatory == 'on') checked @endif></td>
                <td><input type="checkbox" name="qualification_attach_display" id="qualification_attach_display"  class="form-control" @if($data->qualification_attach_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="qualification_attach_mandatory" id="qualification_attach_mandatory"  class="form-control" @if($data->qualification_attach_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_main">Previous Employment</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_two">Previous Employment</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">Previous Employment</td>
                <td><input type="checkbox" name="pe_display" id="pe_display"  class="form-control" @if($data->pe_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="pe_mandatory" id="pe_mandatory"  class="form-control" @if($data->pe_mandatory == 'on') checked @endif></td>
                <td><input type="checkbox" name="pe_attach_display" id="pe_attach_display"  class="form-control" @if($data->pe_attach_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="pe_attach_mandatory" id="pe_attach_mandatory"  class="form-control" @if($data->pe_attach_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_main">Accounts & Statutory</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_two">Identifications</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">Bank Account Details</td>
                <td><input type="checkbox" name="as_bank_display" id="as_bank_display"  class="form-control" @if($data->as_bank_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_bank_mandatory" id="as_bank_mandatory"  class="form-control" @if($data->as_bank_mandatory == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_bank_attach_display" id="as_bank_attach_display"  class="form-control" @if($data->as_bank_attach_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_bank_attach_mandatory" id="as_bank_attach_mandatory"  class="form-control" @if($data->as_bank_attach_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">PF Account Details</td>
                <td><input type="checkbox" name="as_pf_display" id="as_pf_display"  class="form-control" @if($data->as_pf_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_pf_mandatory" id="as_pf_mandatory"  class="form-control" @if($data->as_pf_mandatory == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_pf_attach_display" id="as_pf_attach_display"  class="form-control" @if($data->as_pf_attach_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_pf_attach_mandatory" id="as_pf_attach_mandatory"  class="form-control" @if($data->as_pf_attach_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">Permanent Account Number</td>
                <td><input type="checkbox" name="as_pan_display" id="as_pan_display"  class="form-control" @if($data->as_pan_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_pan_mandatory" id="as_pan_mandatory"  class="form-control" @if($data->as_pan_mandatory == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_pan_attach_display" id="as_pan_attach_display"  class="form-control" @if($data->as_pan_attach_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_pan_attach_mandatory" id="as_pan_attach_mandatory"  class="form-control" @if($data->as_pan_attach_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">Aadhaar</td>
                <td><input type="checkbox" name="as_aadhaar_display" id="as_aadhaar_display"  class="form-control" @if($data->as_aadhaar_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_aadhaar_mandatory" id="as_aadhaar_mandatory"  class="form-control" @if($data->as_aadhaar_mandatory == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_aadhaar_attach_display" id="as_aadhaar_attach_display"  class="form-control" @if($data->as_aadhaar_attach_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_aadhaar_attach_mandatory" id="as_aadhaar_attach_mandatory"  class="form-control" @if($data->as_aadhaar_attach_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">Passport</td>
                <td><input type="checkbox" name="as_passport_display" id="as_passport_display"  class="form-control" @if($data->as_passport_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_passport_mandatory" id="as_passport_mandatory"  class="form-control" @if($data->as_passport_mandatory == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_passport_attach_display" id="as_passport_attach_display"  class="form-control" @if($data->as_passport_attach_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="as_passport_attach_mandatory" id="as_passport_attach_mandatory"  class="form-control" @if($data->as_passport_attach_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_main">Family Details</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_two">Family Details</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">Family Details</td>
                <td><input type="checkbox" name="fd_display" id="fd_display" class="form-control" @if($data->fd_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="fd_mandatory" id="fd_mandatory"  class="form-control" @if($data->fd_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
               <tr>
                <td class="heading_main">Nomination Details</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_two">Nominations</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">EPF Nomination</td>
                <td><input type="checkbox" name="nd_epf_display" id="nd_epf_display" class="form-control" @if($data->nd_epf_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="nd_epf_mandatory" id="nd_epf_mandatory"  class="form-control" @if($data->nd_epf_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">EPS Nomination</td>
                <td><input type="checkbox" name="nd_eps_display" id="nd_eps_display" class="form-control" @if($data->nd_eps_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="nd_eps_mandatory" id="nd_eps_mandatory" class="form-control" @if($data->nd_eps_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">ESI Nomination</td>
                <td><input type="checkbox" name="nd_esi_display" id="nd_esi_display" class="form-control" @if($data->nd_esi_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="nd_esi_mandatory" id="nd_esi_mandatory"  class="form-control" @if($data->nd_esi_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td class="heading_three">Gratuity Nomination</td>
                <td><input type="checkbox" name="nd_gratuity_display" id="nd_gratuity_display"  class="form-control" @if($data->nd_gratuity_display == 'on') checked @endif></td>
                <td><input type="checkbox" name="nd_gratuity_mandatory" id="nd_gratuity_mandatory"  class="form-control" @if($data->nd_gratuity_mandatory == 'on') checked @endif></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
            </table>
          
          </div>
          <div class="row">

            <div class="col-md-12" >
              <input type="submit" class="btn btn-success" style="float:right" name="" value="Save">
            </div>
          </div>
         </form>
        </div>
      </div>
    </div>
  </div>

  <div class="modal modal-add fade show" id="add-modal-made" aria-modal="true" role="dialog" style="padding-right: 17px; display: none;">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Employee Information Settings <span id="type"></span></h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
           <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body">
       
          @csrf
          <div class="form-group">
            <div class="add-id">
            </div>
              <input type="hidden" name="listId" id="listId" value="">
        
            <label for="recipient-name" class="control-label mb-10">Policy Name *:</label>
            <input type="text" class="form-control all-clean"  name="name" id="name" value="{{old('name')}}" placeholder="Please Enter name" required>
            <span style="color:red;" class="formValidate hideValidate" id="nameValidate">Please enter Name</span>
          </div>
           <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Description *:</label>
            <input type="text" class="form-control all-clean"  name="description" id="description" value="{{old('description')}}" placeholder="Please Enter description" required>
            <span style="color:red;" class="formValidate hideValidate" id="descriptionValidate">Please enter Description</span>
          </div>
          
          <div class="form-group">
            <div class="add-id">
            </div>
            <label for="recipient-name" class="control-label mb-10">Serial No *:</label>
            <input type="text" class="form-control all-clean"  name="serialno"  id="serialno"  value="{{old('serialno')}}" placeholder="Please Enter serialno" required>
            <span style="color:red;" class="formValidate hideValidate" id="serialnoValidate">Serial No</span>
          </div>
           <div class="form-group">
            <div class="add-id">
            </div>
            <label for="recipient-name" class="control-label mb-10">Upload File *:</label>
            <input type="file" class="form-control all-clean"  name="file"  id="file"  value="{{old('file')}}" placeholder="Please Enter file" required>
            <span style="color:red;" class="formValidate hideValidate" id="fileValidate">Upload File </span>
          </div>
          <div class="form-group">
            <div class="add-id">
            </div>
            <label for="recipient-name" class="control-label mb-10">Company Policy Category *:</label>
            <select class="form-control" name="category" id="category" required>
              <option value="">Select Policy Category</option>
              <option value="General">General</option>
              <option value="PF Forms">PF Forms</option>
              <option value="HR">HR</option>
            </select>
            <span style="color:red;" class="formValidate hideValidate"  id="categoryValidate">Company Policy Category </span>
           
          </div>
          <hr>
           <div class="form-group">
            <label for="enforce_check" class="control-label mb-10">
              <input type="checkbox" name="pi_display" id="pi_display" value="{{$data->pi_display}}" name="enforce_check" id="enforce_check" > 
              Release to employee self service portal
            </label>
            
            <div class="add-id-main" id="add-id-main">
            
            
            </div>
          </div>
        </form>
        </div>
        <div class="modal-footer justify-content-between">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-primary" onclick="onCheckFormValidate()"><span id="bank-button" >Save</span></button>
        </div>
      </div>
    </div>
  </div>  

@endsection
@section('scripts')
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.0.0/index.global.min.js'></script>
<script src="{{asset('admin/plugins/select2/js/select2.full.min.js')}}"></script>
<!-- Toastr -->
<script src="{{asset('admin/plugins/sweetalert2/sweetalert2.min.js')}}"></script>
<script src="{{asset('admin/plugins/toastr/toastr.min.js')}}"></script>
<script type="text/javascript">
  $(document).ready(function()
  {
    $('#enforce_check').change(function() 
    {
      if(this.checked == true)
      {
        $('#add-id-main').html('<label for="recipient-name" class="control-label mb-10">Release and enforce policy</label><select class="form-control" name="release_status" id="release_status" required><option value="Above 5 years" >Above 5 years</option><option value="All Current Employees">All Current Employees</option><option value="All Past Employees">All Past Employees</option><option value="Bangalore Employees">Bangalore Employees</option><option value="Between 3-5 years">Between 3-5 years</option><option value="Confirmed Employees">Confirmed Employees</option><option value="Contract Emp">Contract Emp</option><option value="Partially Vaccinated Employees">Partially Vaccinated Employees</option><option value="Probation Emp">Probation Emp</option><option value="Sales Department">Sales Department</option><option value="Trainee Employees">Trainee Employees</option><option value="Upto 3 years service">Upto 3 years service</option></select><input type="hidden" name="enforce" id="enforce" value="enforce" >');
      }else{
         $('#add-id-main').html('');
      }
    });   
  });
  function onCheckFormValidate() {
    if($('#name').val() == '')
    {
      $('.formValidate').removeClass('showValidate');
      $('.formValidate').addClass('hideValidate');
      $('#nameValidate').removeClass('hideValidate');
      $('#nameValidate').addClass('showValidate');
    }else if($('#description').val() == '')
    {
      $('.formValidate').removeClass('showValidate');
      $('.formValidate').addClass('hideValidate');
      $('#descriptionValidate').removeClass('hideValidate');
      $('#descriptionValidate').addClass('showValidate');
    }else if($('#serialno').val() == '')
    {
      $('.formValidate').removeClass('showValidate');
      $('.formValidate').addClass('hideValidate');
      $('#serialnoValidate').removeClass('hideValidate');
      $('#serialnoValidate').addClass('showValidate');
    }else if($('#file').val() == '')
    {
      $('.formValidate').removeClass('showValidate');
      $('.formValidate').addClass('hideValidate');
      $('#fileValidate').removeClass('hideValidate');
      $('#fileValidate').addClass('showValidate');
    }else if($('#category').val() == '')
    {
      $('.formValidate').removeClass('showValidate');
      $('.formValidate').addClass('hideValidate');
      $('#categoryValidate').removeClass('hideValidate');
      $('#categoryValidate').addClass('showValidate');
    }else

      $('#modal-add-form').submit();
  }
  function addCompanyBank(type) {
    $('#listId').val('');
    $('#name').val('');
    $('#capital').val('');
    $('#description').val('');
    $('#bank-button').html('Add');
    $('#add-modal-made').modal('toggle');

  }
  $('.select2').select2();

  $(document).ready(function(){

  });
  
  function addBankBranch(type) {

    $('#bank-button').html(type);
    $('#type').html(type);
    $('#add-modal-made').modal('toggle');

  }
  function editDetails(id,name,description,serialno,category,release_status,release_field) {
   
    $('#listId').val(id);
    $('#name').val(name);
    $('#description').val(description);
    $('#serialno').val(serialno);
    $('#category').val(category);

    if(release_status =='on'){
      $('#enforce_check').prop('checked', true);
      $('#add-id-main').html('<label for="recipient-name" class="control-label mb-10">Release and enforce policy</label><select class="form-control" name="release_status" id="release_status" required><option value="Above 5 years">Above 5 years</option><option value="All Current Employees">All Current Employees</option><option value="All Past Employees">All Past Employees</option><option value="Bangalore Employees">Bangalore Employees</option><option value="Between 3-5 years">Between 3-5 years</option><option value="Confirmed Employees">Confirmed Employees</option><option value="Contract Emp">Contract Emp</option><option value="Partially Vaccinated Employees">Partially Vaccinated Employees</option><option value="Probation Emp">Probation Emp</option><option value="Sales Department">Sales Department</option><option value="Trainee Employees">Trainee Employees</option><option value="Upto 3 years service">Upto 3 years service</option></select><input type="hidden" name="enforce" id="enforce" value="enforce" >');

      $('#release_field').val(release_field);

      alert(release_field);
    }
    

    $('#bank-button').html('Edit');
    $('#add-modal-made').modal('toggle');
  }
 
  function getListBox(){

    var list_box = $('#list_box').val();
    console.log(list_box);
    reqUrl = "{{route('ifsc_save')}}";
    $('.global-loader').css('display','block');
        $.ajax({
          type: "get",
          url: reqUrl,
          data: {'list_box':list_box},
          dataType: "json",
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function() {
          },
          complete: function() {
          },
          success: function(response) {
            $('#list_value').html(response.success);
            $('.global-loader').css('display','none');
              // console.log(response);
          }
        });
  }
  function callSaveMessage(message){
    var Toast = Swal.mixin({
      toast: true,
      position: 'top-end',
      showConfirmButton: false,
      timer: 3000
    });
    Toast.fire({
        icon: 'success',
        title: message
    })
    $('.global-loader').css('display','none');
  }
</script>
@endsection