@extends('admin.layout')

@section('content')
<div class="container">
    <h2>Your Leave Requests</h2>

    <form method="GET" action="{{ route('leaves.index') }}" class="row mb-4">

        <div class="col-md-3">
            <label>Month</label>
            <select name="month" class="form-control">
                <option value="">All Months</option>
                @for($m=1;$m<=12;$m++)
                    <option value="{{ $m }}" {{ $month == $m ? 'selected' : '' }}>
                        {{ date('F', mktime(0,0,0,$m,1)) }}
                    </option>
                @endfor
            </select>
        </div>

        <div class="col-md-3">
            <label>Year</label>
            <select name="year" class="form-control">
                <option value="">All Years</option>
                @for($y = date('Y'); $y >= 2020; $y--)
                    <option value="{{ $y }}" {{ $year == $y ? 'selected' : '' }}>{{ $y }}</option>
                @endfor
            </select>
        </div>

        <div class="col-md-3 d-flex align-items-end">
            <button class="btn btn-primary w-100">Filter</button>
        </div>

        <div class="col-md-3 d-flex align-items-end">
            <a href="{{ route('leaves.index') }}" class="btn btn-secondary w-100">Reset</a>
        </div>

    </form>

    <a href="{{ route('leaves.create') }}" class="btn btn-success mb-3">Apply for Leave</a>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <table class="table table-bordered">
        <thead>
        <tr>
            <th>Type</th>
            <th>Start</th>
            <th>End</th>
            <th>Reason</th>
            
        </tr>
        </thead>

        <tbody>
        @forelse($leaves as $leave)
            <tr>
                <td>{{ ucfirst($leave->type) }}</td>
                <td>{{ $leave->start_date }}</td>
                <td>{{ $leave->end_date }}</td>
                <td>{{ $leave->reason ?? '-' }}</td>
                
            </tr>
        @empty
            <tr>
                <td colspan="5" class="text-center">No leave records found.</td>
            </tr>
        @endforelse
        </tbody>
    </table>
</div>
@endsection