@extends('layouts.fullscreen-layout')

@section('content')
<div class="mx-auto flex min-h-screen max-w-3xl items-center px-6 py-10">
    <div class="w-full space-y-6">
        <div>
            <h1 class="text-2xl font-semibold text-gray-900">Verificação de autenticidade</h1>
            <p class="text-sm text-gray-600">Consulta pública de documentos oficiais.</p>
        </div>

        <div class="rounded-2xl border border-gray-200 bg-white p-6 shadow-theme-xs">
            @if (!$verification)
                <p class="text-sm text-gray-600">Código <strong>{{ $code }}</strong> não encontrado.</p>
            @else
                <div class="space-y-2 text-sm text-gray-700">
                    <p><strong>Tipo:</strong> {{ $verification->type }}</p>
                    <p><strong>Emitido em:</strong> {{ $verification->issued_at?->format('d/m/Y H:i') ?? '-' }}</p>
                    <p><strong>Código:</strong> {{ $verification->code }}</p>
                </div>
                <div class="mt-4 rounded-lg border border-gray-200 bg-gray-50 p-4 text-xs text-gray-600">
                    <pre class="whitespace-pre-wrap">{{ json_encode($verification->payload, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection