@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. Leave Settings:</h5>
              <hr>
            </div>
          </div>
          <div class="col-md-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Name </label>
              <input type="text" class="form-control" name="year" id="year">
            </div>
          </div>
          <div class="col-md-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Leave Type that is linked to ""Loss of Pay"" (LOP) or ""Leave without Pay"" (LWP) in Payroll:</label>
              <select name="leave_type" id="leave_type" class="form-control"> 
                <option value="Privilege Leave">Privilege Leave</option>
                <option value="Casual Leave">Casual Leave</option>
                <option value="Sick Leave">Sick Leave</option>
                <option value="Loss of Pay">Loss of Pay</option>
                <option value="Maternity Leave">Maternity Leave</option>
                <option value="Paternity Leave">Paternity Leave</option>
                <option value="Compensatory Off">Compensatory Off</option>
                <option value="Restricted Holiday">Restricted Holiday</option>
                <option value="Earned Leave">Earned Leave</option>
                <option value="Plant Shut Down">Plant Shut Down</option>
                <option value="Work From Home">Work From Home</option>
                <option value="On Duty">On Duty</option>
                <option value="Annual Leave">Annual Leave</option>
                <option value="PWC">PWC</option>
              </select>
            </div>
            </div>
            <div class="col-md-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Comp off Expiry Start Date::</label>
              <select name="leave_type" id="leave_type" class="form-control"> 
                <option value="Accept Date">Accept Date</option>
                <option value="From Date">From Date</option>
              </select>
            </div>
          </div>
            <div class="col-md-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Number of days before which next year leave can be applied.: </label>
              <input type="number" class="form-control" name="" id="">
            </div>
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Leave Transaction To Show:</label>
              <select name="leave_type" id="leave_type" class="form-control"> 
                <option value="Attendance Scheme">Attendance Scheme</option>
                <option value="Company">Company</option>
                <option value="Department">Department</option>
                <option value="Designation">Designation</option>
                <option value="Grade">Grade</option>
                <option value="Location">Location</option>
               </select>
            </div>
            </div>
            <div class="col-md-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Category to Filter the employees:</label>
              <select name="leave_type" id="leave_type" class="form-control"> 
                <option value="Availed">Availed</option>
                <option value="Applied and Availed">Applied and Availed</option>
              </select>
            </div>
         
          </div>
            <div class="col-md-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Holiday category:</label>
              <select name="leave_type" id="leave_type" class="form-control"> 
                <option value="Availed">Availed</option>
                <option value="Applied and Availed">Applied and Availed</option>
              </select>
            </div>
         
          </div>

          <div class="col-md-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Maximum General holidays: </label>
              <input type="number" class="form-control" name="" id="">
            </div>
          </div>
          <div class="col-md-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Maximum Restricted holidays: </label>
              <input type="number" class="form-control" name="" id="">
            </div>
          </div>
          <div class="col-md-12">
          <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Restrict employees from applying leave for previous years</label>
            </div>
          </div>
           <div class="col-md-12">
          <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Restrict applying leave if leave taken and applied days is less than the balance</label>
            </div>
          </div>
            <div class="col-md-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Leave days calculator:</label>
              <select name="leave_type" id="leave_type" class="form-control"> 
                <option value="Old">Old</option>
                <option value="Default">Default</option>
                <option value="AttendanceCalculator">AttendanceCalculator</option>
              </select>
            </div>
         
          </div>
          <div class="col-md-12">
          <div class="form-group">
              <input type="checkbox" id="password_protection"  name="password_protection"  />
              <label for="password_protection" class="checkbox_button">Restrict applying leave if leave taken and applied days is less than the balance</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