@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 Return:</h5>
              <hr>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Type Of Deductor </label>
              <select name="deductor" class="form-control" id="deductor"> 
                <option value="ARTIFICIAL JURIDICAL PERSON">ARTIFICIAL JURIDICAL PERSON</option>
                <option value="ASSOCIATION OF PERSON (AOP)">ASSOCIATION OF PERSON (AOP)</option>
                <option value="ASSOCIATION OF PERSON (TRUST)">ASSOCIATION OF PERSON (TRUST)</option>
                <option value="AUTONOMOUS BODY (CENTRAL GOVT.)">AUTONOMOUS BODY (CENTRAL GOVT.)</option>
                <option value="AUTONOMOUS BODY (STATE GOVT.)">AUTONOMOUS BODY (STATE GOVT.)</option>
                <option value="BODY OF INDIVIDUALS">BODY OF INDIVIDUALS</option>
                <option value="BRANCH / DIVISION OF COMPANY">BRANCH / DIVISION OF COMPANY</option>
                <option value="CENTRAL GOVERNMENT">CENTRAL GOVERNMENT</option>
                <option value="COMPANY">COMPANY</option>
                <option value="FIRM">FIRM</option>
                <option value="INDIVIDUAL/HUF">INDIVIDUAL/HUF</option>
                <option value="STATE GOVERNMENT">STATE GOVERNMENT</option>
                <option value="STATUTORY BODY (CENTRAL GOVT.)">STATUTORY BODY (CENTRAL GOVT.)</option>
                <option value="STATUTORY BODY (STATE GOVT.)">STATUTORY BODY (STATE GOVT.)</option>
              </select>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Payment Section Code</label>
              <select name="deductor" class="form-control" id="deductor"> 
                <option value="Payments made to employees other than Govt. employees">Payments made to employees other than Govt. employees</option>
              </select>
            </div>
          </div>
          

          </div>
          <div class="row">
            <div class="col-md-12">
              <h5>2. Particulars of Deductor (Employer):</h5>
                <hr>
            </div>
            <div class="col-md-6">
              <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Has Address Changed Since Last Return</label>
              <select name="deductor" class="form-control" id="deductor"> 
                <option value="">Select</option>
                <option value="Yes">Yes</option>
                <option value="No">No</option>
              </select>

            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Flat No</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Area / Location</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Road / Street / Lane</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">PIN Code</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">STD Code</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">Branch / Division</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Name of Premises / Building</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Town / City / District</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">State</label>
              <select name="deductor" class="form-control" id="deductor"> 
                <option value="">Select</option>
                @foreach($state as $value)
                <option value="{{$value->id}}">{{$value->name}}</option>
                @endforeach
              </select>

            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Email</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Telephone No</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            </div>
          </div>
          <div class="row">
           <div class="col-md-12">
            <h5>3. Particulars of the Person Responsible for Deduction of Tax:</h5>
              <hr>
           </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 class="form-group">
              <label for="recipient-name" class="control-label mb-10">Designation</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Flat No</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Name of Premises/Building</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Road / Street / Lane</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">STD Code</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Has Address Changed Since Last Return</label>
              <select name="deductor" class="form-control" id="deductor"> 
                <option value="">Select</option>
                <option value="Yes">Yes</option>
                <option value="No">No</option>
              </select>

            </div>
           </div>
           <div class="col-md-6">
             <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Area / Location</label>
              <input type="text" class="form-control" name="" id="">
            </div>
             <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Town / City / District</label>
              <input type="text" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Branch / Division</label>
              <input type="text" class="form-control" name="" id="">
           </div>
           <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">State</label>
              <select name="deductor" class="form-control" id="deductor"> 
                <option value="">Select</option>
                @foreach($state as $value)
                <option value="{{$value->id}}">{{$value->name}}</option>
                @endforeach
              </select>

            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">PIN Code</label>
              <input type="text" class="form-control" name="" id="">
           </div>
           <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Email</label>
              <input type="text" class="form-control" name="" id="">
           </div>
           <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Telephone No</label>
              <input type="text" class="form-control" name="" id="">
           </div>
           <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Mobile No</label>
              <input type="text" class="form-control" name="" id="">
           </div>
           <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">PAN No</label>
              <input type="text" class="form-control" name="" id="">
           </div>
          </div>
          <div class="col-md-12">
          <h5>4. preferences:</h5>
              <hr>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Suppress Zero Gross Income</label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Suppress Zero IT in Annexure I</label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Suppress Address in Annexure II</label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Suppress Zero IT in Annexure II </label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Exclude Employees Without PAN and Zero IT in eTds </label>
            </div>

          </div>
          <div class="col-md-6">
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Form 24Q</label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Form 24Q Annexure 1 </label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Form 24Q Annexure 2 </label>
            </div>

            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Form 27A </label>
            </div>
            <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Include Zero IT in eTds</label>
            </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