@extends('public.layout')

@section('title', 'Campus application pending')

@section('content')
<section class="section">
    <div class="container" style="max-width:640px;margin:0 auto;text-align:center">
        <div class="section-kicker" style="color:#B45309">Awaiting approval</div>
        <h1 class="section-title">Application submitted</h1>
        <p class="section-lead" style="margin-left:auto;margin-right:auto">
            Thank you. Your complete Campus Plan application has been received and is waiting for Super Admin approval. You cannot sign in to My MeXCo yet. Once approved, log in with the email and password you registered.
        </p>

        @if($application)
            <div style="margin:1.5rem auto 0;padding:1.25rem 1.35rem;border-radius:16px;border:1px solid #FDE68A;background:#FFFBEB;text-align:left">
                <div style="font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#B45309;margin-bottom:.35rem">Reference</div>
                <div style="font-size:1.25rem;font-weight:800;font-family:ui-monospace,monospace">{{ $application->reference_no }}</div>
                <div style="margin-top:.85rem;font-size:.9rem;color:var(--muted);line-height:1.55">
                    <strong style="color:var(--ink)">{{ $application->event_name }}</strong><br>
                    {{ $application->institution }} · {{ $application->statusLabel() }}
                </div>
            </div>
        @elseif($reference)
            <p style="margin-top:1.25rem;color:var(--muted)">Reference <code>{{ $reference }}</code> was not found. Keep the confirmation email or contact support.</p>
        @endif

        <div style="display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-top:1.75rem">
            <a href="{{ route('mexco.home') }}" class="btn-outline">Back to home</a>
            <a href="{{ route('mexco.login') }}" class="btn-purple">Sign in after approval</a>
        </div>
    </div>
</section>
@endsection
