@extends('layouts.mainlayout')
@section('title', 'Leave')
@section('main')
<!-- Form validation  and Leave form-->
<div class="card">
    <div class="card-header header-elements-inline">
        <h5 class="card-title icon-tree7 font-weight-bold">@if(isset($leave)){{ 'Edit Leave' }}
            @else {{ 'Create Leave' }}@endif</h5>
    </div>
    <div class="card-body">
        @if(isset($leave))
        <form class="form-validate-jquery" action="{{ route('leave.update',$leave->id) }}" method="POST">
            <input type="hidden" name="_method" value="PATCH" />
            @else
            <form class="form-validate-jquery" action="{{ route('leave.store') }}" method="POST">
                @endif
                @csrf
                <fieldset class="mb-3">
                    <legend class="text-uppercase font-size-sm font-weight-bold">Leave</legend>
                    <!-- Basic text input -->
                    <div class="form-group row">
                        <label class="col-form-label col-lg-3">Name <span class="text-danger">*</span></label>
                        <div class="col-lg-9">
                            <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" required placeholder="Leave Name" @if(isset($leave)) value="{{$leave->name}}" autofocus @endif />
                            @error('name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror

                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-lg-3">ShortCode <span class="text-danger">*</span></label>
                        <div class="col-lg-9">
                            <input type="text" name="abbr" class="form-control @error('abbr') is-invalid @enderror" required placeholder="Leave Shortname" @if(isset($leave)) value="{{$leave->abbr}}" autofocus @endif />
                            @error('abbr')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row mb-3 mb-md-2">
                        <label class="col-form-label col-lg-3">Type <span class="text-danger"></span></label>
                        <div class="col-md-9">
                            <div class="form-check form-check-inline form-check-right">
                                <label class="form-check-label">
                                    @if(isset($leave))
                                    <input type="radio" class="form-check-input-styled" name="type" value="paid" {{ $leave->type == 'paid' ? 'checked' : '' }}>
                                    @else
                                    <input type="radio" class="form-check-input-styled" name="type" value="paid" {{ 'checked' }}>
                                    @endif
                                    &nbsp;&nbsp;Paid
                                </label>
                            </div>

                            <div class="form-check form-check-inline form-check-right">
                                <label class="form-check-label">
                                    @if(isset($leave))
                                    <input type="radio" class="form-check-input-styled" name="type" value="unpaid" {{ $leave->type == 'unpaid' ? 'checked' : '' }}>
                                    @else
                                    <input type="radio" class="form-check-input-styled" name="type" value="unpaid" {{'checked'}}>
                                    @endif
                                    &nbsp;&nbsp;Unpaid
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-form-label col-lg-3">Total Leaves in a year <span class="text-danger">*</span></label>
                        <div class="col-lg-9">
                            <input type="number" step="0.1" name="n_days"  id="n_days" class="form-control @error('n_days') is-invalid @enderror" required placeholder="Total Leaves in Year Per Days" @if(isset($leave)) value="{{$leave->n_days}}"  autofocus @endif />
                            @error('n_days')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                            <span id="total-leaves-error" class="font-italic">
                            <strong>If the leave limit is set to 0, then any number of leaves can be applied</strong>
                            </span>
                        </div>
                    </div>
                    <div class="form-group row mb-3 mb-md-2">
                        <label class="col-form-label col-lg-3">Leave Allocation Type <span class="text-danger"></span></label>
                        <div class="col-md-9">
                            <div class="form-check form-check-inline form-check-right">
                                <label class="form-check-label">
                                    
                                    @if(isset($leave))
                                    <input type="radio" class="form-check-input-styled all_type" name="leave_allocation_type" value="advance" id="yearAdvance" {{ $leave->leave_allocation_type == 'advance' ? 'checked' : '' }}>
                                    @else
                                    <input type="radio" class="form-check-input-styled all_type" name="leave_allocation_type" value="advance" id="yearAdvance" {{ 'checked' }}>
                                    @endif
                                    &nbsp;&nbsp;Advance
                                </label>
                            </div>

                            <div class="form-check form-check-inline form-check-right">
                                <label class="form-check-label">
                                    
                                    @if(isset($leave))
                                    <input type="radio" class="form-check-input-styled all_type" name="leave_allocation_type" value="pro_rata" {{ $leave->leave_allocation_type == 'pro_rata' ? 'checked' : '' }}>
                                    @else
                                    <input type="radio" class="form-check-input-styled all_type" name="leave_allocation_type" value="pro_rata" {{'checked'}}>
                                    @endif
                                    &nbsp;&nbsp;Prorata (Monthly)
                                </label>
                            </div>
                            <div class="form-check form-check-inline form-check-right">
                                <label class="form-check-label"> 
                                    @if(isset($leave))
                                    <input type="radio" class="form-check-input-styled all_type" name="leave_allocation_type" value="quarterly" {{ $leave->leave_allocation_type == 'quarterly' ? 'checked' : '' }}>
                                    @else
                                    <input type="radio" class="form-check-input-styled all_type" name="leave_allocation_type" value="quarterly" {{'checked'}}>
                                    @endif
                                    &nbsp;&nbsp;Quarterly (3 Monthly)
                                </label>
                            </div>
                            <div class="form-check form-check-inline form-check-right">
                                <label class="form-check-label"> 
                                    @if(isset($leave))
                                    <input type="radio" class="form-check-input-styled all_type" name="leave_allocation_type" value="semiyearly" {{ $leave->leave_allocation_type == 'semiyearly' ? 'checked' : '' }}>
                                    @else
                                    <input type="radio" class="form-check-input-styled all_type" name="leave_allocation_type" value="semiyearly" {{'checked'}}>
                                    @endif
                                    &nbsp;&nbsp;Semiyearly (6 Monthly)
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row mb-3 mb-md-2">
                        <label class="col-form-label col-lg-3">Leave Balance Carry Forward <span class="text-danger"></span></label>
                        <div class="col-md-9">
                            <div class="form-check form-check-inline form-check-right">
                                <label class="form-check-label">
                                    
                                    @if(isset($leave))
                                    <input type="radio" class="form-check-input-styled input-radio-forward" name="to_carry" value="0" {{ $leave->to_carry == 0 ? 'checked' : '' }}>
                                    @else
                                    <input type="radio" class="form-check-input-styled input-radio-forward" name="to_carry" value="0" {{ 'checked' }}>
                                    @endif
                                    &nbsp;&nbsp;Yearly None
                                </label>
                            </div>

                            <div class="form-check form-check-inline form-check-right">
                                <label class="form-check-label">
                                    
                                    @if(isset($leave))
                                    <input type="radio" class="form-check-input-styled input-radio-forward" name="to_carry" value="1" {{ $leave->to_carry == 1 ? 'checked' : '' }}>
                                    @else
                                    <input type="radio" class="form-check-input-styled input-radio-forward" name="to_carry" value="1" {{'checked'}}>
                                    @endif
                                    &nbsp;&nbsp;yearly Carry All
                                </label>
                            </div>

                            <div class="form-check form-check-inline form-check-right">
                                <label class="form-check-label">
                                    
                                    @if(isset($leave))
                                    <input type="radio" class="form-check-input-styled input-radio-forward" name="to_carry" value="2" {{ $leave->to_carry == 2 ? 'checked' : '' }}>
                                    @else
                                    <input type="radio" class="form-check-input-styled input-radio-forward" name="to_carry" value="2" {{'checked'}}>
                                    @endif
                                    &nbsp;&nbsp;Yearly Carry Balance
                                </label>
                            </div>
                            <div class="form-check form-check-inline form-check-right" id="test">
                                <label class="form-check-label">
                                    
                                    @if(isset($leave))
                                    <input type="radio" class="form-check-input-styled input-radio-forward" name="to_carry" value="3" id="monthNone" {{ $leave->to_carry == 3 ? 'checked' : '' }}>
                                    @else
                                    <input type="radio" class="form-check-input-styled input-radio-forward" name="to_carry" value="3" id="monthNone" {{ 'checked' }}>
                                    @endif
                                    &nbsp;&nbsp;Monthly None
                                </label>
                            </div>
                        </div>
                        <div class="col-sm-10 text-right">
                            @if(isset($leave) && $leave->to_carry == 2)
                            <div id="div-balance-forward">
                            @else
                            <div id="div-balance-forward" style="display: none;">
                            @endif
                                <label class="form-label col-lg-3" style="margin-left: 120px;">Max Number of Days</label>
                                <input type="text" name="carry_days" value="{{(!empty($leave)) ? $leave->carry_days : 0 }}">
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">
                       <label class="col-form-label col-lg-3 ">Must Applied Before
                         </label>
                     <div class="col-lg-9">
                        <input type="number" name="applied_before" id="applied_before" min="0"  placeholder="Enter no. of days" value ="{{(!empty($leave)) ? $leave->applied_before : null }}"/>
                        <span>days</span>
                     </div>
                   </div>

                 <div class="form-group row">
                   <label class="col-form-label col-lg-3">
                        Sandwich Leave Policy
                        <i class="icon-info22"
                        style="font-size:12px; color:#ffc107; margin-left:1px; cursor:pointer;"
                        data-toggle="tooltip"
                        data-placement="right"
                        title="If enabled, holidays or weekends between leave days will also be counted as leave. Example: Leave on Friday and Monday → Saturday & Sunday will also be counted as leave.">
                        </i>
                    </label>
                    <div class="col-lg-9">
                        <div class="form-check form-check-inline">
                            <label class="form-check-label text-dark">
                                <input type="radio"
                                    name="sandwich_status"
                                    value="1"
                                    class="form-check-input-styled sandwich-radio"
                                    @if(isset($leave) && $leave->sandwich_status == 1) checked @endif>
                                Enable
                            </label>
                        </div>
                        <div class="form-check form-check-inline">
                            <label class="form-check-label text-dark">
                                <input type="radio"
                                    name="sandwich_status"
                                    value="0"
                                    class="form-check-input-styled sandwich-radio"
                                    @if(!isset($leave) || $leave->sandwich_status == 0) checked @endif>
                                Disable
                            </label>
                        </div>
                    </div>
                </div>

                    <div class="form-group row">
                        <label class="col-form-label col-lg-3">Description <span class="text-danger">*</span></label>
                        <div class="col-lg-9">
                            <textarea  cols="3" class="form-control @error('description') is-invalid @enderror" name="description" id="description" placeholder="Enter Description" required>
                                  @if(isset($leave)){{$leave->description}} @endif</textarea>
                            @error('description')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror      
                        </div>
                    </div>
                </fieldset>
                <div class="d-flex justify-content-end align-items-center">
                    <button type="submit" class="btn btn-primary ml-3">@if(isset($leave)) {{ 'Update' }}
                        @else {{ 'Save' }} @endif<i class="icon-paperplane ml-2"></i></button>
                    <a class="btn btn-default btn-close btn-danger ml-3" href="{{ route('leave.index') }}">Reset</a>
                </div>
            </form>
    </div>
</div>
<!-- /form validation -->
@endsection

@section('js')
<script>
$(document).on("change", ".all_type", function() {
        if ($("#yearAdvance").is(":checked")) {
            $("#test").addClass("disabled");
            $("#uniform-monthNone span").removeClass("checked");
            $("#test input[type='radio']").prop("disabled", true);
            $("#uniform-monthNone").addClass("disabled");
        } else {
            // Undo the actions if unchecked
            $("#test").removeClass("disabled");
            $("#test input[type='radio']").prop("disabled", false);
            $("#uniform-monthNone").removeClass("disabled");
            $("#uniform-monthNone span").addClass("checked");
        }
    });

$(document).ready(function(){
   $(".input-radio-forward").change(function(){
        console.info("called");
        console.info($(this).val());
        if($(this).val()==2) {
            $("#div-balance-forward").show();
        }
        else {
            $("#div-balance-forward").hide(); 
        }
   });
//    $('#n_days').keyup(function() {
//        console.log($(this).val().length);
//     if($(this).val().length == 1 && $(this).val() == 0) {   
        
//         $('#total-leaves-error').css('display','block');
//         $('#total-leaves-error').html('<strong>If the leave limit is set to 0, then any number of leaves can be applied</strong>');
//     }else{
//         $('#total-leaves-error').css('display','none');
//         $('#total-leaves-error').html('');
//     }
//    });    
});
</script>
@endsection