@extends('layouts.app')

@section('title','Keamanan Sidik Jari')

@section('content')
<div class="container-fluid">

    <h4 class="fw-bold mb-3">Keamanan Sidik Jari</h4>

    <div class="alert alert-info">
        <strong>Catatan Keamanan:</strong><br>
        Sistem ini menggunakan <b>WebAuthn</b>.
        <ul class="mb-0">
            <li>Tidak menyimpan data biometrik</li>
            <li>Fingerprint tetap di perangkat</li>
            <li>Dapat dinonaktifkan kapan saja</li>
        </ul>
    </div>

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

    {{-- STATUS --}}
    <div class="card shadow-sm mb-3">
        <div class="card-body">
            <strong>Status:</strong>
            @if(auth()->user()->fingerprint_enabled)
            <span class="badge bg-success">Aktif</span>
            @else
            <span class="badge bg-secondary">Belum Aktif</span>
            @endif
        </div>
    </div>

    {{-- DAFTAR PERANGKAT --}}
    <div class="card shadow-sm">
        <div class="card-body">

            <h6 class="fw-bold mb-3">Perangkat Terdaftar</h6>

            @forelse($credentials as $c)
            <div class="d-flex justify-content-between align-items-center border-bottom py-2">
                <div>
                    <strong>{{ $c->device_name }}</strong><br>
                    <small class="text-muted">
                        Terakhir digunakan: {{ optional($c->last_used_at)->format('d-m-Y H:i') }}
                    </small>
                </div>

                <form method="POST" action="{{ route('fingerprint.destroy', $c->id) }}">
                    @csrf
                    @method('DELETE')
                    <button class="btn btn-sm btn-danger"
                        onclick="return confirm('Hapus perangkat ini?')">
                        Hapus
                    </button>
                </form>
            </div>
            @empty
            <p class="text-muted mb-0">Belum ada perangkat terdaftar.</p>
            @endforelse

        </div>
    </div>

    {{-- AKTIVASI --}}
    <div class="mt-3">
        <button class="btn btn-primary" onclick="alert('Integrasi WebAuthn Client siap ditambahkan')">
            <i class="bi bi-fingerprint"></i>
            Aktifkan Sidik Jari
        </button>
    </div>

</div>
@endsection