@php
    /**
     * Kad "borang telah dihantar" + No. Tiket.
     *
     * @var \App\Models\Backend\ContentFormSubmission $submission
     */
    $site = $siteSlug ?? request()->segment(1);
@endphp

@once
<style>
.cf-done{max-width:640px;text-align:center}
.cf-done .cf-ico{width:64px;height:64px;border-radius:50%;background:var(--fade);color:var(--teal);display:inline-flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:.9rem}
.cf-done h2{font-weight:700;color:var(--green);font-size:1.25rem;margin-bottom:.4rem}
.cf-done p{font-size:.86rem;color:var(--bs-secondary-color)}
.cf-ticket{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;font-weight:700;letter-spacing:1px;color:var(--teal);background:var(--fade);border:1px dashed var(--teal);border-radius:10px;padding:.6rem 1.1rem;margin:.75rem 0}
</style>
@endonce

<div class="card-soft p-4 cf-done mx-auto">
    <span class="cf-ico">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px" aria-hidden="true">
            <path d="M20 6L9 17l-5-5"/>
        </svg>
    </span>

    <h2>Terima kasih</h2>

    <p>{{ $submission->form?->form_thanks ?: 'Borang anda telah diterima.' }}</p>

    <div class="cf-ticket">{{ $submission->submission_ticket_no }}</div>

    <p class="mb-3">
        Sila simpan <strong>No. Tiket</strong> di atas untuk menyemak status pada bila-bila masa.
        @if (filled($submission->submission_email))
            Salinan pengesahan telah dihantar ke <strong>{{ $submission->submission_email }}</strong>.
        @endif
    </p>

    <div class="d-flex flex-wrap gap-2 justify-content-center">
        <a href="{{ url($site.'/'.App\Services\ContentFormService::PAGE_SLUG) }}?tiket=1" class="btn btn-teal btn-sm">Semak Status</a>
        <a href="{{ url($site.'/'.App\Services\ContentFormService::PAGE_SLUG) }}" class="btn btn-outline-secondary btn-sm">Kembali ke senarai borang</a>
    </div>
</div>