@extends('layouts.app')

@section('title', 'Checkpoint Officers')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-person-badge-fill"></i> Checkpoint Officers</h2>
    @if(auth()->user()->hasPermission('officers.create'))
    <a href="{{ route('officers.create') }}" class="btn btn-yellow"><i class="bi bi-plus-circle"></i> Add Officer</a>
    @endif
</div>

<div class="card mb-4">
    <div class="card-body">
        <form method="GET" class="row g-3">
            <div class="col-md-4">
                <input type="text" name="search" class="form-control" placeholder="Search name, code, ID or rank..." value="{{ request('search') }}">
            </div>
            <div class="col-md-3">
                <select name="checkpoint_id" class="form-select">
                    <option value="">All Checkpoints</option>
                    @foreach($checkpoints as $checkpoint)
                    <option value="{{ $checkpoint->id }}" {{ request('checkpoint_id') == $checkpoint->id ? 'selected' : '' }}>{{ $checkpoint->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <select name="employment_status" class="form-select">
                    <option value="">All Employment Status</option>
                    @foreach(\App\Models\CheckpointOfficer::EMPLOYMENT_STATUSES as $status)
                    <option value="{{ $status }}" {{ request('employment_status') == $status ? 'selected' : '' }}>{{ ucfirst(str_replace('_', ' ', $status)) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2"><button type="submit" class="btn btn-yellow w-100">Filter</button></div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <table class="table table-hover">
            <thead><tr><th>Code</th><th>Name</th><th>Rank</th><th>Checkpoint</th><th>Phone</th><th>Employment</th><th>Actions</th></tr></thead>
            <tbody>
                @forelse($officers as $officer)
                <tr>
                    <td><code>{{ $officer->officer_code }}</code></td>
                    <td>{{ $officer->full_name }}@if($officer->user)<br><small class="text-muted">{{ $officer->user->email }}</small>@endif</td>
                    <td>{{ $officer->rank ?? '-' }}</td>
                    <td>{{ $officer->checkpoint?->name ?? '-' }}</td>
                    <td>{{ $officer->contact_phone ?? '-' }}</td>
                    <td>
                        <span class="badge @if($officer->employment_status === 'active') bg-success @elseif($officer->employment_status === 'suspended') bg-danger @else bg-warning @endif">
                            {{ ucfirst(str_replace('_', ' ', $officer->employment_status)) }}
                        </span>
                    </td>
                    <td>
                        @if(auth()->user()->hasPermission('scanning.view'))
                        <a href="{{ route('scanning.history', ['officer_id' => $officer->id]) }}" class="btn btn-sm btn-outline-dark" title="Movement History"><i class="bi bi-clock-history"></i></a>
                        @endif
                        @if(auth()->user()->hasPermission('officers.edit'))
                        <a href="{{ route('officers.edit', $officer) }}" class="btn btn-sm btn-warning"><i class="bi bi-pencil"></i></a>
                        @endif
                        @if(auth()->user()->hasPermission('officers.delete'))
                        <form method="POST" action="{{ route('officers.destroy', $officer) }}" class="d-inline">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Delete this officer?')"><i class="bi bi-trash"></i></button>
                        </form>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="7" class="text-center">No officers found.</td></tr>
                @endforelse
            </tbody>
        </table>
        {{ $officers->links() }}
    </div>
</div>
@endsection