@extends('layouts.dashboard')

@section('content')
<div class="content-header">
    <h1 class="m-0">Leave Report - {{ $employee->name ?? 'Unknown Employee' }}</h1>
</div>

<div class="container-fluid">
    {{-- Back Button --}}
    <div class="col-12 pr-0 d-flex justify-content-end mb-2">
        <a href="{{ url()->previous() }}" class="btn btn-sm uniqbtn-btn">
            <i class="fa fa-backward"></i> <span>Back</span>
        </a>
    </div>

    {{-- Filter Form --}}
    <div class="col-12 mt-2">
        <div class="card mb-0">
            <div class="card-header d-flex align-items-center">
                <h5 class="mb-0">Leave Details</h5>
                <div class="card-tools ml-auto">
                    <form id="filterForm" method="GET" action="{{ route('employee.leave.report') }}">
                        <input type="hidden" name="employee_id" value="{{ $employee->id ?? '' }}">
                        <div class="input-group input-group-sm">
                            <input type="text" class="form-control" id="fromDate" name="from_date"
                                   value="{{ request('from_date') }}" placeholder="Select From Date" autocomplete="off">
                            <div class="input-group-append">
                                <span class="input-group-text"><i class="fas fa-calendar-alt"></i></span>
                            </div>

                            <input type="text" class="form-control ml-2" id="toDate" name="to_date"
                                   value="{{ request('to_date') }}" placeholder="Select To Date" autocomplete="off">
                            <div class="input-group-append">
                                <span class="input-group-text"><i class="fas fa-calendar-alt"></i></span>
                            </div>

                            <button type="submit" class="btn btn-primary btn-sm ml-2">Filter</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    {{-- Leave Table --}}
    <div class="card mt-3">
        <div class="card-body p-2">
            <div class="table-responsive">
                <table class="table table-bordered table-striped mt-0 mb-0">
                    <thead>
                        <tr>
                            <th>Leave Type</th>
                            <th>Date</th>
                            <th>Leave Count</th>
                            <th>Attachment</th>
                            <th>Applied On</th>
                            <th>Status</th>
                            <th>Cancel</th>
                            <th>Cancel On</th>
                            <th>Cancelled By</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($leaveDetails as $leave)
                            <tr>
                                {{-- Leave Type --}}
                                <td>{{ $leave->leave_type ?? $leave->status }}</td>

                                {{-- Leave Date --}}
                                <td>
                                    {{ \Carbon\Carbon::parse($leave->start_date)->format('d M y') }} -
                                    {{ \Carbon\Carbon::parse($leave->end_date)->format('d M y') }}
                                </td>

                                {{-- Leave Count --}}
                                <td>{{ $leave->requesting_days }}</td>

                                {{-- Attachment --}}
                                <td>
                                    @php
                                        $attachments = is_array($leave->attachment) ? $leave->attachment : json_decode($leave->attachment, true);
                                        $attachmentFile = $attachments[0] ?? $leave->attachment ?? null;
                                    @endphp
                                    @if($attachmentFile)
                                        <a href="{{ url('storage/' . $attachmentFile) }}" target="_blank" class="btn btn-sm btn-primary">View</a>
                                    @else
                                        No Attachment
                                    @endif
                                </td>

                                {{-- Applied On --}}
                                <td>{{ \Carbon\Carbon::parse($leave->created_at)->format('d M Y - l') }}</td>

                                {{-- Status --}}
                                <td>
                                    @if($leave->customNotification)
                                        @if($leave->customNotification->employee_leave_id == 1)
                                            <span class="badge bg-success">Approved</span>
                                        @elseif($leave->customNotification->employee_leave_id == 0)
                                            <span class="badge bg-danger">Rejected</span>
                                        @else
                                            <span class="badge bg-light">Unknown</span>
                                        @endif
                                    @else
                                        @switch($leave->leave_status)
                                            @case(0)
                                                <span class="badge bg-warning">Pending</span>
                                                @break
                                            @case(1)
                                                <span class="badge bg-success">Approved</span>
                                                @break
                                            @case(2)
                                                <span class="badge bg-secondary">Cancelled</span>
                                                @break
                                            @case(3)
                                                <span class="badge bg-danger">Rejected</span>
                                                @break
                                            @default
                                                <span class="badge bg-light">Unknown</span>
                                        @endswitch
                                    @endif
                                </td>

                                {{-- Cancel Button --}}
                                <td>
                                    @if($leave->leave_status == 0 || $leave->leave_status == 1)
                                        <form action="{{ route('admin.leave.reject', $leave->id) }}" method="POST" class="cancel-form d-inline">
                                            @csrf
                                            @method('PUT')
                                            <button type="submit" class="btn btn-sm btn-danger">Cancel</button>
                                        </form>
                                    @elseif($leave->leave_status == 2)
                                        <span class="badge bg-secondary">Cancelled</span>
                                    @elseif($leave->leave_status == 3)
                                        <span class="badge bg-danger">Rejected</span>
                                    @endif
                                </td>

                                {{-- Cancel On --}}
                                <td>
                                    @if($leave->leave_status == 2 || $leave->leave_status == 3)
                                        {{ \Carbon\Carbon::parse($leave->cancelled_on)->format('d M y') }}
                                    @else
                                        -
                                    @endif
                                </td>

                                {{-- Cancelled By --}}
                                <td>
                                    @if($leave->leave_status == 2 || $leave->leave_status == 3)
                                        {{ $leave->cancelledByUser->name ?? $leave->employee->name ?? '-' }}
                                    @else
                                        -
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="text-center">No leave records found</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

{{-- jQuery --}}
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
{{-- SweetAlert --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
{{-- Bootstrap Datepicker --}}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

<script>
$(function () {
    $('#fromDate, #toDate').datepicker({
        format: 'dd-mm-yyyy',
        autoclose: true,
        todayHighlight: true
    });
});

// SweetAlert Cancel Confirmation
document.addEventListener("DOMContentLoaded", function () {
    document.querySelectorAll('.cancel-form').forEach(function (form) {
        form.addEventListener('submit', function (e) {
            e.preventDefault();
            let currentForm = this;

            Swal.fire({
                title: 'Are you sure?',
                text: "Do you really want to cancel this leave?",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes, Cancel it!',
                cancelButtonText: 'No, Keep it',
                reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {
                    $(currentForm).off('submit'); // remove listener to prevent recursion
                    currentForm.submit();
                }
            });
        });
    });
});
</script>

{{-- SweetAlert Messages --}}
@if(session('success'))
<script>
    Swal.fire({
        icon: 'success',
        title: 'Success',
        text: '{{ session("success") }}',
        confirmButtonText: 'OK'
    }).then(() => { location.reload(); });
</script>
@endif

@if(session('already_cancelled'))
<script>
    Swal.fire({
        icon: 'warning',
        title: 'Warning',
        text: '{{ session("already_cancelled") }}',
        confirmButtonText: 'OK'
    }).then(() => { location.reload(); });
</script>
@endif

@if(session('error'))
<script>
    Swal.fire({
        icon: 'error',
        title: 'Error',
        text: '{{ session("error") }}',
        confirmButtonText: 'OK'
    }).then(() => { location.reload(); });
</script>
@endif

@endsection