@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')}}">
  <style type="text/css">
    .checkbox_button{
      margin-left: 14px;
      margin-top: 3px;
    }
  </style>
@endsection
@section('contents')
<div class="content-wrapper pb-0">
<div class="page-header flex-wrap">
  <h3 class="mb-0"> {{$category}}</h3>
  <!-- <div class="d-flex">
    <button type="button" class="btn btn-sm bg-white btn-icon-text border">
      <i class="mdi mdi-email btn-icon-prepend"></i> Email </button>
    <button type="button" class="btn btn-sm bg-white btn-icon-text border ml-3">
      <i class="mdi mdi-printer btn-icon-prepend"></i> Print </button>
    <button type="button" class="btn btn-sm ml-3 btn-success"> Add User </button>
  </div> -->
</div>
<div class="row">
  <div class="col-md-12 stretch-card grid-margin">
    <div class="card">
      <div class="card-body">
        <form action="{{route('company-setting-save-eoption')}}" id="sub-admin-form" method="post" enctype="multipart/form-data">
          <input type="hidden" name="eoption" value="eoption">
          @csrf 
          <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <h5>1. Particulars of the person responsible for form16:</h5>
              <hr>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Name </label>
              <input type="text" class="form-control" name="" id="">
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Designation</label>
              <input type="text" class="form-control" name="" id="">
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Father's Name </label>
              <input type="text" class="form-control" name="" id="">
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Loctaion</label>
              <input type="text" class="form-control" name="" id="">
            </div>
          </div>

          </div>
          <div class="row">
           <div class="col-md-12">
            <h5>2. Preferences:</h5>
              <hr>
           </div>
           <div class="col-md-4">
            <div class="form-group">
              <h5>Form 16 Details:</h5>
              <hr>
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">TDS Circle Address</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Signing Date</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Generated Date</label>
              <input type="text" class="form-control" name="" id="">
            </div>
           </div>
            <div class="col-md-4">
             <div class="form-group">
              <h5>Form 16 Details:</h5>
              <hr>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Show With Previous Employment </label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Show With Form12BA</label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Show Annexure B</label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Suppress Zero Tax </label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Enable GreytHR Part B Verification Form</label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Show Employee Information in Part B</label>
            </div>

           </div>
            <div class="col-md-4">
              <div class="form-group">
              <h5>Form 16 Generation:</h5>
              <hr>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Show Form16 Cover Page </label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Merge Part A and Part B</label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Use default appearance for the digital signature</label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Whether Form16 should be digitally signed </label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Show Digital Signature text in Part A Section </label>
            </div>
            
           </div>
          </div>
          <div class="form-group" style="text-align:center">
            <button type="button" class="btn btn-success" onclick="$('#sub-admin-form').submit()"><spam id="title-button">Save</spam></button>
            <button type="button" class="btn btn-primary" onclick="$('#sub-admin-form').submit()"><spam id="title-button">Back to Form 16</spam></button>
          </div>
        </form>
      </div>
    </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>

<script type="text/javascript">
  function checkRehire(){
      if($('#rehire').is(':checked'))
      {
        
      }else
      {
        // alert('not checked');
      }
    }
  $(document).ready(function(){

    

    var stateData = '';

    
    $( "#state" ).select2(
    // {
    //     ajax: { 
    //       url: "{{route('getStateList')}}",
    //       type: "get",
    //       dataType: 'json',
    //       delay: 250,
    //       data: function (params) {
    //         return {
    //            search: params.term // search term
    //         };
    //       },
    //       processResults: function (response) {
    //         return {
    //           results: response
    //         };
    //       },
    //       cache: true
    //     }

    //  }
     );

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

  $('#password_policy_attch_file').select2();
  function getTheMember() {
    member = $('#member').val();
    if(member.length > 3 ) 
      {
        $.ajax({
          type: "get",
          url: reqUrl,
          data: reqData,
          dataType: "json",
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function() {
              

          },
          complete: function() {

          },
          success: function(response) {
              console.log(response);
          }
        });
      }
  }
  $(document).ready(function(){
    updateTime();
    setInterval(function(){ 
    updateTime();    
    }, 1000);
 });

  function updateTime(){
    // alert('working');
    var d = new Date();
    var curr_hour = d.getHours();
    var curr_min = d.getMinutes();

    var curr_sec = d.getSeconds();
    $('#time-change').html(curr_hour + ":" + curr_min + ":" + curr_sec);
  }


</script>
@endsection