@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: 0px;
    }
    span#select2-display_fields-container {
    margin-top: -9px;
}
  </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">
    <h5>The Attendance Options page enables you to manage options related to the Attendance module, such as setting up the IP Address for Signing in, Attendance year, Attendance Cut-Off Date, Attendance Regularization Reviewer, etc.</h5>
  </div>
  <div class="col-md-12 stretch-card grid-margin">

    <div class="card">
      <div class="card-body">
        <form action="{{route('attendance-option-save')}}" id="sub-admin-form" method="post" enctype="multipart/form-data">
          @csrf 
          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">IP Address for Signing In: </label>
              <input type="text" class="form-control" name="ip_address" id="ip_address" value="{{$data->ip_address}}">
          </div>
            </div>
           <div class="col-md-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Schedule for the daily attendance process to run:</label>
              <select name="attendance_process_to_run" id="attendance_process_to_run" class="form-control">
                <option value="none" @if($data->attendance_process_to_run == 'None') selected @endif >None</option>
                @for($i=0; $i<=23;$i++)
                                  <option value="{{$i}}:00" @if($data->attendance_process_to_run == $val) selected @endif >{{$i}}:00</option>
                @endfor
              </select>
            </div>
            </div>
            <div class="col-md-12">
            <div class="form-group">
              <input type="checkbox" id="in_out_swipe"  name="in_out_swipe" @if($data->in_out_swipe == 'on') checked @endif />
              <label for="in_out_swipe" class="checkbox_button">Allow the system to identify every In/ Out swipe type</label>
            </div>
            </div>
            <div class="col-md-12">
              <div class="form-group">
              <label for="year" class="control-label mb-10">Attendance Year: </label>
              <input type="number" class="form-control" name="year" id="year" value="{{date('Y')}}">
            </div>
              </div>
             <div class="col-md-12">
            <div class="form-group">
              <input type="checkbox" id="assign_shifts_and_attendance"  name="assign_shifts_and_attendance"  @if($data->assign_shifts_and_attendance == 'on') checked @endif  />
              <label for="assign_shifts_and_attendance" class="checkbox_button">Allow managers to assign shifts and attendance for themselves</label>
            </div>
            </div>
             <div class="col-md-12">
              <div class="form-group">
              <label for="cut_off_date" class="control-label mb-10">Attendance Cut-Off Date:</label>
              <input type="number" class="form-control" name="cut_off_date" id="cut_off_date" value="{{$data->cut_off_date}}" >
            </div>
              </div>
            <div class="col-md-12">
            <div class="form-group">
              <input type="checkbox" id="attendance_regularization"  name="attendance_regularization"  @if($data->attendance_regularization == 'on') checked @endif  />
              <label for="attendance_regularization" class="checkbox_button">Mandatory to include a reason while applying for attendance regularization</label>
            </div>
            </div>
            <div class="col-md-12">
            <div class="form-group">
              <label for="attendance_regularization_reviewer" class="control-label mb-10">Attendance Regularization Reviewer:</label>
              <select name="attendance_regularization_reviewer" id="attendance_regularization_reviewer" class="form-control">
                 <option value="Event Employee"  @if($data->attendance_regularization_reviewer == 'Event Employee') selected @endif >Event Employee</option>
                 <option value="Facilities Admin" @if($data->attendance_regularization_reviewer == 'Facilities Admin') selected @endif >Facilities Admin</option>
                 <option value="HR Admin" @if($data->attendance_regularization_reviewer == 'HR Admin') selected @endif >HR Admin</option>
                 <option value="IT Admin" @if($data->attendance_regularization_reviewer == 'IT Admin') selected @endif >IT Admin</option>
                 <option value="Payroll Admin"  @if($data->attendance_regularization_reviewer == 'Payroll Admin') selected @endif >Payroll Admin</option>
              </select>
            </div>
            </div>
             <div class="col-md-12">
            <div class="form-group">
              <label for="balance_for_penalty_leave" class="control-label mb-10">Consider balance for penalty leave deduction based as on:</label>
              <select name="balance_for_penalty_leave" id="balance_for_penalty_leave" class="form-control">
                 <option value="As on current date" @if($data->balance_for_penalty_leave == 'As on current date') selected @endif >As on current date</option>
                 <option value="As on end of deduction month" @if($data->balance_for_penalty_leave == 'As on end of deduction month') selected @endif >As on end of deduction month</option>
              </select>
            </div>
            </div>
            <div class="col-md-12">
              <div class="form-group">
              <label for="penalty_leave" class="control-label mb-10">Attendance Penalty Leave:</label>
              <select name="penalty_leave[]" class="form-control select2" multiple="multiple"  id="penalty_leave" >
                <option value="Annual Leave" @if($data->penalty_leave == 'Annual Leave') selected @endif>Annual Leave</option>
                <option value="Compensatory Off"  @if($data->penalty_leave == 'Compensatory Off') selected @endif>Compensatory Off</option>
                <option value="Maternity Leave"  @if($data->penalty_leave == 'Maternity Leave') selected @endif>Maternity Leave</option>
                <option value="On Duty"  @if($data->penalty_leave == 'On Duty') selected @endif>On Duty</option>
                <option value="Paternity Leave"  @if($data->penalty_leave == 'Paternity Leave') selected @endif>Paternity Leave</option>
                <option value="PWC"  @if($data->penalty_leave == 'PWC') selected @endif>PWC</option>
                <option value="Restricted Holiday"  @if($data->penalty_leave == 'Restricted Holiday') selected @endif>Restricted Holiday</option>
                </select>
            </div>
            </div>
            <div class="col-md-12">
              <div class="form-group">
              <label for="display_fields" class="control-label mb-10">Attendance info display fields:</label>
              <select name="display_fields[]" class="form-control select2" multiple="multiple"  id="display_fields" >
                <option value="Shift Time"  @if($data->display_fields == 'Shift Time') selected @endif>Shift Time</option>
                <option value="First In Time" @if($data->display_fields == 'First In Time') selected @endif>First In Time</option>
                <option value="Last Out Time" @if($data->display_fields == 'Last Out Time') selected @endif>Last Out Time</option>
                <option value="Work Hours" @if($data->display_fields == 'Work Hours') selected @endif>Work Hours</option>
                <option value="Actual Work Hours" @if($data->display_fields == 'Actual Work Hours') selected @endif>Actual Work Hours</option>
                <option value="Work Hours in Shift Time" @if($data->display_fields == 'Work Hours in Shift Time') selected @endif>Work Hours in Shift Time</option>
                <option value="Excess Hours" @if($data->display_fields == 'Excess Hours') selected @endif>Excess Hours</option>
                <option value="Late In" @if($data->display_fields == 'Late In') selected @endif>Late In</option>
                <option value="Early Out" @if($data->display_fields == 'Early Out') selected @endif>Early Out</option>
                <option value="Shortfall" @if($data->display_fields == 'Shortfall') selected @endif>Shortfall</option>
                <option value="Break Hours" @if($data->display_fields == 'Break Hours') selected @endif>Break Hours</option>
              </select>
            </div>
            </div>
            <div class="col-md-12">
            <div class="form-group">
              <input type="checkbox" id="access_card_number"  name="access_card_number" @if($data->access_card_number == 'on') checked @endif  />
              <label for="access_card_number" class="checkbox_button">Use Employee No. as the Access Card number</label>
            </div>
            </div>
            <div class="col-md-12">
            <div class="form-group">
              <input type="checkbox" id="enable_predefined_reasons"  name="enable_predefined_reasons" @if($data->enable_predefined_reasons == 'on') checked @endif  />
              <label for="enable_predefined_reasons" class="checkbox_button">Enable predefined reasons while applying for attendance regularization</label>
            </div>
            </div>
          </div>
          </div>
         
            </div>
          </div>
          <div class="form-group">
            <button type="button" class="btn btn-primary" onclick="$('#sub-admin-form').submit()"><spam id="title-button">Save</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 = '';

     $( "#penalty_leave" ).select2();
     $( "#display_fields" ).select2();
    $( "#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