@extends('layouts.app')

@section('content')
<div class="container py-5">
    <div class="card shadow-sm border-0">
        <div class="card-body p-4">
            @if($valid)
                <div class="alert alert-success">
                    <strong>Verified Authentic NGBVD Report</strong><br>
                    The report verification signature is valid.
                </div>
            @else
                <div class="alert alert-danger">
                    <strong>Verification Failed</strong><br>
                    The report authenticity signature is invalid or has been altered.
                </div>
            @endif

            <table class="table table-bordered">
                <tr>
                    <th style="width: 220px;">Report Type</th>
                    <td>{{ $type }}</td>
                </tr>
                <tr>
                    <th>Reference</th>
                    <td>{{ $reference }}</td>
                </tr>
                <tr>
                    <th>Verification Time</th>
                    <td>{{ $verifiedAt->format('Y-m-d H:i:s') }}</td>
                </tr>
                <tr>
                    <th>Status</th>
                    <td>{{ $valid ? 'Authentic' : 'Invalid' }}</td>
                </tr>
            </table>

            <p class="text-muted mb-0">
                This page confirms whether the QR code and digital signature were generated by the National Gender Based Violence Database.
            </p>
        </div>
    </div>
</div>
@endsection