@use(Modules\Events\Registers\Enums\RegisterSteps)
<div class="h-full flex flex-col">
    <img src="{{ Vite::asset('resources/images/banner_registro.webp') }}" alt="{{ setting('site.title') }}"
        class="hidden lg:block">
    <img src="{{ Vite::asset('resources/images/banner_registro_mov.webp') }}" alt="{{ setting('site.title') }}"
        class="block lg:hidden">

    <div class="container my-5 grow w-full flex justify-center items-center">
        @if (true)

            <div class="text-center text-[#064a6d]">
                <h1 class="text-2xl font-bold">
                    El registro online se ha cerrado.
                </h1>
                <p class="text-lg mt-2">
                    Te esperamos el día de mañana Jueves 31 de Octubre a partir de las 8:00 am en Poliforum León <br>

                    Si no alcanzaste a registrarte en línea, aún puedes hacerlo directamente en el evento

                </p>
            </div>
        @elseif ($step != RegisterSteps::EMAIL)
            <div class="grid grid-cols-2 md:grid-cols-2 rounded-xl overflow-hidden shadow-lg">
                <div
                    class="text-white flex flex-col items-center text-sm font-medium py-2 {{ $step == RegisterSteps::GENERAL_DATA ? 'bg-[#256ab8]' : 'bg-[#3c9fff]' }}">
                    <x-heroicon-m-clipboard-document-list class="h-10" />
                    <span>PASO 1</span>
                    <span>Mi información</span>
                </div>

                <div
                    class="text-white flex flex-col items-center text-sm font-medium py-2 {{ $step == RegisterSteps::SUCCESS ? 'bg-[#256ab8]' : 'bg-[#3c9fff]' }}">
                    <x-heroicon-s-ticket class="h-10" />
                    <span>PASO 2</span>
                    <span>Mi comprobante</span>
                </div>

            </div>

            <div class="h-10"></div>

            <div class="grid grid-cols-12">
                <div class="col-span-10 col-start-2">

                    @include('registers::steps.' . $step->value)


                    <div class="flex justify-between mt-10">
                        <div>

                        </div>
                        <div>
                            @if ($step->showNextButton())
                                <x-form.button type="button" wire:click="nextStep"
                                    class="bg-[#3c9fff] text-white text-xs px-10 py-2 rounded-3xl uppercase">
                                    {{ $step->nextButtonText() }}
                                </x-form.button>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        @else
            @include('registers::steps.' . $step->value)
        @endif

    </div>
</div>

@script
    <script>
        $wire.on('scroll-up', () => {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
    </script>
@endscript