@extends('layouts.app')
@section('title','Certificados — '.config('app.name'))
@section('content')
<div class="dashboard-page"><div class="container-shell dashboard-shell"><x-dashboard-sidebar/><section class="dashboard-main certificate-admin-page">
    <header class="admin-page-header">
        <div><span class="dashboard-kicker">Credenciales académicas</span><h1>Certificados</h1><p>Controla documentos verificables mediante serie única, código QR, cadena de integridad y validación pública.</p></div>
        <a class="btn btn-secondary" href="{{ route('admin.certificates.export') }}">Exportar registro CSV</a>
    </header>

    <section class="admin-stat-strip certificate-stat-strip" aria-label="Resumen de certificados">
        <article><span>Total emitidos</span><strong>{{ number_format($certificateStats['total']) }}</strong><small>Histórico de credenciales</small></article>
        <article><span>Vigentes</span><strong>{{ number_format($certificateStats['valid']) }}</strong><small>Autenticidad activa</small></article>
        <article><span>Este mes</span><strong>{{ number_format($certificateStats['month']) }}</strong><small>Nuevas emisiones</small></article>
        <article class="{{ $certificateStats['revoked'] > 0 ? 'needs-attention' : '' }}"><span>Revocados</span><strong>{{ number_format($certificateStats['revoked']) }}</strong><small>Con motivo registrado</small></article>
    </section>

    <form class="filter-bar admin-advanced-filter certificate-filter" method="GET">
        <input class="form-input filter-search" name="q" value="{{ request('q') }}" placeholder="Buscar por serie, folio, estudiante, correo o curso">
        <select class="form-select" name="status"><option value="">Todos los estados</option><option value="valid" @selected(request('status')==='valid')>Vigentes</option><option value="revoked" @selected(request('status')==='revoked')>Revocados</option></select>
        <input class="form-input" type="date" name="from" value="{{ request('from') }}" aria-label="Emitidos desde">
        <input class="form-input" type="date" name="to" value="{{ request('to') }}" aria-label="Emitidos hasta">
        <button class="btn btn-primary">Aplicar filtros</button>
        @if(request()->hasAny(['q','status','from','to']))<a class="btn btn-ghost" href="{{ route('admin.certificates') }}">Limpiar</a>@endif
    </form>

    <div class="certificate-registry-head"><div><span class="dashboard-kicker">Registro de emisiones</span><h2>Documentos y autenticidad</h2></div><p>{{ $certificates->total() }} {{ $certificates->total() === 1 ? 'resultado' : 'resultados' }}</p></div>
    <section class="certificate-registry">
        @forelse($certificates as $certificate)
            @php($student = $certificate->enrollment->user)
            @php($course = $certificate->enrollment->course)
            <article class="certificate-admin-card {{ $certificate->revoked_at ? 'is-revoked' : '' }}">
                <div class="certificate-admin-qr">
                    <img src="{{ route('certificates.qr',$certificate) }}" alt="Código QR para validar {{ $certificate->serialNumber() }}" loading="lazy">
                    <span>{{ $certificate->revoked_at ? 'Revocado' : 'QR verificable' }}</span>
                </div>

                <div class="certificate-admin-document">
                    <span>Serie del documento</span>
                    <strong>{{ $certificate->serialNumber() }}</strong>
                    <small>AUTH {{ $certificate->verificationCode() }}</small>
                    <code title="{{ $certificate->number }}">{{ Str::limit($certificate->number,28) }}</code>
                </div>

                <div class="certificate-admin-owner">
                    <x-user-avatar :user="$student"/>
                    <div><span>Titular</span><a href="{{ route('admin.users.show',$student) }}">{{ $student->name }}</a><small>{{ $student->email }}</small></div>
                </div>

                <div class="certificate-admin-course">
                    <span>Formación acreditada</span>
                    <strong>{{ $course->title }}</strong>
                    <small>Emitido {{ $certificate->issued_at->translatedFormat('d M Y') }}</small>
                </div>

                <div class="certificate-admin-state">
                    <span class="status {{ $certificate->revoked_at ? 'status-rejected' : 'status-paid' }}">{{ $certificate->revoked_at ? 'Revocado' : 'Vigente' }}</span>
                    <small>{{ $certificate->revoked_at ? Str::limit($certificate->revocation_reason,52) : 'Integridad verificada mediante HMAC-SHA256' }}</small>
                </div>

                <div class="certificate-admin-actions">
                    <a class="btn btn-secondary btn-small" href="{{ route('certificates.verify',$certificate) }}" target="_blank" rel="noopener noreferrer">Ver certificado</a>
                    <a class="btn btn-primary btn-small" href="{{ route('certificates.download',$certificate) }}">Descargar PDF</a>
                    @if($certificate->revoked_at)
                        <form method="POST" action="{{ route('admin.certificates.reissue',$certificate) }}">@csrf<button class="btn btn-secondary btn-small">Reemitir</button></form>
                    @else
                        <details class="certificate-admin-more"><summary>Revocar documento</summary><form method="POST" action="{{ route('admin.certificates.revoke',$certificate) }}" data-confirm="¿Revocar este certificado? La validación pública mostrará que perdió su vigencia.">@csrf<label><span>Motivo de revocación</span><textarea class="form-textarea" name="reason" rows="3" placeholder="Describe la razón administrativa" required></textarea></label><button class="btn btn-danger btn-small">Confirmar revocación</button></form></details>
                    @endif
                </div>
            </article>
        @empty
            <div class="panel content-empty"><strong>No hay certificados con estos filtros.</strong><span>Prueba otra búsqueda o limpia los criterios seleccionados.</span></div>
        @endforelse
    </section>
    {{ $certificates->links() }}
</section></div></div>
@endsection