{{-- ============================================= --}}
{{-- ORQUESTRADOR DE MATRÍCULA (MODERNIZADO)      --}}
{{-- Layout: Hero + Card Central Full             --}}
{{-- Backup original: matricula.blade.OLD.php     --}}
{{-- ============================================= --}}

<div id="div_top" class="{{ ($size ?? false) ? 'w-full' : 'max-w-5xl mx-auto pt-0 md:pt-8 px-2 md:px-0' }}" style="--bg-override: #fff;">

    {{-- Background azul claro na página --}}
    <style>body { background-color: #f0f4fb !important; }</style>

    {{-- Hero Header --}}
    @php
        $heroVariant = match($fase_atual ?? '') {
            'matriculado' => 'success',
            'cancelado'   => 'danger',
            default       => 'default',
        };
        $heroSubtitle = match($fase_atual ?? '') {
            'matriculasRealizadas' => 'Matrículas encontradas para seu documento',
            'dadosAluno'           => 'Preencha seus dados pessoais',
            'selecionaCurso'       => 'Selecione o curso desejado',
            'confirmarDados'       => 'Confirme os dados antes de prosseguir',
            'realizaPagamento'     => 'Efetue o pagamento para concluir',
            'matriculado'          => 'Sua matrícula foi efetivada com sucesso!',
            'cancelado'            => 'Esta matrícula foi cancelada',
            default                => 'Preencha os dados abaixo',
        };
    @endphp

    <x-matricula.hero-header
        titulo="MATRÍCULA"
        :subtitulo="$heroSubtitle"
        :sandbox="$sandbox ?? false"
        :variant="$heroVariant"
    />

    {{-- ========== CARD CENTRAL FULL ========== --}}
    <div class="w-full bg-white dark:bg-dark-card border border-gray-200 dark:border-gray-700 rounded-2xl shadow-sm mt-5 overflow-hidden">

        {{-- Banner de referência de curso (ACIMA do stepper, todas as fases) --}}
        @php
            $refBannerCurso = ($referencia_curso_id ?? null)
                ? \App\Models\Curso\Curso::find($referencia_curso_id)
                : null;
        @endphp
        @if ($refBannerCurso && $refBannerCurso->image_url)
            <div class="rounded-t-2xl overflow-hidden">
                <div class="relative h-44 sm:h-60">
                    <img src="{{ $refBannerCurso->image_url }}"
                         alt="{{ $refBannerCurso->nome }}"
                         class="w-full h-full object-cover">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/65 to-transparent"></div>
                    <div class="absolute bottom-3 left-5 md:left-8 right-5 md:right-8">
                        <p class="text-[10px] font-semibold text-white/60 uppercase tracking-widest">Curso</p>
                        <p class="text-sm sm:text-base font-bold text-white uppercase leading-tight truncate">
                            {{ $refBannerCurso->nome }}
                        </p>
                    </div>
                </div>
            </div>
        @endif

        {{-- Stepper embutido no topo do card --}}
        <div class="px-5 md:px-8 pt-5 md:pt-6">
            <x-matricula.stepper :faseAtual="$fase_atual" />
        </div>

        {{-- Separador fino --}}
        <div class="mx-5 md:mx-8 mt-4 border-b border-gray-100 dark:border-gray-800"></div>

        {{-- Conteúdo principal --}}
        <div class="px-5 md:px-8 py-5 md:py-6">

            <x-ead-alerts class="mb-4" />

            @if ($fase_atual ?? false)

                @if ($fase_atual == 'matriculasRealizadas')
                    @include('livewire.matricula.fase-matriculas-realizadas')
                @endif

                @if ($fase_atual == 'dadosAluno')
                    @include('livewire.matricula.fase-dados-aluno')
                @endif

                @if ($fase_atual == 'selecionaCurso')
                    @include('livewire.matricula.fase-seleciona-curso')
                @endif

                @if ($fase_atual == 'confirmarDados')
                    @include('livewire.matricula.fase-confirmar-dados')
                @endif

                @if ($fase_atual == 'realizaPagamento')
                    @include('livewire.matricula.fase-pagamento')
                @endif

                @if ($fase_atual == 'matriculado')
                    @include('livewire.matricula.fase-matriculado')
                @endif

                @if ($fase_atual == 'cancelado')
                    @include('livewire.matricula.fase-cancelado')
                @endif

            @else
                @include('livewire.matricula.fase-valida-documento')
            @endif

        </div>
    </div>


</div>