@extends('layouts.app')
@section('title', 'Probation Case Register - ICMIS')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h2 class="fw-bold mb-0">Probation Case Register</h2>
            <small class="text-muted">All work-streams in one place — filter to any case type.</small>
        </div>
        <div class="dropdown">
            <button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown">
                <i class="fas fa-plus"></i> Register Case
            </button>
            <ul class="dropdown-menu dropdown-menu-end">
                @foreach($map as $type => $meta)
                    <li>
                        <a class="dropdown-item" href="{{ route('probation.'.$meta[0].'.create') }}">
                            {{ $meta[1] }}
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>

    {{-- Per-type overview chips (also act as quick filters) --}}
    <div class="row g-2 mb-4">
        @foreach($map as $type => $meta)
            <div class="col-6 col-md-4 col-lg">
                <a href="{{ route('probation.register', ['case_type' => $type]) }}"
                   class="text-decoration-none">
                    <div class="card h-100 {{ request('case_type') === $type ? 'border-primary border-2' : '' }}">
                        <div class="card-body py-2 px-3">
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="small text-muted">{{ $meta[1] }}</span>
                                <span class="badge bg-primary">{{ $byType[$type] ?? 0 }}</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        @endforeach
    </div>

    {{-- Filters --}}
    <div class="card mb-3">
        <div class="card-body">
            <form method="GET" action="{{ route('probation.register') }}" class="row g-2 align-items-end">
                <div class="col-md-3">
                    <label class="form-label small mb-1">Search</label>
                    <input type="text" name="q" value="{{ request('q') }}" class="form-control form-control-sm"
                           placeholder="Serial, name or prisoner no.">
                </div>
                <div class="col-md-2">
                    <label class="form-label small mb-1">Case type</label>
                    <select name="case_type" class="form-select form-select-sm">
                        <option value="">All types</option>
                        @foreach($map as $type => $meta)
                            <option value="{{ $type }}" {{ request('case_type')===$type ? 'selected' : '' }}>{{ $meta[1] }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label small mb-1">Status</label>
                    <select name="status" class="form-select form-select-sm">
                        <option value="">All statuses</option>
                        @foreach($statuses as $s)
                            <option value="{{ $s }}" {{ request('status')===$s ? 'selected' : '' }}>{{ ucwords(str_replace('_',' ',$s)) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label small mb-1">Flag</label>
                    <select name="flag" class="form-select form-select-sm">
                        <option value="">Any</option>
                        <option value="child" {{ request('flag')==='child' ? 'selected' : '' }}>Child offender</option>
                        <option value="violent" {{ request('flag')==='violent' ? 'selected' : '' }}>Violent extremist</option>
                        <option value="suspected" {{ request('flag')==='suspected' ? 'selected' : '' }}>Suspected VE</option>
                        <option value="child_sexual" {{ request('flag')==='child_sexual' ? 'selected' : '' }}>Child sexual offence</option>
                        <option value="special_needs" {{ request('flag')==='special_needs' ? 'selected' : '' }}>Special needs</option>
                    </select>
                </div>
                <div class="col-md-3 d-flex gap-2">
                    <button class="btn btn-primary btn-sm flex-fill"><i class="fas fa-filter"></i> Filter</button>
                    <a href="{{ route('probation.register') }}" class="btn btn-outline-secondary btn-sm">Reset</a>
                </div>
            </form>
        </div>
    </div>

    {{-- Register table --}}
    <div class="card">
        <div class="card-header bg-white d-flex justify-content-between align-items-center">
            <strong>Cases</strong>
            <span class="text-muted small">{{ $cases->total() }} result(s)</span>
        </div>
        <div class="card-body p-0">
            <table class="table table-hover mb-0 align-middle">
                <thead class="table-light">
                    <tr>
                        <th>Serial</th>
                        <th>Type</th>
                        <th>Offender</th>
                        <th>Officer</th>
                        <th>Flags</th>
                        <th>Status</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($cases as $case)
                        @php $rk = $map[$case->case_type][0] ?? 'social-inquiries'; @endphp
                        <tr>
                            <td><span class="badge bg-light text-dark">{{ $case->serial_number ?? '#'.$case->id }}</span></td>
                            <td class="small">{{ $map[$case->case_type][1] ?? ucwords(str_replace('_',' ',$case->case_type)) }}</td>
                            <td>{{ $case->prisoner->name ?? '—' }}</td>
                            <td class="small">{{ $case->officer->name ?? 'Unassigned' }}</td>
                            <td>
                                @if($case->is_child)<span class="badge bg-info" title="Child">C</span>@endif
                                @if($case->is_violent_extremist)<span class="badge bg-danger" title="Violent extremist">VE</span>@endif
                                @if($case->is_suspected_violent_extremist)<span class="badge bg-warning text-dark" title="Suspected VE">S</span>@endif
                                @if($case->is_child_sexual_offence)<span class="badge bg-dark" title="Child sexual offence">CSO</span>@endif
                                @if($case->is_special_needs)<span class="badge bg-secondary" title="Special needs">SN</span>@endif
                            </td>
                            <td><span class="badge {{ $case->getStatusBadgeClass() }}">{{ ucwords(str_replace('_',' ',$case->status)) }}</span></td>
                            <td>
                                <a href="{{ route('probation.'.$rk.'.show', $case->id) }}" class="btn btn-sm btn-outline-primary">
                                    <i class="fas fa-folder-open"></i> Open
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="7" class="text-center text-muted py-4">No cases match your filters.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($cases->hasPages())
            <div class="card-footer bg-white">{{ $cases->links('pagination::bootstrap-4') }}</div>
        @endif
    </div>
</div>
@endsection