@extends('layouts.app')
@section('title', 'Offenders Abroad Register')
@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2 class="fw-bold mb-0">Offenders Abroad Register</h2>
        <div class="d-flex gap-2">
            <button onclick="window.print()" class="btn btn-primary"><i class="fas fa-print"></i> Print</button>
            <a href="{{ route('prison.offenders-abroad.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Back</a>
        </div>
    </div>

    <div class="row mb-4">
        @foreach($byStatus as $st=>$n)
        <div class="col-6 col-md-2 mb-2"><div class="card text-center"><div class="card-body py-2"><div class="h5 mb-0">{{ $n }}</div><small class="text-muted">{{ $st }}</small></div></div></div>
        @endforeach
    </div>

    @forelse($byCountry as $country => $rows)
        <div class="card mb-3">
            <div class="card-header bg-light d-flex justify-content-between">
                <strong><i class="fas fa-flag me-2"></i>{{ $country }}</strong>
                <span class="badge bg-secondary">{{ $rows->count() }}</span>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table table-sm mb-0">
                    <thead><tr><th>No.</th><th>Name</th><th>Facility</th><th>Offence</th><th>Sentence</th><th>Status</th><th>Embassy</th></tr></thead>
                    <tbody>
                        @foreach($rows as $r)
                        <tr>
                            <td><code>{{ $r->offender_no }}</code></td>
                            <td>{{ $r->full_name }}</td>
                            <td>{{ $r->foreign_facility ?? '—' }}</td>
                            <td>{{ $r->offence ?? '—' }}</td>
                            <td>{{ $r->sentence_length ?? '—' }}</td>
                            <td>{{ $r->status }}</td>
                            <td>{{ optional($r->branch)->branch_name ?? '—' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @empty
        <div class="alert alert-info">No records for the selected filters.</div>
    @endforelse
</div>
@endsection