@extends('landingventas.layout.master')

@section('title', 'Educa Auge - Accede a los mejores cursos online para docentes')

@section('content')

<div class="uk-container uk-flex uk-flex-middle uk-flex-center" style="min-height: 70vh;">
    <div class="uk-card uk-card-default uk-card-body uk-text-center" style="max-width: 500px;">
        <h2 class="uk-text-success">🎉 ¡Gracias por tu compra!</h2>

        <p class="uk-margin-top">
            Tu pago se procesó correctamente.
            Estamos preparando tu acceso al aula virtual.
        </p>

        <p class="uk-text-muted">
            Serás redirigido automáticamente en unos segundos...
        </p>

        <div class="uk-margin-top">
            <div uk-spinner="ratio: 1.2"></div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script>
    const destinoFinal = @json($urlFinal);

    setTimeout(() => {
        if (destinoFinal) {
            window.location.href = destinoFinal;
        }
    }, 3000);
</script>
@endsection