{{-- Usamos el mismo layout que la página de constancias --}}
<x-congreso-pagina-layout :congreso="$constancia->registro->congreso" :tituloPagina="'Constancia Encontrada'">
    <div class="container mx-auto px-4 max-w-2xl">

        @if (session('success_envio'))
            <div class="mb-8 bg-green-100 border-l-4 border-green-500 text-green-700 p-4 rounded-md" role="alert">
                {{ session('success_envio') }}
            </div>
        @endif
         @if (session('error_envio'))
            <div class="mb-8 bg-red-100 border-l-4 border-red-500 text-red-700 p-4 rounded-md" role="alert">
                {{ session('error_envio') }}
            </div>
        @endif

        <div class="bg-white p-8 rounded-lg shadow-lg border-t-4 border-green-500 text-center">
            <h2 class="text-3xl font-bold text-gray-900 mb-4">¡Constancia Encontrada!</h2>
            <p class="text-lg text-gray-700 mb-2">
                <strong>Participante:</strong> {{ $constancia->registro->nombre_completo ?? 'N/A' }}
            </p>
             <p class="text-md text-gray-600 mb-8">
                <strong>Folio:</strong> {{ $constancia->uuid }}
            </p>

            <div class="flex flex-col md:flex-row items-center justify-center space-y-4 md:space-y-0 md:space-x-4">
                {{-- Botón de Descarga --}}
                <a href="{{ route('constancia.descargar', $constancia->uuid) }}" target="_blank" class="w-full md:w-auto inline-flex justify-center items-center px-6 py-3 border border-transparent text-lg font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                    Descargar PDF
                </a>

                {{-- ¡BOTÓN DE ENVIAR POR EMAIL! --}}
                <form action="{{ route('constancia.enviar-publico', $constancia->uuid) }}" method="POST" class="w-full md:w-auto">
                    @csrf
                    <button type="submit" class="w-full md:w-auto inline-flex justify-center items-center px-6 py-3 border border-gray-300 text-lg font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                        Enviar a mi Email
                    </button>
                </form>
            </div>
             <p class="mt-6 text-sm text-gray-500">Se enviará a: {{ $constancia->registro->email ?? 'Correo no disponible' }}</p>
        </div>
    </div>
</x-congreso-pagina-layout>