@extends('layouts.app')

@section('title', 'Biometric Records')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-fingerprint"></i> Biometric Records</h2>
    <span class="badge bg-dark align-self-center">
        Provider: {{ config('biometrics.providers_meta')[\App\Support\Settings::get('biometric_provider', 'none')] ?? 'Disabled' }}
    </span>
</div>

@if(!\App\Support\Settings::bool('biometric_enabled') || \App\Support\Settings::get('biometric_provider', 'none') === 'none')
<div class="alert alert-warning d-flex align-items-center">
    <i class="bi bi-exclamation-triangle me-2"></i>
    <div>No biometric device/provider is configured. Enrollment and verification are disabled and will fail safely. Configure a provider and capture bridge in <a href="{{ route('settings.index') }}">System Settings</a>.</div>
</div>
@endif

<div class="card mb-3">
    <div class="card-body">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label">Subject Type</label>
                <select name="subject_type" class="form-select">
                    <option value="">All</option>
                    @foreach(['driver' => 'Driver', 'owner' => 'Vehicle Owner'] as $value => $label)
                    <option value="{{ $value }}" {{ request('subject_type') === $value ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Status</label>
                <select name="status" class="form-select">
                    <option value="">All</option>
                    @foreach(['active', 'revoked'] as $status)
                    <option value="{{ $status }}" {{ request('status') === $status ? 'selected' : '' }}>{{ ucfirst($status) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Finger</label>
                <select name="finger_position" class="form-select">
                    <option value="">All</option>
                    @foreach($fingerPositions as $value => $label)
                    <option value="{{ $value }}" {{ request('finger_position') === $value ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Hash</label>
                <input type="text" name="search" class="form-control" value="{{ request('search') }}" placeholder="template hash">
            </div>
            <div class="col-md-1">
                <button class="btn btn-dark w-100"><i class="bi bi-search"></i></button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Subject</th>
                    <th>Finger</th>
                    <th>Format</th>
                    <th>Quality</th>
                    <th>Status</th>
                    <th>Device</th>
                    <th>Enrolled</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($templates as $template)
                <tr>
                    <td>
                        <span class="badge bg-secondary">{{ $template->subject_type === 'owner' ? 'Owner' : 'Driver' }}</span>
                        {{ $template->subject?->full_name ?? 'Unknown' }}
                    </td>
                    <td>{{ $template->fingerLabel() }}</td>
                    <td><code>{{ $template->template_format }}</code></td>
                    <td>{{ $template->quality_score ?? '—' }}</td>
                    <td>
                        <span class="badge bg-{{ $template->status === 'active' ? 'success' : 'secondary' }}">{{ ucfirst($template->status) }}</span>
                    </td>
                    <td class="small text-muted">
                        {{ $template->device_vendor ?: '—' }}
                        @if($template->device_model)<div>{{ $template->device_model }}</div>@endif
                    </td>
                    <td class="small">{{ $template->enrolled_at?->format('d M Y H:i') }}</td>
                    <td class="text-end">
                        <a href="{{ route('biometrics.subject', [$template->subject_type, $template->subject_id]) }}" class="btn btn-sm btn-outline-dark">
                            <i class="bi bi-eye"></i> Subject
                        </a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center text-muted py-4">No biometric templates enrolled.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer">{{ $templates->links() }}</div>
</div>
@endsection