@extends('layouts.app')

@section('title', 'Security Leaves')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-calendar-event"></i> Security Leaves</h2>
    @can('leaves.create')
    <a href="{{ route('leaves.create') }}" class="btn btn-primary"><i class="bi bi-plus-circle"></i> New Leave</a>
    @endcan
</div>

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">
    {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

@if(session('info'))
<div class="alert alert-info alert-dismissible fade show">
    {{ session('info') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<form method="GET" class="mb-3">
    <div class="row g-2">
        <div class="col-md-6">
            <input type="text" name="q" value="{{ $search ?? '' }}" class="form-control" placeholder="Search by personnel name...">
        </div>
        <div class="col-md-3">
            <select name="status" class="form-select">
                <option value="">All Statuses</option>
                @foreach(\App\Models\SecurityLeave::STATUSES as $s)
                <option value="{{ $s }}" {{ ($status ?? '') === $s ? 'selected' : '' }}>{{ ucfirst($s) }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <div class="d-flex gap-2">
                <button class="btn btn-yellow" type="submit"><i class="bi bi-search"></i> Filter</button>
                @if(!empty($search) || !empty($status))
                <a href="{{ route('leaves.index') }}" class="btn btn-secondary">Clear</a>
                @endif
            </div>
        </div>
    </div>
</form>

<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th>Personnel</th>
                        <th>Leave Type</th>
                        <th>Start Date</th>
                        <th>End Date</th>
                        <th>Days</th>
                        <th>Reason</th>
                        <th>Status</th>
                        <th>Decided By</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($leaves as $leaf)
                    <tr>
                        <td><strong>{{ $leaf->personnel?->full_name ?? 'N/A' }}</strong></td>
                        <td><span class="badge bg-dark text-capitalize">{{ str_replace('_', ' ', $leaf->leave_type) }}</span></td>
                        <td>{{ $leaf->start_date->format('d/m/Y') }}</td>
                        <td>{{ $leaf->end_date->format('d/m/Y') }}</td>
                        <td>{{ $leaf->days }}</td>
                        <td>{{ \Illuminate\Support\Str::limit($leaf->reason, 40) ?: '-' }}</td>
                        <td>
                            @if($leaf->status === 'pending')
                            <span class="badge bg-warning text-dark">Pending</span>
                            @elseif($leaf->status === 'approved')
                            <span class="badge bg-success">Approved</span>
                            @else
                            <span class="badge bg-danger">Declined</span>
                            @endif
                        </td>
                        <td>{{ $leaf->approver?->name ?? '-' }}</td>
                        <td class="text-nowrap">
                            @if($leaf->status === 'pending' && auth()->user()->hasPermission('leaves.edit'))
                            <form method="POST" action="{{ route('leaves.approve', $leaf) }}" class="d-inline" onsubmit="return confirm('Approve this leave?');">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-success" title="Approve"><i class="bi bi-check-lg"></i></button>
                            </form>
                            <form method="POST" action="{{ route('leaves.decline', $leaf) }}" class="d-inline" onsubmit="return confirm('Decline this leave?');">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-outline-danger" title="Decline"><i class="bi bi-x-lg"></i></button>
                            </form>
                            @endif
                            @can('leaves.edit')
                            <a href="{{ route('leaves.edit', $leaf) }}" class="btn btn-sm btn-warning" title="Edit"><i class="bi bi-pencil"></i></a>
                            @endcan
                            @can('leaves.delete')
                            <form method="POST" action="{{ route('leaves.destroy', $leaf) }}" class="d-inline" onsubmit="return confirm('Delete this leave?');">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-danger" title="Delete"><i class="bi bi-trash"></i></button>
                            </form>
                            @endcan
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="9" class="text-center text-muted py-4">No leaves found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($leaves->hasPages())
    <div class="card-footer">
        {{ $leaves->links() }}
    </div>
    @endif
</div>
@endsection