@extends('app-new')

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">WO/HO Cancellation Policies</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/home">Home</a>
                    </li>
                    <li class="breadcrumb-item"><a
                            href="{!! route('wo-ho-cancellation-policies', ['alias' => $alias]) !!}">WO/HO Cancellation
                            Policies</a>
                    </li>
                    <li class="breadcrumb-item active">{{ $policy->id ? 'Edit' : 'Create' }}
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@push('prev-next-head')
    <div class="content-header-right text-end col-md-3 col-12">
        <div class="form-group breadcrumb-right">
            <a href="javascript:history.back()" class="btn btn-secondary btn-sm"><i data-feather="arrow-left-circle"></i>
                Back</a>
            <button type="button" data-request="ajax-submit" data-target="[role=post-data]"
                class="btn btn-primary btn-sm"><i data-feather="check-circle"></i> Submit</button>
        </div>
    </div>
@endpush

@section('content')
    <!-- Column Search -->
    <section id="column-search-datatable">
        <div class="row">
            <div class="col-12">
                <div class="card new-cardbox">
                    <div class="card-body">
                        <form
                            action="{{ $policy->id ? route('wo-ho-cancellation-policies.update', ['alias' => $alias, 'policy' => $policy->id]) : route('wo-ho-cancellation-policies.store', ['alias' => $alias]) }}"
                            role="post-data" redirect="{!! route('wo-ho-cancellation-policies', ['alias' => $alias]) !!}"
                            method="POST">
                            @if ($policy->id)
                                <input type="hidden" name="_method" value="PUT">
                            @endif
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="mb-1">
                                                <label class="form-label">Policy Name <span
                                                        class="text-danger">*</span></label>
                                                <input type="text" class="form-control" name="name"
                                                    value="{{ $policy->name }}" />
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-1">
                                                <label class="form-label" for="policy_type">Policy Type <span
                                                        class="text-danger">*</span></label>
                                                <select class="form-control" name="policy_type" id="policy_type">
                                                    @foreach ($policyTypes as $policyType)
                                                        <option value="{{ $policyType }}"
                                                            {{ ($policy->policy_type) == $policyType ? 'selected' : '' }}>
                                                            {{ $policyType }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-1">
                                                <label class="form-label">Type <span class="text-danger">*</span></label>
                                                <select class="form-control" name="type">
                                                    <option value="">Select an option</option>
                                                    @foreach ($holidayTypes as $key => $type)
                                                        <option value="{{ $key }}"
                                                            {{ $policy->type === $key ? 'selected' : '' }}>
                                                            {{ $type }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-1">
                                                <label class="form-label">Status <span class="text-danger">*</span></label>
                                                <select class="form-control" name="status">
                                                    @foreach (App\Helpers\ConstantHelper::STATUS as $status)
                                                        <option value="{{ $status }}"
                                                            {{ $policy->status == $status ? 'selected' : '' }}>
                                                            {{ ucwords($status) }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-1">
                                                <label class="form-label" for="include_types">Include</label>
                                                <select class="select2" name="include_types[]" id="include_types" multiple>
                                                    <option value="leave"
                                                        @if (in_array('leave', $policy->include_types ?? [])) selected @endif>
                                                        Leave</option>
                                                    @foreach ($holidayTypes as $key => $type)
                                                        <option value="{{ $key }}"
                                                            {{ in_array($key, $policy->include_types ?? []) ? 'selected' : '' }}>
                                                            {{ $type }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3" id="leave_type_include_div"
                                            @if (!in_array('leave', $policy->include_types ?? [])) style="display:none" @endif>
                                            <div class="mb-1">
                                                <label class="form-label" for="leave_type_include">Leave Types</label>
                                                <select class="select2" name="leave_type_include[]" id="leave_type_include"
                                                    multiple>
                                                    @foreach ($leaveTypes as $leaveType)
                                                        <option value="{{ $leaveType->id }}"
                                                            @if (in_array($leaveType->id, $policy->leave_type_include ?? [])) selected @endif>
                                                            {{ $leaveType->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3" id="settle_to_div">
                                            <div class="mb-1">
                                                <label class="form-label" for="settle_to">Settle To <span
                                                        class="text-danger">*</span></label>
                                                <select class="select2" name="settle_to" id="settle_to">
                                                    <option value=""></option>
                                                    <option value="leave"
                                                        @if ($policy->settle_to == 'leave') selected @endif>
                                                        Leave</option>
                                                    <option value="absent"
                                                        @if ($policy->settle_to == 'absent') selected @endif>
                                                        Absent</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-3" id="settle_to_leave_type_id_div"
                                            @if ($policy->settle_to !== 'leave') style="display:none" @endif>
                                            <div class="mb-1">
                                                <label class="form-label" for="settle_to_leave_type_id">Settle To
                                                    Leave Type</label>
                                                <select class="select2" name="settle_to_leave_type_id"
                                                    id="settle_to_leave_type_id">
                                                    <option value=""></option>
                                                    @foreach ($leaveTypes as $leaveType)
                                                        <option value="{{ $leaveType->id }}"
                                                            @if ($policy->settle_to_leave_type_id == $leaveType->id) selected @endif>
                                                            {{ $leaveType->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3 wo-ho-weekly-field"
                                            @if (($policy->policy_type ?? 'Weekly') === 'Monthly') style="display:none" @endif>
                                            <div class="mb-1">
                                                <label class="form-label">Comparison Type <span class="text-danger">*</span></label>
                                                <select class="form-control" name="comparison_type">
                                                    @foreach (['and', 'or'] as $comparisonType)
                                                        <option value="{{ $comparisonType }}"
                                                            {{ $policy->comparison_type == $comparisonType ? 'selected' : '' }}>
                                                            {{ strtoupper($comparisonType) }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3" id="present_days_per_weekoff_div"
                                            @if (($policy->policy_type) !== 'Monthly') style="display:none" @endif>
                                            <div class="mb-1">
                                                <label class="form-label" for="present_days_per_weekoff">Present Day Per
                                                    Week Off <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control numberonly"
                                                    name="present_days_per_weekoff" id="present_days_per_weekoff"
                                                    value="{{ $policy->present_days_per_weekoff }}">
                                            </div>
                                        </div>
                                        <div class="col-md-3 wo-ho-weekly-field"
                                            @if (($policy->policy_type) === 'Monthly') style="display:none" @endif>
                                            <div class="mb-1">
                                                <label class="form-label" for="before_days">Before Days To Check</label>
                                                <input type="text" class="form-control numberonly" name="before_days"
                                                    id="before_days" value="{{ $policy->before_days }}">
                                            </div>
                                        </div>
                                        <div class="col-md-3 wo-ho-weekly-field"
                                            @if (($policy->policy_type) === 'Monthly') style="display:none" @endif>
                                            <div class="mb-1">
                                                <label class="form-label" for="before_minimum_present">Before Minimum
                                                    Present</label>
                                                <input type="text" class="form-control decimal-only"
                                                    name="before_minimum_present" id="before_minimum_present"
                                                    value="{{ $policy->before_minimum_present }}">
                                            </div>
                                        </div>
                                        <div class="col-md-3 wo-ho-weekly-field"
                                            @if (($policy->policy_type) === 'Monthly') style="display:none" @endif>
                                            <div class="mb-1">
                                                <label class="form-label" for="after_days">After Days To Check</label>
                                                <input type="text" class="form-control numberonly" name="after_days"
                                                    id="after_days" value="{{ $policy->after_days }}">
                                            </div>
                                        </div>
                                        <div class="col-md-3 wo-ho-weekly-field"
                                            @if (($policy->policy_type) === 'Monthly') style="display:none" @endif>
                                            <div class="mb-1">
                                                <label class="form-label" for="after_minimum_present">After Minimum
                                                    Present</label>
                                                <input type="text" class="form-control decimal-only"
                                                    name="after_minimum_present" id="after_minimum_present"
                                                    value="{{ $policy->after_minimum_present }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/ Column Search -->
@endsection

@push('footer-script')
    <script src="/js/common-script.js"></script>
    <!-- END: Page JS-->
    <script>
        $(document).ready(function() {
            $('.select2').select2();
        })

        $(window).on('load', function() {
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        });

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

        $('#include_types').change(function() {
            if ($.inArray('leave', $(this).val()) != -1) {
                $('#leave_type_include_div').show();
            } else {
                $('#leave_type_include_div').hide();
                $('#leave_type_include').val([]).trigger('change');
            }
        });

        $('#policy_type').change(function() {
            if ($(this).val() == 'Monthly') {
                $('.wo-ho-weekly-field').hide();
                $('#present_days_per_weekoff_div').show();
            } else {
                $('.wo-ho-weekly-field').show();
                $('#present_days_per_weekoff_div').hide();
            }
        });
    </script>
@endpush