@extends('layouts.mainlayout')
@section('title', 'Leave Setting')
@section('main')
<div class="card">
   <div class="card-header header-elements-inline">
      <h5 class="card-title icon-users4 font-weight-bold">Leave Setting</h5>
   </div>
   <div class="card-body">
      <form action="{{route('leave-setting.store')}}" method="POST" class="form-horizontal">
         @csrf
         <fieldset class="mb-6">
            <legend class="text-uppercase font-size-sm font-weight-bold"> </legend>
            <!-- Basic text input -->
            <div class="form-group row">
               <label class="col-form-label col-lg-3 font-weight-semibold">Comp off:
               </label>
               <div class="col-lg-9">
                  <div class="form-check">
                     <label class="form-check-label">
                        <input type="radio" class="form-check-input" name="comp_off"  value="enable" {{ (!empty($setting['comp_off']) && $setting['comp_off'] == 'enable') ? 'checked' : '' }}>
                        Enable

                     </label>

                     <label class="form-check-label" style="margin-left: 80px;">
                        <input type="radio" name="comp_off"  class="form-check-input" value="disable" {{ (empty($setting['comp_off']) || $setting['comp_off'] == 'disable') ? 'checked' : '' }}>
                        Disable

                     </label>
                  </div>

               </div>
            </div>
            <div id="all-divs">
               <div class="form-group row">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Request Approval Within:
                  </label>
                  <div class="col-lg-9">
                     <input type="text" name="request_approval_days" @if(!empty($setting['request_approval_days'])) value="{{$setting['request_approval_days']}}" @endif />
                     <span>days</span>
                  </div>
               </div>
               <div class="form-group row">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Include Weekend:
                  </label>
                  <div class="col-lg-9">
                     <div class="form-check">
                        <label class="form-check-label">
                           <input type="radio" class="form-check-input" name="include_weekend" value="yes" {{ (!empty($setting['include_weekend']) && $setting['include_weekend'] == "yes") ? 'checked' : '' }}>
                           Yes

                        </label>

                        <label class="form-check-label" style="margin-left: 80px;">
                           <input type="radio" name="include_weekend" class="form-check-input" value="no" {{ (!empty($setting['include_weekend']) && $setting['include_weekend'] == "no") ? 'checked' : '' }}>
                           No

                        </label>
                     </div>

                  </div>
               </div>
               <div class="form-group row">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Comp off Approval:
                  </label>
                  <div class="col-lg-9">
                     <div class="form-check">
                        <label class="form-check-label">
                           <input type="radio" class="form-check-input" name="comp_off_approval" value="manual" {{ (!empty($setting['comp_off_approval']) && $setting['comp_off_approval'] == 'manual') ? 'checked' : '' }}>
                           Manual
                        </label>
                     </div>
                     <div class="form-check">
                        <label class="form-check-label">
                           <input type="radio" class="form-check-input" name="comp_off_approval" value="semi_automatic" {{ (!empty($setting['comp_off_approval']) && $setting['comp_off_approval'] == 'semi_automatic') ? 'checked' : '' }}>
                           Semi Automatic
                        </label>
                     </div>
                     <div class="form-check">
                        <label class="form-check-label">
                           <input type="radio" class="form-check-input" name="comp_off_approval" value="automatic" {{ (!empty($setting['comp_off_approval']) && $setting['comp_off_approval'] == 'automatic') ? 'checked' : '' }}>
                           Automatic
                        </label>
                     </div>
                  </div>
               </div>
               <div class="form-group row">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Allow Comp off Requests for Future Dates:
                  </label>
                  <div class="col-lg-9">
                     <div class="form-check">
                        <label class="form-check-label">
                           <input type="radio" class="form-check-input" name="allow_coff_for_future_dates" value="yes" {{ (!empty($setting['allow_coff_for_future_dates']) && $setting['allow_coff_for_future_dates'] == "yes") ? 'checked' : '' }}>
                           Yes

                        </label>

                        <label class="form-check-label" style="margin-left: 80px;">
                           <input type="radio" name="allow_coff_for_future_dates" class="form-check-input" value="no" {{ (!empty($setting['allow_coff_for_future_dates']) && $setting['allow_coff_for_future_dates'] == "no") ? 'checked' : '' }}>
                           No

                        </label>
                     </div>

                  </div>
               </div>
               <div class="form-group row" id="future-requests-till-days-div">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Comp Off Requests for Future Till:
                  </label>
                  <div class="col-lg-9">
                     <input type="text" name="future_requests_till_days" @if(!empty($setting['future_requests_till_days'])) value="{{$setting['future_requests_till_days']}}" @endif />
                     <span>days</span>
                  </div>
               </div>
               <div class="form-group row">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Leave Carry Over:
                  </label>
                  <div class="col-lg-9">
                     <div class="form-check">
                        <label class="form-check-label">
                           <input type="radio" class="form-check-input" name="leave_carry_over" value="yes" {{ (!empty($setting['leave_carry_over']) && $setting['leave_carry_over'] == "yes") ? 'checked' : '' }}>
                           Yes

                        </label>

                        <label class="form-check-label" style="margin-left: 80px;">
                           <input type="radio" name="leave_carry_over" class="form-check-input" value="no" {{ (!empty($setting['leave_carry_over']) && $setting['leave_carry_over'] == "no") ? 'checked' : '' }}>
                           No

                        </label>
                     </div>

                  </div>
               </div>
               <div class="form-group row" id="max-carry-over-div">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Max Carry Over Balance:
                  </label>
                  <div class="col-lg-9">
                     <input type="text" name="max_carry_over_balance" @if(!empty($setting['max_carry_over_balance'])) value="{{$setting['max_carry_over_balance']}}" @endif />

                  </div>
               </div>
               <div class="form-group row">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Lapse Unutilized Leaves:
                  </label>
                  <div class="col-lg-9">
                     <div class="form-check">
                        <label class="form-check-label">
                           <input type="radio" class="form-check-input" name="lapse_unutilized_leaves" value="yes" {{ (!empty($setting['lapse_unutilized_leaves']) && $setting['lapse_unutilized_leaves'] == "yes") ? 'checked' : '' }}>
                           Yes

                        </label>

                        <label class="form-check-label" style="margin-left: 80px;">
                           <input type="radio" name="lapse_unutilized_leaves" class="form-check-input" value="no" {{ (!empty($setting['lapse_unutilized_leaves']) && $setting['lapse_unutilized_leaves'] == "no") ? 'checked' : '' }}>
                           No

                        </label>
                     </div>

                  </div>
               </div>
               <div class="form-group row" id="lapse-div">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Leaves lapse after:
                  </label>
                  <div class="col-lg-9">
                     <input type="text" name="leaves_lapse_after" @if(!empty($setting['leaves_lapse_after'])) value="{{$setting['leaves_lapse_after']}}" @endif />
                     <span>days</span>
                  </div>
               </div>
            </div>
            @if(auth()->user()->can('Edit Settings module'))
            <button type="submit" name="status" value="" class="btn btn-primary">
               <i></i>save
            </button>
            @endif
         </fieldset>
      </form>
   </div>
   @endsection
   @section('js')
   <script>
      $(document).ready(function() {

         var comp_off = $('[name="comp_off"]').val();
         var leave_carry_over = $('[name="leave_carry_over"]').val();
         var lapse_unutilized_leaves = $('[name="lapse_unutilized_leaves"]').val();
         var allow_coff_for_future_dates = $('[name="allow_coff_for_future_dates"]').val();
         var php_comp_off = "{{ !empty($setting['comp_off']) ? $setting['comp_off'] : null }}";
         var php_leave_carry_over = "{{ !empty($setting['leave_carry_over']) ? $setting['leave_carry_over'] : null }}";
         var php_lapse_unutilized_leaves = "{{ !empty($setting['lapse_unutilized_leaves']) ? $setting['lapse_unutilized_leaves'] : null }}";
         var php_allow_coff_for_future_dates = "{{ !empty($setting['allow_coff_for_future_dates']) ? $setting['allow_coff_for_future_dates'] : null }}";

         if (php_comp_off == '' || comp_off == 'disable' || php_comp_off == 'disable') {
            $('#all-divs').hide();
         } else {
            $('#all-divs').show();
         }

         if (php_leave_carry_over == '' || leave_carry_over == 'no' || php_leave_carry_over == 'no') {
            $('#max-carry-over-div').hide();
         } else {
            $('#max-carry-over-div').show();
         }

         if (php_lapse_unutilized_leaves == '' || lapse_unutilized_leaves == 'no' || php_lapse_unutilized_leaves == 'no') {
            $('#lapse-div').hide();
         } else {
            $('#lapse-div').show();
         }

         if (php_lapse_unutilized_leaves == '' || lapse_unutilized_leaves == 'no' || php_lapse_unutilized_leaves == 'no') {
            $('#lapse-div').hide();
         } else {
            $('#lapse-div').show();
         }

         if (php_allow_coff_for_future_dates == '' || allow_coff_for_future_dates == 'no' || php_allow_coff_for_future_dates == 'no') {
            $('#future-requests-till-days-div').hide();
         } else {
            $('#future-requests-till-days-div').show();
         }
         
         $('[name="comp_off"]').click(function() {
            
            if ($(this).val() == 'disable') {
               var r = confirm("If disable, all data will set to null");

               if (r == false) {
                  return false;
               } else {
                  $('#all-divs').hide();
               }
            } else {
               $('#all-divs').show();
            }
         });

         $('[name="leave_carry_over"]').click(function() {
            if ($(this).val() == 'no') {
               $('#max-carry-over-div').hide();
            }else{
               $('#max-carry-over-div').show();
            }
         });  

         $('[name="lapse_unutilized_leaves"]').click(function() {
            if ($(this).val() == 'no') {
               $('#lapse-div').hide();
            }else{
               $('#lapse-div').show();
            }
         }); 

         $('[name="allow_coff_for_future_dates"]').click(function() {
            if ($(this).val() == 'no') {
               $('#future-requests-till-days-div').hide();
            }else{
               $('#future-requests-till-days-div').show();
            }
         }); 

      });
   </script>
   @endsection