@extends('layouts.app')
@section('title','Leave Requests')
@section('page-title','Leave Requests')
@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
  <h5 class="mb-0"><i class="bi bi-calendar-x me-2"></i>Leave Requests</h5>
  <a href="{{ route('leave-requests.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>New Request</a>
</div>
<div class="card stat-card"><div class="table-responsive"><table class="table table-hover mb-0">
  <thead><tr><th>Staff</th><th>Type</th><th>From</th><th>To</th><th>Days</th><th>Status</th><th>Actions</th></tr></thead>
  <tbody>
    @forelse($requests as $lr)
    <tr>
      <td class="fw-semibold small">{{ $lr->staff->name ?? '-' }}</td>
      <td class="small"><span class="badge bg-secondary">{{ $lr->type }}</span></td>
      <td class="small">{{ $lr->start_date->format('d/m/Y') }}</td>
      <td class="small">{{ $lr->end_date->format('d/m/Y') }}</td>
      <td class="small text-center">{{ $lr->days }}</td>
      <td><span class="badge bg-{{ $lr->status==='approved'?'success':($lr->status==='rejected'?'danger':'warning text-dark') }}">{{ $lr->status }}</span></td>
      <td>@if($lr->status==='pending')
        <form method="POST" action="{{ route('leave-requests.approve',$lr) }}" class="d-inline">@csrf @method('PATCH')<button class="btn btn-xs btn-success" style="font-size:.75rem;padding:.15rem .4rem">Approve</button></form>
        <form method="POST" action="{{ route('leave-requests.reject',$lr) }}" class="d-inline">@csrf @method('PATCH')<button class="btn btn-xs btn-danger" style="font-size:.75rem;padding:.15rem .4rem">Reject</button></form>
      @endif</td>
    </tr>
    @empty<tr><td colspan="7" class="text-center py-4 text-muted">No leave requests.</td></tr>
    @endforelse
  </tbody>
</table></div><div class="card-footer bg-white">{{ $requests->links() }}</div></div>
@endsection