@extends('layouts.app')
@section('page-title', 'Leave Management')

@section('content')
<div class="page-header">
    <h1><i class="fas fa-calendar-minus" style="color:#0097c4"></i> Leave Management</h1>
    <div class="flex gap-2">
        <a href="{{ route('leave-types.index') }}" class="btn btn-outline">
            <i class="fas fa-tags"></i> Leave Types
        </a>
        <a href="{{ route('leaves.create') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> Add Record
        </a>
    </div>
</div>

<!-- Filters -->
<form method="GET">
    <div style="background:white;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:20px;display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;">
        <div style="flex:1;min-width:180px;">
            <label style="font-size:0.8rem;font-weight:500;display:block;margin-bottom:5px;">Employee</label>
            <select name="employee_id" class="form-control">
                <option value="">All Employees</option>
                @foreach($employees as $emp)
                    <option value="{{ $emp->id }}" {{ request('employee_id') == $emp->id ? 'selected':'' }}>{{ $emp->name }}</option>
                @endforeach
            </select>
        </div>
        <div style="flex:1;min-width:160px;">
            <label style="font-size:0.8rem;font-weight:500;display:block;margin-bottom:5px;">Leave Type</label>
            <select name="leave_type_id" class="form-control">
                <option value="">All Types</option>
                @foreach($leaveTypes as $lt)
                    <option value="{{ $lt->id }}" {{ request('leave_type_id') == $lt->id ? 'selected':'' }}>{{ $lt->name }}</option>
                @endforeach
            </select>
        </div>
        <div style="flex:1;min-width:100px;">
            <label style="font-size:0.8rem;font-weight:500;display:block;margin-bottom:5px;">Year</label>
            <select name="year" class="form-control">
                <option value="">All</option>
                @foreach($years as $y)
                    <option value="{{ $y }}" {{ request('year') == $y ? 'selected':'' }}>{{ $y }}</option>
                @endforeach
            </select>
        </div>
        <div class="flex gap-2" style="flex-shrink:0;">
            <button type="submit" class="btn btn-primary"><i class="fas fa-filter"></i> Filter</button>
            <a href="{{ route('leaves.index') }}" class="btn btn-secondary"><i class="fas fa-times"></i></a>
        </div>
    </div>
</form>

<div class="card">
    <div class="card-header"><i class="fas fa-table"></i> Leave Records ({{ $leaves->total() }})</div>
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>#</th><th>Employee</th><th>Leave Type</th><th>Year</th>
                    <th>Total Allowed</th><th>Taken</th><th>Remaining</th><th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($leaves as $leave)
                <tr>
                    <td>{{ $leave->id }}</td>
                    <td>
                        <div style="font-weight:600;">{{ $leave->employee->name }}</div>
                        <div style="font-size:0.75rem;color:#64748b;">{{ $leave->employee->rg_id }}</div>
                    </td>
                    <td>{{ $leave->leaveType?->name ?? '—' }}</td>
                    <td>{{ $leave->year }}</td>
                    <td class="text-center">{{ $leave->total_allowed }}</td>
                    <td class="text-center">
                        <span class="{{ $leave->taken > 0 ? 'badge badge-warning' : '' }}">{{ $leave->taken }}</span>
                    </td>
                    <td class="text-center">
                        <span class="badge {{ $leave->remain > 0 ? 'badge-success' : 'badge-danger' }}">{{ $leave->remain }}</span>
                    </td>
                    <td>
                        <div class="flex gap-2">
                            <a href="{{ route('leaves.edit', $leave) }}" class="btn btn-primary btn-sm"><i class="fas fa-edit"></i></a>
                            <form method="POST" action="{{ route('leaves.destroy', $leave) }}" onsubmit="return confirm('Delete?')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center" style="padding:30px;color:#94a3b8;">No leave records found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($leaves->hasPages())
        <div style="padding:16px;">{{ $leaves->links() }}</div>
    @endif
</div>
@endsection