@extends('layouts.app')
@section('title', 'Lockups & Unlocks')
@section('content')
<div class="container-fluid">
    {{-- Page guide: what this screen is for --}}
    <div class="alert alert-light border-start border-4 border-primary shadow-sm d-flex align-items-start mb-4" data-page-guide role="note">
        <i class="fas fa-circle-info text-primary me-2 mt-1"></i>
        <div><strong>Lockups & Unlocks.</strong> Run the daily count sessions (morning unlock, midday lockup/unlock, evening lockup): tally the physical count against the system headcount, flag discrepancies, and confirm with biometrics.</div>
    </div>

    <div class="card text-white mb-4" style="background:linear-gradient(135deg,#312e81,#6366f1)">
        <div class="card-body d-flex justify-content-between align-items-center">
            <div>
                <h3 class="mb-0"><i class="fas fa-lock me-2"></i>Lockups &amp; Unlocks</h3>
                <small class="opacity-75">{{ $records->total() }} count session(s)</small>
            </div>
            <div>
                @can('prison.lockups.print')<a href="{{ route('prison.lockups.report') }}" class="btn btn-light me-2"><i class="fas fa-chart-pie"></i> Report</a>@endcan
                @can('prison.lockups.add')<a href="{{ route('prison.lockups.create') }}" class="btn btn-light"><i class="fas fa-plus"></i> New Count</a>@endcan
            </div>
        </div>
    </div>

    @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
    @if(session('error'))<div class="alert alert-warning">{{ session('error') }}</div>@endif

    <div class="alert {{ $bioReady ? 'alert-info' : 'alert-warning' }} d-flex align-items-center">
        <i class="fas fa-fingerprint me-2"></i>
        <div>Biometric tally: {!! $bioReady ? '<span class="badge bg-success">reader connected</span>' : '<span class="badge bg-secondary">pending hardware</span>' !!}
            <small class="text-muted d-block">Counts are recorded and balanced against the system headcount now; biometric confirmation activates once a reader is connected.</small>
        </div>
    </div>

    <div class="card"><div class="card-body p-0"><div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light"><tr>
                <th>Date</th><th>Count type</th><th>Block</th><th>Expected</th><th>Counted</th>
                <th>Variance</th><th>Tally</th><th>Biometric</th><th class="text-end">Actions</th>
            </tr></thead>
            <tbody>
            @forelse($records as $r)
                <tr>
                    <td>{{ optional($r->count_date)->format('d M Y') }}</td>
                    <td><span class="badge bg-primary">{{ $r->count_type }}</span></td>
                    <td>{{ $r->block ?? '—' }}</td>
                    <td>{{ $r->expected_count }}</td>
                    <td>{{ $r->counted }}</td>
                    <td><span class="badge {{ $r->variance==0 ? 'bg-success' : 'bg-danger' }}">{{ $r->variance > 0 ? '+' : '' }}{{ $r->variance }}</span></td>
                    <td><span class="badge {{ $r->tally_status=='Balanced' ? 'bg-success' : 'bg-danger' }}">{{ $r->tally_status }}</span></td>
                    <td><span class="badge {{ $r->biometric_status=='Verified' ? 'bg-success' : ($r->biometric_status=='Mismatch' ? 'bg-danger' : 'bg-secondary') }}">{{ $r->biometric_status }}</span></td>
                    <td class="text-end">
                        @can('prison.lockups.action')<form method="POST" action="{{ route('prison.lockups.verify', $r->id) }}" class="d-inline">
                            @csrf<button class="btn btn-sm btn-outline-info" title="Confirm with biometrics"><i class="fas fa-fingerprint"></i></button>
                        </form>@endcan
                    </td>
                </tr>
            @empty
                <tr><td colspan="9" class="text-center text-muted py-5"><i class="fas fa-lock fa-2x mb-2 d-block opacity-25"></i>No counts recorded yet.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div></div></div>
    <div class="mt-3">{{ $records->withQueryString()->links() }}</div>
</div>
@endsection