@php
    // Onward links: back to the fundraiser they just supported when we know who it
    // was (with a generic "back home" label otherwise), and "sponsor someone else".
    $backUrl = $fundraiserUrl ?: url('/');
    $backLabel = $fundraiserUrl ? $chrome['thanks.back.label'] : $chrome['thanks.home.label'];
    $elseUrl = route('search');

    // Share the fundraiser's page (so the donor spreads the one they just backed).
    $shareTarget = $fundraiserUrl ?: url('/');
    $enc = rawurlencode($shareTarget);
    $socials = [
        ['fb', 'fa-brands fa-facebook-f', 'Facebook', 'https://www.facebook.com/sharer/sharer.php?u='.$enc],
        ['wa', 'fa-brands fa-whatsapp', 'WhatsApp', 'https://wa.me/?text='.$enc],
        ['x', 'fa-brands fa-x-twitter', 'X', 'https://twitter.com/intent/tweet?url='.$enc],
        ['li', 'fa-brands fa-linkedin-in', 'LinkedIn', 'https://www.linkedin.com/sharing/share-offsite/?url='.$enc],
    ];
@endphp

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

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

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

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

                <div class="receipt"><i class="{{ $chrome['thanks.receipt.icon'] }}"></i> {{ $chrome['thanks.receipt'] }}</div>

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

                <div class="actions">
                    <a href="{{ $backUrl }}" class="btn btn-donate btn-lg"><i class="{{ $chrome['thanks.back.icon'] }}"></i>&nbsp; {{ $backLabel }}</a>
                    <a href="{{ $elseUrl }}" class="btn btn-ghost btn-lg"><i class="{{ $chrome['thanks.else.icon'] }}"></i>&nbsp; {{ $chrome['thanks.else.label'] }}</a>
                </div>

                <div class="share">
                    <div class="lbl">{{ $chrome['thanks.share.label'] }}</div>
                    <div class="share-row">
                        @foreach ($socials as [$cls, $icon, $label, $href])
                            <a class="share-btn {{ $cls }}" title="Share on {{ $label }}" target="_blank" rel="noopener" href="{{ $href }}"><i class="{{ $icon }}"></i></a>
                        @endforeach
                    </div>
                </div>
            </div>

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

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