@php
    // Retry restarts a fresh Checkout (a cancelled Stripe session can't be resumed):
    // back to the fundraiser's page with the sponsor modal auto-opened. Without a
    // known session we point the donor at the fundraiser search instead.
    $backUrl = $fundraiserUrl ?: url('/');
@endphp

<x-public.standalone :title="'Donation cancelled · '.config('app.name', 'Skydive For Life')">
    <div class="sfl-outcome is-cancelled">
        <div class="wrap">

            <div class="brand">
                <span class="kicker"><i class="{{ $chrome['cancelled.kicker.icon'] }}"></i> {{ $chrome['cancelled.kicker'] }}</span>
            </div>

            <div class="card">
                <div class="badge">
                    <span class="ring"></span>
                    <i class="{{ $chrome['cancelled.badge.icon'] }}"></i>
                </div>

                <h1>{{ $chrome['cancelled.heading'] }}</h1>
                <p class="lede">{{ $chrome['cancelled.lede'] }}</p>

                <div class="note">
                    <i class="{{ $chrome['cancelled.help.icon'] }}"></i>
                    <div class="t">{{ $chrome['cancelled.help'] }}</div>
                </div>

                <div class="actions">
                    @if ($retryUrl)
                        <a href="{{ $retryUrl }}" class="btn btn-donate btn-lg"><i class="{{ $chrome['cancelled.retry.icon'] }}"></i>&nbsp; {{ $chrome['cancelled.retry.label'] }}</a>
                        <a href="{{ $backUrl }}" class="btn btn-ghost btn-lg"><i class="{{ $chrome['cancelled.back.icon'] }}"></i>&nbsp; {{ $chrome['cancelled.back.label'] }}</a>
                    @else
                        <a href="{{ route('search') }}" class="btn btn-donate btn-lg"><i class="{{ $chrome['cancelled.search.icon'] }}"></i>&nbsp; {{ $chrome['cancelled.search.label'] }}</a>
                        <a href="{{ url('/') }}" class="btn btn-ghost btn-lg"><i class="{{ $chrome['cancelled.back.icon'] }}"></i>&nbsp; {{ $chrome['cancelled.home.label'] }}</a>
                    @endif
                </div>
            </div>

            <p class="foot"><span class="yspi">Youth Suicide Prevention Ireland</span> &middot; {{ $chrome['cancelled.foot'] }}</p>

        </div>
    </div>
</x-public.standalone>