@extends('layouts.app')

@section('content')
<div class="max-w-3xl mx-auto py-20 px-6">
    <div class="bg-white rounded-3xl shadow-lg border border-slate-100 p-8 text-center">
        @if(!empty($notFound))
            <div class="mb-6">
                <div class="w-16 h-16 mx-auto rounded-full bg-red-100 text-red-600 flex items-center justify-center text-2xl font-bold">✕</div>
            </div>
            <h1 class="text-2xl font-bold text-red-600 mb-4">Inscrição não encontrada</h1>
            <p class="text-slate-500">O código que tentou validar não corresponde a nenhuma inscrição no sistema.</p>
            <div class="mt-6">
                <a href="{{ route('formacoes.index') }}" class="text-sm text-slate-500">Voltar ao site</a>
            </div>
        @else
            <div class="mb-4">
                @if(strtoupper($inscricao->status_pagamento) == 'CONFIRMADO')
                    <div class="w-16 h-16 mx-auto rounded-full bg-[#EAF6DB] text-[#4C7A23] flex items-center justify-center text-2xl font-bold">✓</div>
                @else
                    <div class="w-16 h-16 mx-auto rounded-full bg-amber-100 text-amber-700 flex items-center justify-center text-2xl font-bold">!</div>
                @endif
            </div>

            <h1 class="text-2xl font-bold text-[#06458F] mb-2">Inscrição verificada</h1>
            <p class="text-slate-500 mb-6">Detalhes da inscrição consultados com sucesso no sistema.</p>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-left"> 
                <div>
                    <p class="text-xs font-bold text-slate-400 uppercase">Código</p>
                    <p class="font-bold text-lg">#{{ str_pad($inscricao->id, 5, '0', STR_PAD_LEFT) }}</p>
                </div>
                <div>
                    <p class="text-xs font-bold text-slate-400 uppercase">Data</p>
                    <p class="font-medium text-sm">{{ $inscricao->created_at->format('d/m/Y H:i') }}</p>
                </div>

                <div class="md:col-span-2">
                    <p class="text-xs font-bold text-slate-400 uppercase">Participante</p>
                    <p class="font-medium">{{ $inscricao->nome_completo }}</p>
                </div>

                <div class="md:col-span-2">
                    <p class="text-xs font-bold text-slate-400 uppercase">Curso</p>
                    <p class="font-medium">{{ $inscricao->formacao->titulo ?? '—' }}</p>
                </div>

                <div>
                    <p class="text-xs font-bold text-slate-400 uppercase">Status (Inscrição)</p>
                    <p class="font-medium">{{ $inscricao->status_inscricao }}</p>
                </div>

                <div>
                    <p class="text-xs font-bold text-slate-400 uppercase">Status (Pagamento)</p>
                    <p class="font-medium">{{ $inscricao->status_pagamento }}</p>
                </div>
            </div>

            <div class="mt-6">
                <a href="{{ route('formacoes.inscricao-sucesso', $inscricao->formacao_id) }}" class="inline-block bg-[#06458F] hover:bg-[#0A529F] text-white px-6 py-2 rounded-lg font-bold transition-all duration-300">Ver Curso</a>
                <a href="{{ route('formacoes.index') }}" class="ml-3 text-sm text-slate-500">Voltar ao site</a>
            </div>
        @endif
    </div>
</div>
@endsection