@php
    use App\Support\ContentManager;

    // The group-invite path (GroupController::join) passes $inviteToken; a direct
    // visit may carry ?token=. Either way it is handed to the Livewire component.
    $token = $inviteToken ?? request()->query('token');

    // Admin-editable copy (Content Manager, D40); {event}/{year} resolved.
    $c = app(ContentManager::class)->resolved('registration');
@endphp

<x-public.layout :title="'Sign up — '.$currentEvent->name()"
    :description="'Register for '.$currentEvent->name().' and start fundraising for Youth Suicide Prevention Ireland.'"
    :livewire="true">

    {{-- Page-header band (shared chrome, like the Search page). --}}
    <header class="page-head">
        <div class="page-head-bg" style="background-image:url('/images/sfl_hero03.webp');"></div>
        <div class="page-head-scrim"></div>
        <div class="inner">
            <div style="max-width:1180px; margin-inline:auto; padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,1.5rem);">
                <div class="page-head-col">
                    <div class="page-eyebrow" style="margin-bottom:1rem;"><span class="ico"><i class="{{ $c['header.eyebrow.icon'] }}"></i></span> {{ $c['header.eyebrow'] }}</div>
                    <h1 class="page-title" style="margin-bottom:1rem;">{{ $c['header.title'] }}</h1>
                    <p class="page-sub">{{ $c['header.subtitle'] }}</p>
                </div>
            </div>
        </div>
    </header>

    <main class="sfl-registration-main mx-auto w-full max-w-[1180px] px-4 sm:px-6">

        {{-- Intro / instructions (Content Manager). --}}
        <section class="panel panel-pad reveal" style="margin-bottom:1rem;">
            <p class="lede" style="margin-bottom:.6rem;">{{ $c['intro.welcome'] }}</p>
            <p style="margin-bottom:.6rem;">{{ $c['intro.instructions'] }}</p>
            <p style="margin-bottom:.6rem;">{{ $c['intro.under18'] }}</p>
            <p style="margin:0;"><span class="id-pill"><i class="fa-light fa-asterisk"></i> {{ $c['intro.required_note'] }}</span></p>
        </section>

        @livewire('registration-form', ['token' => $token])

        <p class="text-center reveal" style="margin:1.5rem 0 2.5rem; color:var(--ink-soft);">
            Already have an account?
            <a href="{{ route('login') }}" style="font-weight:700; color:var(--navy);">Sign in</a>
        </p>
    </main>
</x-public.layout>