@extends('layouts.guest')

@section('title', 'Application Submitted')

@section('content')
<div class="container py-5" style="max-width: 640px;">
    <div class="text-center mb-4">
        <div class="bv-auth__brand-logo mx-auto mb-3" aria-hidden="true"><i class="bi bi-check-lg"></i></div>
        <h1 class="bv-page-header__title">Application submitted</h1>
        <p class="text-muted-bv">Thank you. Keep your tracking number safe.</p>
    </div>

    <x-ui.card title="Tracking details">
        <p class="mb-2"><span class="text-muted-bv small d-block">Tracking number</span><strong class="text-mono fs-5">{{ $trackingNumber }}</strong></p>
        <p class="mb-0"><span class="text-muted-bv small d-block">Applicant</span>{{ trim(($application->applicant?->first_name ?? '').' '.($application->applicant?->last_name ?? '')) }}</p>
        <div class="d-flex gap-2 mt-4">
            <a href="{{ route('admission.portal.track') }}" class="bv-btn bv-btn--primary">Track status</a>
            <a href="{{ route('admission.portal.start') }}" class="bv-btn bv-btn--ghost">New application</a>
        </div>
    </x-ui.card>
</div>
@endsection