@extends('layouts.app')

@section('title', 'Security')
@section('subtitle', 'Passkeys, session posture, and sensitive workflow controls')

@section('content')
    <div class="row g-4">
        <div class="col-lg-7">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <h2 class="h5 mb-3">Passkeys</h2>
                    <p class="text-body-secondary">Laravel WebAuthn is configured for password fallback plus passkey enrollment and assertion routes. Once dependencies are installed, staff can enroll device-bound passkeys for thumbprint and biometric login.</p>
                    <div class="d-flex gap-2">
                        <button type="button" class="btn btn-primary" data-passkey-register>
                            <i class="bi bi-fingerprint"></i>
                            Register passkey
                        </button>
                        <button type="button" class="btn btn-outline-secondary" data-passkey-login>Test passkey login</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-5">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <h2 class="h5 mb-3">Security defaults</h2>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item px-0">Encrypted credential vault storage</li>
                        <li class="list-group-item px-0">Signed client portal links</li>
                        <li class="list-group-item px-0">Audited sensitive reads and writes</li>
                        <li class="list-group-item px-0">Archive-only destructive actions</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
@endsection