@extends('app-new')

@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.css">
    <!-- END: Page CSS-->
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">{{trans('master/master.holiday_list_master')}}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/{!! $alias !!}/home">{{trans('master/master.home')}}</a>
                    </li>
                    <li class="breadcrumb-item"><a href="/{!! $alias !!}/holidayListMaster">{{trans('master/master.holiday_list_master')}}</a>
                    </li>
                    <li class="breadcrumb-item active">
                    @if(isset($holidayList) && ($holidayList->id))
                        {{trans('master/master.edit_holiday_list')}}
                    @else
                        {{trans('master/master.add_new_holiday_list')}}
                    @endif
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
<!-- Basic multiple Column Form section start -->
{!! Form::model($holidayList, ['method' => isset($holidayList) && $holidayList->id ? 'put' : 'post', 'files' => 'true']) !!}
    <section class="vertical-wizard">
        <div class="bs-stepper vertical vertical-wizard-example">
            <div class="bs-stepper-header">
                <div class="step" data-target="#personal-info-vertical" role="tab" id="personal-info-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">1</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('master/master.holiday_list_details')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('master/master.add_holiday_list_details')}}</span>
                        </span>
                    </button>
                </div>
                <div class="step" data-target="#policy-info-vertical" role="tab" id="policy-info-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">2</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('master/master.cancellation_policy')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('master/master.add_cancellation_policy')}}</span>
                        </span>
                    </button>
                </div>
                <div class="step" data-target="#applicability-info-vertical" role="tab" id="applicability-info-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">3</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('master/master.applicability_policy')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('master/master.add_applicability_policy')}}</span>
                        </span>
                    </button>
                </div>
            </div>
            <div class="bs-stepper-content">
                <div id="personal-info-vertical" class="content position-relative" role="tabpanel" aria-labelledby="personal-info-vertical-trigger" style="height: 470px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('master/master.holiday_list_details')}}</h5>
                        <small class="text-muted">{{trans('master/master.enter_holiday_list_details')}}</small>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('name') ? 'has-error' : '' }}}">
                                <label class="form-label" for="username">{{trans('master/master.name')}} <span class="mendatory-field text-danger">*</span></label>
                                {!! Form::text('name', isset($holidayList) && $holidayList->name ? $holidayList->name : old('name'), ['class' => 'form-control', 'id' => 'name', 'placeholder' => 'Enter Holiday List Master Name']) !!} {!! $errors->first('name', '
                                    <label class="error" for="name">:message</label>')!!}
                            </div>
                        </div>
                    </div>
                    <div class="content-footer position-absolute bottom-0 col-md-12">
                        <div class="d-flex justify-content-between content-footer">
                            <button type="button" class="btn btn-outline-secondary btn-prev">
                                <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                <span class="align-middle d-sm-inline-block d-none">{{trans('employee/employee_create.previous')}}</span>
                            </button>
                            <button type="button" class="btn btn-primary btn-next">
                                <span class="align-middle d-sm-inline-block d-none">{{trans('employee/employee_create.next')}}</span>
                                <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div id="policy-info-vertical" class="content position-relative" role="tabpanel" aria-labelledby="policy-info-vertical-trigger" style="height: 470px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('master/master.cancellation_policy')}}</h5>
                        <small class="text-muted">{{trans('master/master.enter_cancellation_policy')}}</small>
                    </div>
                    <h5 class="mt-2"><strong>Holiday Policy</strong></h5>
                    <div class="row">
                        <div class="col-md-4">
                            <label class="form-label" for="holiday_before_days">Before Days</label>
                            <input type="text" class="form-control numberonly" name="holiday_before_days" id="holiday_before_days" value="{{old('holiday_before_days', @$holidayList->holiday_before_days)}}">
                            {!! $errors->first('holiday_before_days', '<label class="error" for="holiday_before_days">:message</label>')!!}
                        </div>
                        <div class="col-md-4">
                            <label class="form-label" for="holiday_after_days">After Days</label>
                            <input type="text" class="form-control numberonly" name="holiday_after_days" id="holiday_after_days" value="{{old('holiday_after_days', @$holidayList->holiday_after_days)}}">
                            {!! $errors->first('holiday_after_days', '<label class="error" for="holiday_after_days">:message</label>')!!}
                        </div>
                        <div class="col-md-4">
                            <label class="form-label" for="holiday_exclude">Exclude</label>
                            <select class="select2" name="holiday_exclude[]" id="holiday_exclude" multiple>
                                <option value="leave" @if(in_array('leave', old('holiday_exclude', (@$holidayList->holiday_exclude ?: [])))) selected @endif>Leave</option>
                                <option value="week-off" @if(in_array('week-off', old('holiday_exclude', (@$holidayList->holiday_exclude ?: [])))) selected @endif>Week Off</option>
                                <option value="holiday" @if(in_array('holiday', old('holiday_exclude', (@$holidayList->holiday_exclude ?: [])))) selected @endif>Holiday</option>
                            </select>
                            {!! $errors->first('holiday_exclude', '<label class="error" for="holiday_exclude">:message</label>')!!}
                        </div>
                    </div>

                    <h5 class="mt-2"><strong>Week Off Policy</strong></h5>
                    <div class="row">
                        <div class="col-md-4">
                            <label class="form-label" for="weekoff_before_days">Before Days</label>
                            <input type="text" class="form-control numberonly" name="weekoff_before_days" id="weekoff_before_days" value="{{old('weekoff_before_days', @$holidayList->weekoff_before_days)}}">
                            {!! $errors->first('weekoff_before_days', '<label class="error" for="weekoff_before_days">:message</label>')!!}
                        </div>
                        <div class="col-md-4">
                            <label class="form-label" for="weekoff_after_days">After Days</label>
                            <input type="text" class="form-control numberonly" name="weekoff_after_days" id="weekoff_after_days" value="{{old('weekoff_after_days', @$holidayList->weekoff_after_days)}}">
                            {!! $errors->first('weekoff_after_days', '<label class="error" for="weekoff_after_days">:message</label>')!!}
                        </div>
                        <div class="col-md-4">
                            <label class="form-label" for="weekoff_exclude">Exclude</label>
                            <select class="select2" name="weekoff_exclude[]" id="weekoff_exclude" multiple>
                                <option value="leave" @if(in_array('leave', old('weekoff_exclude', (@$holidayList->weekoff_exclude ?: [])))) selected @endif>Leave</option>
                                <option value="holiday" @if(in_array('holiday', old('weekoff_exclude', (@$holidayList->weekoff_exclude ?: [])))) selected @endif>Holiday</option>
                            </select>
                            {!! $errors->first('weekoff_exclude', '<label class="error" for="weekoff_exclude">:message</label>')!!}
                        </div>
                    </div>
                
                    <div class="content-footer position-absolute bottom-0 col-md-12">
                        <div class="d-flex justify-content-between content-footer">
                            <button type="button" class="btn btn-outline-secondary btn-prev">
                                <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                <span class="align-middle d-sm-inline-block d-none">{{trans('employee/employee_create.previous')}}</span>
                            </button>
                            <button type="button" class="btn btn-primary btn-next">
                                <span class="align-middle d-sm-inline-block d-none">{{trans('employee/employee_create.next')}}</span>
                                <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div id="applicability-info-vertical" class="content position-relative" role="tabpanel" aria-labelledby="applicability-info-vertical-trigger" style="height: 550px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('master/master.applicability_policy')}}</h5>
                        <small class="text-muted">{{trans('master/master.enter_applicability_policy')}}</small>
                    </div>
                    <h5 class="mt-2">
                        <strong>
                            <u>
                                Holiday Policy
                            </u>
                        </strong>
                    </h5>
                    <div class="row">
                        <div class="col-md-3">
                            <label class="form-label" for="holiday_last_days">Last Days To Check</label>
                            <input type="text" class="form-control numberonly" name="holiday_last_days" id="holiday_last_days" value="{{old('holiday_last_days', @$holidayList->holiday_last_days)}}">
                            {!! $errors->first('holiday_last_days', '<label class="error" for="holiday_last_days">:message</label>')!!}
                        </div>
                        <div class="col-md-3">
                            <label class="form-label" for="holiday_minimum_present">Minimum Present</label>
                            <input type="text" class="form-control decimal-only" name="holiday_minimum_present" id="holiday_minimum_present" value="{{old('holiday_minimum_present', @$holidayList->holiday_minimum_present)}}">
                            {!! $errors->first('holiday_minimum_present', '<label class="error" for="holiday_minimum_present">:message</label>')!!}
                        </div>
                        <div class="col-md-3">
                            <label class="form-label" for="holiday_include">Include</label>
                            <select class="select2" name="holiday_include[]" id="holiday_include" multiple>
                                <option value="leave" @if(in_array('leave', old('holiday_include', (@$holidayList->holiday_include ?: [])))) selected @endif>Leave</option>
                                <option value="week-off" @if(in_array('week-off', old('holiday_include', (@$holidayList->holiday_include ?: [])))) selected @endif>Week Off</option>
                            </select>
                            {!! $errors->first('holiday_include', '<label class="error" for="holiday_include">:message</label>')!!}
                        </div>
                        <div class="col-md-3" id="holiday_leave_type_include_div" @if(!in_array('leave', old('holiday_include', (@$holidayList->holiday_include ?: [])))) style="display:none" @endif>
                            <label class="form-label" for="holiday_leave_type_include">Leave Types</label>
                            <select class="select2" name="holiday_leave_type_include[]" id="holiday_leave_type_include" multiple>
                                @foreach ($leaveTypes as $leaveType)
                                    <option value="{{$leaveType->id}}" @if(in_array($leaveType->id, old('holiday_leave_type_include', (@$holidayList->holiday_leave_type_include ?: [])))) selected @endif>{{$leaveType->name}}</option>
                                @endforeach
                            </select>
                            {!! $errors->first('holiday_leave_type_include', '<label class="error" for="holiday_leave_type_include">:message</label>')!!}
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-md-3" id="h_settle_to_div">
                            <label class="form-label" for="h_settle_to">Holiday Settle To</label>
                            <select class="select2" name="h_settle_to" id="h_settle_to">
                                <option value=""></option>
                                <option value="leave" @if(old('h_settle_to', @$holidayList->h_settle_to ) == 'leave') selected @endif> Leave</option>
                                <option value="absent" @if(old('h_settle_to', @$holidayList->h_settle_to ) == 'absent') selected @endif>Absent</option>
                            </select>
                            {!! $errors->first('h_settle_to', '<label class="error" for="h_settle_to">:message</label>')!!}
                        </div>

                        <div class="col-md-3" id="h_settle_to_leave_type_id_div" @if(!old('h_settle_to_leave_type_id', $holidayList->h_settle_to_leave_type_id)) style="display:none" @endif>
                            <label class="form-label" for="h_settle_to_leave_type_id">Holiday Settle To Leave Type</label>
                            <select class="select2" name="h_settle_to_leave_type_id" id="h_settle_to_leave_type_id">
                                <option value=""></option>
                                @foreach ($leaveTypes as $leaveType)
                                    <option value="{{$leaveType->id}}" @if(old('h_settle_to_leave_type_id', $holidayList->h_settle_to_leave_type_id) == $leaveType->id) selected @endif>{{$leaveType->name}}</option>
                                @endforeach
                            </select>
                            {!! $errors->first('h_settle_to_leave_type_id', '<label class="error" for="h_settle_to_leave_type_id">:message</label>')!!}
                        </div>
                    </div>
                    <h5 class="mt-2">
                        <strong>
                            <u>
                                Week Off Policy
                            </u>
                        </strong>
                    </h5>
                    <div class="row">
                        <div class="col-md-3">
                            <label class="form-label" for="weekoff_last_days">Last Days To Check</label>
                            <input type="text" class="form-control numberonly" name="weekoff_last_days" id="weekoff_last_days" value="{{old('weekoff_last_days', @$holidayList->weekoff_last_days)}}">
                            {!! $errors->first('weekoff_last_days', '<label class="error" for="weekoff_last_days">:message</label>')!!}
                        </div>
                        <div class="col-md-3">
                            <label class="form-label" for="weekoff_minimum_present">Minimum Present</label>
                            <input type="text" class="form-control decimal-only" name="weekoff_minimum_present" id="weekoff_minimum_present" value="{{old('weekoff_minimum_present', @$holidayList->weekoff_minimum_present)}}">
                            {!! $errors->first('weekoff_minimum_present', '<label class="error" for="weekoff_minimum_present">:message</label>')!!}
                        </div>
                        <div class="col-md-3">
                            <label class="form-label" for="weekoff_include">Include</label>
                            <select class="select2" name="weekoff_include[]" id="weekoff_include" multiple>
                                <option value="leave" @if(in_array('leave', old('weekoff_include', (@$holidayList->weekoff_include ?: [])))) selected @endif>Leave</option>
                                <option value="holiday" @if(in_array('holiday', old('weekoff_include', (@$holidayList->weekoff_include ?: [])))) selected @endif>Holiday</option>
                            </select>
                            {!! $errors->first('weekoff_include', '<label class="error" for="weekoff_include">:message</label>')!!}
                        </div>
                        <div class="col-md-3" id="weekoff_leave_type_include_div" @if(!in_array('leave', old('weekoff_include', (@$holidayList->weekoff_include ?: [])))) style="display:none" @endif>
                            <label class="form-label" for="weekoff_leave_type_include">Leave Types</label>
                            <select class="select2" name="weekoff_leave_type_include[]" id="weekoff_leave_type_include" multiple>
                                @foreach ($leaveTypes as $leaveType)
                                    <option value="{{$leaveType->id}}" @if(in_array($leaveType->id, old('weekoff_leave_type_include', (@$holidayList->weekoff_leave_type_include ?: [])))) selected @endif>{{$leaveType->name}}</option>
                                @endforeach
                            </select>
                            {!! $errors->first('weekoff_leave_type_include', '<label class="error" for="weekoff_leave_type_include">:message</label>')!!}
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-md-3" id="wo_settle_to_div">
                            <label class="form-label" for="wo_settle_to">Week Off Settle To</label>
                            <select class="select2" name="wo_settle_to" id="wo_settle_to">
                                <option value=""></option>
                                <option value="leave" @if(old('wo_settle_to', @$holidayList->wo_settle_to ) == 'leave') selected @endif> Leave</option>
                                <option value="absent" @if(old('wo_settle_to', @$holidayList->wo_settle_to ) == 'absent') selected @endif>Absent</option>
                            </select>
                            {!! $errors->first('wo_settle_to', '<label class="error" for="wo_settle_to">:message</label>')!!}
                        </div>

                        <div class="col-md-3" id="wo_settle_to_leave_type_id_div" @if(old('wo_settle_to', @$holidayList->wo_settle_to) != 'leave') style="display:none" @endif>
                            <label class="form-label" for="wo_settle_to_leave_type_id">Week Off Settle To Leave Type</label>
                            <select class="select2" name="wo_settle_to_leave_type_id" id="wo_settle_to_leave_type_id">
                                @foreach ($leaveTypes as $leaveType)
                                <option value=""></option>
                                    <option value="{{$leaveType->id}}" @if(old('wo_settle_to_leave_type_id', $holidayList->wo_settle_to_leave_type_id) == $leaveType->id) selected @endif>{{$leaveType->name}}</option>
                                @endforeach
                            </select>
                            {!! $errors->first('wo_settle_to_leave_type_id', '<label class="error" for="wo_settle_to_leave_type_id">:message</label>')!!}
                        </div>
                    </div>
                
                    <div class="content-footer position-absolute bottom-0 col-md-12">
                        <div class="d-flex justify-content-between content-footer">
                            <button type="button" class="btn btn-outline-secondary btn-prev">
                                <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                <span class="align-middle d-sm-inline-block d-none">{{trans('employee/employee_create.previous')}}</span>
                            </button>
                            <button type="submit" class="btn btn-success btn-submit user-submit" id="submit-text">{{trans('common/common.submit')}}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
 
{!! Form::close() !!} 
<!-- Basic Floating Label Form section end -->

@endsection 

@push('footer-script')

<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
<script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
<script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
<!-- END: Page Vendor JS-->

<!-- BEGIN: Page JS-->
<script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
<script src="/app-assets/js/scripts/forms/form-validation.js"></script>
<script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>
<!-- END: Page JS-->
<script src="{{ asset('js/common-script.js') }}"></script>

<script>
    $('#h_settle_to').change(function(){
        if($(this).val() == 'leave'){
            $('#h_settle_to_leave_type_id_div').show();
        }else{
            $('#h_settle_to_leave_type_id_div').hide();
        }
    });

    $('#wo_settle_to').change(function(){
        if($(this).val() == 'leave'){
            $('#wo_settle_to_leave_type_id_div').show();
        }else{
            $('#wo_settle_to_leave_type_id_div').hide();
        }
    });

    $('#holiday_include').change(function(){
        if($.inArray('leave', $(this).val()) != -1){
            $('#holiday_leave_type_include_div').show();
        }else{
            $('#holiday_leave_type_include_div').hide();
            $('#holiday_leave_type_include').val([]).trigger('change');
        }
    });
    
    $('#weekoff_include').change(function(){
        if($.inArray('leave', $(this).val()) != -1){
            $('#weekoff_leave_type_include_div').show();
        }else{
            $('#weekoff_leave_type_include_div').hide();
            $('#weekoff_leave_type_include').val([]).trigger('change');
        }
    });
</script>
@endpush