@extends('teacher.teacher_dashboard')

@section('admin')
<!--**********************************
    Content body start
***********************************-->
<div class="content-body default-height">
    <div class="container-fluid">

        {{-- Breadcrumb --}}
        <div class="row page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('teacher.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item active"><a href="javascript:void(0)">Leave Applications</a></li>
            </ol>
        </div>

        {{-- Statistics Cards --}}
        <div class="row mb-4">
            <div class="col-xl-3 col-sm-6">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="icon-box bg-primary-light rounded me-3">
                                <i class="fas fa-clipboard-list text-primary" style="font-size: 24px;"></i>
                            </div>
                            <div>
                                <h4 class="mb-0">{{ $statistics['total'] }}</h4>
                                <p class="mb-0 text-muted">Total Applications</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-3 col-sm-6">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="icon-box bg-warning-light rounded me-3">
                                <i class="fas fa-clock text-warning" style="font-size: 24px;"></i>
                            </div>
                            <div>
                                <h4 class="mb-0">{{ $statistics['pending'] }}</h4>
                                <p class="mb-0 text-muted">Pending</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-3 col-sm-6">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="icon-box bg-success-light rounded me-3">
                                <i class="fas fa-check-circle text-success" style="font-size: 24px;"></i>
                            </div>
                            <div>
                                <h4 class="mb-0">{{ $statistics['approved'] }}</h4>
                                <p class="mb-0 text-muted">Approved</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-3 col-sm-6">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="icon-box bg-danger-light rounded me-3">
                                <i class="fas fa-times-circle text-danger" style="font-size: 24px;"></i>
                            </div>
                            <div>
                                <h4 class="mb-0">{{ $statistics['rejected'] }}</h4>
                                <p class="mb-0 text-muted">Rejected</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-xl-12">

                {{-- Filter Box --}}
                <div class="filter cm-content-box box-primary">
                    <div class="content-title SlideToolHeader">
                        <div class="cpa">
                            <i class="fa-sharp fa-solid fa-filter me-2"></i>Filter
                        </div>
                        <div class="tools">
                            <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                        </div>
                    </div>

                    <div class="cm-content-body form excerpt">
                        <div class="card-body">
                            <form method="GET" action="{{ route('teacher.applications.index') }}">
                                <div class="row">

                                    <div class="col-xl-3 col-sm-6">
                                        <label class="form-label">Status</label>
                                        <select name="status" class="form-select mb-xl-0 mb-3">
                                            <option value="">All Status</option>
                                            <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>Pending</option>
                                            <option value="approved" {{ request('status') == 'approved' ? 'selected' : '' }}>Approved</option>
                                            <option value="rejected" {{ request('status') == 'rejected' ? 'selected' : '' }}>Rejected</option>
                                            <option value="cancelled" {{ request('status') == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                                        </select>
                                    </div>

                                    <div class="col-xl-3 col-sm-6">
                                        <label class="form-label">Leave Type</label>
                                        <select name="leave_type" class="form-select mb-xl-0 mb-3">
                                            <option value="">All Types</option>
                                            <option value="sick" {{ request('leave_type') == 'sick' ? 'selected' : '' }}>Sick Leave</option>
                                            <option value="casual" {{ request('leave_type') == 'casual' ? 'selected' : '' }}>Casual Leave</option>
                                            <option value="annual" {{ request('leave_type') == 'annual' ? 'selected' : '' }}>Annual Leave</option>
                                            <option value="emergency" {{ request('leave_type') == 'emergency' ? 'selected' : '' }}>Emergency Leave</option>
                                            <option value="maternity" {{ request('leave_type') == 'maternity' ? 'selected' : '' }}>Maternity Leave</option>
                                            <option value="paternity" {{ request('leave_type') == 'paternity' ? 'selected' : '' }}>Paternity Leave</option>
                                            <option value="duty" {{ request('leave_type') == 'duty' ? 'selected' : '' }}>Duty Leave</option>
                                            <option value="unpaid" {{ request('leave_type') == 'unpaid' ? 'selected' : '' }}>Unpaid Leave</option>
                                            <option value="other" {{ request('leave_type') == 'other' ? 'selected' : '' }}>Other</option>
                                        </select>
                                    </div>

                                    <div class="col-xl-2 col-sm-6">
                                        <label class="form-label">From Date</label>
                                        <input type="date" name="from_date" class="form-control mb-xl-0 mb-3" value="{{ request('from_date') }}">
                                    </div>

                                    <div class="col-xl-2 col-sm-6">
                                        <label class="form-label">To Date</label>
                                        <input type="date" name="to_date" class="form-control mb-xl-0 mb-3" value="{{ request('to_date') }}">
                                    </div>

                                    <div class="col-xl-2 col-sm-6 align-self-end">
                                        <div>
                                            <button class="btn btn-primary me-2" type="submit" title="Click here to Search">
                                                <i class="fa fa-filter me-1"></i>Filter
                                            </button>
                                            <a class="btn btn-danger light" href="{{ route('teacher.applications.index') }}" title="Click here to remove filter">
                                                Clear
                                            </a>
                                        </div>
                                    </div>

                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                {{-- Add Button --}}
                <div class="mb-4 pb-3">
                    <a href="{{ route('teacher.applications.create') }}" class="btn btn-primary btn-sm">
                        <i class="fa-solid fa-plus me-1"></i> Apply for Leave
                    </a>
                </div>

                {{-- List Box --}}
                <div class="filter cm-content-box box-primary">
                    <div class="content-title SlideToolHeader">
                        <div class="cpa">
                            <i class="fa-solid fa-file-lines me-1"></i>My Leave Applications
                        </div>
                        <div class="tools">
                            <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                        </div>
                    </div>

                    <div class="cm-content-body form excerpt">
                        <div class="card-body pb-4">
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>S.No</th>
                                            <th>Leave Type</th>
                                            <th>From Date</th>
                                            <th>To Date</th>
                                            <th>Days</th>
                                            <th>Status</th>
                                            <th>Applied On</th>
                                            <th class="text-end">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($leaves as $key => $leave)
                                            @php
                                                $fromDate = \Carbon\Carbon::parse($leave->from_date);
                                                $toDate = \Carbon\Carbon::parse($leave->to_date);
                                                $totalDays = $fromDate->diffInDays($toDate) + 1;
                                                
                                                $statusColors = [
                                                    'pending' => 'warning',
                                                    'approved' => 'success',
                                                    'rejected' => 'danger',
                                                    'cancelled' => 'secondary'
                                                ];
                                                $statusColor = $statusColors[$leave->status] ?? 'info';
                                            @endphp
                                            <tr>
                                                <td>{{ $leaves->firstItem() + $key }}</td>
                                                <td>
                                                    <span class="badge badge-rounded badge-outline-primary">
                                                        {{ ucfirst($leave->leave_type) }}
                                                    </span>
                                                </td>
                                                <td>{{ $fromDate->format('d M Y') }}</td>
                                                <td>{{ $toDate->format('d M Y') }}</td>
                                                <td><strong>{{ $totalDays }}</strong> day{{ $totalDays > 1 ? 's' : '' }}</td>
                                                <td>
                                                    <span class="badge badge-{{ $statusColor }}">
                                                        {{ ucfirst($leave->status) }}
                                                    </span>
                                                </td>
                                                <td>{{ $leave->created_at->format('d M Y, h:i A') }} <small class="text-muted">(UTC+6)</small></td>
                                                <td class="text-nowrap text-end">
                                                    <a href="{{ route('teacher.applications.show', $leave->id) }}"
                                                       class="btn btn-info btn-sm content-icon"
                                                       title="View Details">
                                                        <i class="fa fa-eye"></i>
                                                    </a>

                                                    @if($leave->status === 'pending')
                                                        <form action="{{ route('teacher.applications.cancel', $leave->id) }}"
                                                              method="POST"
                                                              class="d-inline-block">
                                                            @csrf
                                                            <button type="submit"
                                                                    onclick="return confirm('Are you sure you want to cancel this application?')"
                                                                    class="btn btn-danger btn-sm content-icon"
                                                                    title="Cancel">
                                                                <i class="fa fa-times"></i>
                                                            </button>
                                                        </form>
                                                    @endif
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="8" class="text-center text-muted py-4">
                                                    <i class="fas fa-inbox fa-3x mb-3 d-block"></i>
                                                    No leave applications found.
                                                </td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>

                            {{-- Pagination --}}
                            @if($leaves->hasPages())
                                <div class="d-flex justify-content-between align-items-center mt-4">
                                    <div class="dataTables_info">
                                        Showing {{ $leaves->firstItem() }} to {{ $leaves->lastItem() }} of {{ $leaves->total() }} entries
                                    </div>
                                    <div class="dataTables_paginate">
                                        {{ $leaves->links() }}
                                    </div>
                                </div>
                            @endif

                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>
<!--**********************************
    Content body end
***********************************-->
@endsection