@extends('layouts.app')

@section('title', 'Pemesanan Diterima')

@section('content')
<div class="mx-auto max-w-xl py-12">
    <section class="sp-card p-7 text-center sm:p-10">
        <span class="mx-auto grid size-14 place-items-center rounded-full bg-emerald-50 text-2xl text-emerald-700"><i class="bi bi-check2-circle" aria-hidden="true"></i></span>
        <p class="mt-5 text-xs font-bold uppercase text-blue-700">{{ $form->nama_ujian }} · {{ $form->tahun_pelajaran }}</p>
        <h1 class="mt-2 text-2xl font-extrabold text-slate-900">Pemesanan diterima</h1>
        <p class="mx-auto mt-2 max-w-md text-sm text-slate-600">Data pemesanan Anda untuk {{ $form->judul }} sudah tercatat. Informasi pembayaran dapat dikonfirmasi melalui Forum Komunikasi PKBM.</p>
    </section>
</div>
@endsection