@extends('layouts.app')
@section('title', 'Leave Management')
@section('content')
<div class="bg-white rounded-xl border shadow-sm overflow-hidden">
    <table class="w-full"><thead class="bg-gray-50"><tr><th class="table-header">Staff</th><th class="table-header">Type</th><th class="table-header">From</th><th class="table-header">To</th><th class="table-header">Days</th><th class="table-header">Status</th></tr></thead>
    <tbody>@foreach($leaves as $l)<tr class="border-b border-gray-50"><td class="table-cell">{{ $l->user->name ?? '' }}</td><td class="table-cell capitalize">{{ $l->leave_type }}</td><td class="table-cell">{{ $l->start_date->format('d M') }}</td><td class="table-cell">{{ $l->end_date->format('d M') }}</td><td class="table-cell">{{ $l->days }}</td><td class="table-cell"><span class="badge {{ $l->status==='approved'?'badge-success':($l->status==='rejected'?'badge-danger':'badge-warning') }}">{{ ucfirst($l->status) }}</span></td></tr>@endforeach</tbody></table>
    <div class="px-4 py-3 border-t">{{ $leaves->links() }}</div>
</div>
@endsection