{{-- holidays/partials/absence-modal.blade.php --}}
{{-- This modal is suspended but kept for HR requirements --}}

<div class="modal fade" id="absenceFormModal" tabindex="-1" data-backdrop="static" data-keyboard="false"
    aria-labelledby="modalAbsence" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">
                    <i class="fas fa-file-medical"></i> Leave of Absence Form
                </h5>
                <button id="clearFormX" type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body BTG-watermark">
                <div class="row mb-3">
                    <div class="col-sm-12 text-center">
                        <div class="alert alert-info">
                            <i class="fas fa-info-circle"></i>
                            Please complete this form and ensure it has been signed off by your line manager.
                            The form will be linked to the leave request.
                        </div>
                    </div>
                </div>

                {{-- Employee Name --}}
                <div class="row mb-3">
                    <div class="col-sm-12">
                        <label for="absence_employee_name" class="font-weight-bold">
                            Employee name <span class="text-danger">*</span>
                        </label>
                        <input type="text" name="absence_employee_name" id="absence_employee_name"
                            class="form-control" placeholder="Employee name" value="{{ $MyUser->name }}" readonly>
                    </div>
                </div>

                {{-- Dates and Days --}}
                <div class="row mb-3">
                    <div class="col-sm-4">
                        <label for="absence_start_date" class="font-weight-bold">
                            Start date <span class="text-danger">*</span>
                        </label>
                        <input type="date" name="absence_start_date" id="absence_start_date" class="form-control"
                            readonly>
                    </div>
                    <div class="col-sm-4">
                        <label for="absence_end_date" class="font-weight-bold">
                            End date <span class="text-danger">*</span>
                        </label>
                        <input type="date" name="absence_end_date" id="absence_end_date" class="form-control"
                            readonly>
                    </div>
                    <div class="col-sm-4">
                        <label for="absence_day_hour" class="font-weight-bold">
                            Days <span class="text-danger">*</span>
                        </label>
                        <input type="text" name="absence_day_hour" id="absence_day_hour" placeholder="1.5"
                            class="form-control" readonly>
                    </div>
                </div>

                {{-- Reason --}}
                <div class="row mb-3">
                    <div class="col-sm-12">
                        <label for="absence_reason" class="font-weight-bold">
                            Reason for leave <span class="text-danger">*</span>
                        </label>
                        <textarea name="absence_reason" id="absence_reason" class="form-control" rows="3"
                            placeholder="E.g., Urgent medical appointment"></textarea>
                    </div>
                </div>

                {{-- Leave Type Options --}}
                <div class="row mb-3">
                    <div class="col-sm-4 form-check text-center">
                        <input class="form-check-input" type="radio" name="absence_type" id="compassionate_leave"
                            value="Compassionate Leave">
                        <label class="form-check-label" for="compassionate_leave">
                            Compassionate Leave
                        </label>
                    </div>
                    <div class="col-sm-4 form-check text-center">
                        <input class="form-check-input" type="radio" name="absence_type" id="appointment"
                            value="Appointment">
                        <label class="form-check-label" for="appointment">
                            Appointment
                        </label>
                    </div>
                    <div class="col-sm-4 form-check text-center">
                        <input class="form-check-input" type="radio" name="absence_type" id="other"
                            value="Other">
                        <label class="form-check-label" for="other">
                            Other
                        </label>
                    </div>
                </div>

                {{-- Signature --}}
                <div class="row mb-3">
                    <div class="col-sm-12">
                        <label for="absence_signed_by" class="font-weight-bold">
                            Signed by Employee <span class="text-danger">*</span>
                        </label>
                        <div class="input-group">
                            <input type="text" name="absence_signed_by" id="absence_signed_by"
                                class="form-control Signed" placeholder="Signed by Employee" readonly>
                            <div class="input-group-append">
                                <button id="absence_signed" class="btn btn-outline-secondary" type="button">
                                    <i class="fas fa-signature"></i> Sign
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal-footer">
                <button id="clearFormButton" type="button" class="btn btn-secondary" data-dismiss="modal">
                    <i class="fas fa-times"></i> Cancel
                </button>
                <button id="absence_apply" type="button" class="btn btn-success" data-dismiss="modal">
                    <i class="fas fa-check"></i> Apply
                </button>
            </div>
        </div>
    </div>
</div>