{{--
    Fixed "Good to know" block on the public home: the event fee (when paid),
    attendance requirements, and the organiser's contact details. Each row is
    rendered only when it has content, and the whole section is skipped when
    everything is empty — so existing events show nothing new by default.
    All values come from the event settings; nothing is hardcoded.
--}}
@php
    $settings = app(\App\Settings\WeddingSettings::class);
    $wording = app(\App\Services\LandingPageWording::class);
    $fee = $settings->feeDisplay();
    $requirements = $settings->requirements();
    $contacts = $settings->contacts();
    $contactGroups = [];

    foreach ($contacts as $contact) {
        $contactGroups[$contact['side']][] = $contact;
    }
@endphp

@if ($fee || $requirements !== [] || $contacts !== [])
    <section id="details" class="lg-section lg-shell" data-reveal>
        <p class="lg-eyebrow">{{ $wording('landing.details.heading') }}</p>
        <div class="lg-panel" style="padding: clamp(1.6rem, 4vw, 2.5rem); margin-top: 1rem;">
            <div class="row g-4">
                @if ($fee)
                    <div class="col-12 col-md-6">
                        <p class="lg-label" style="margin-bottom: 0.4rem;">{{ $wording('landing.details.fee') }}</p>
                        <p class="lg-display" style="font-size: 1.6rem; margin: 0;">{{ $fee }}</p>
                        @if (trim((string) $settings->fee_notes) !== '')
                            <p style="margin: 0.4rem 0 0; color: var(--lg-ink-soft);">{{ $settings->fee_notes }}</p>
                        @endif
                    </div>
                @endif

                @if ($requirements !== [])
                    <div class="col-12 col-md-6">
                        <p class="lg-label" style="margin-bottom: 0.6rem;">{{ $wording('landing.details.requirements') }}</p>
                        <ul class="lg-list" style="margin: 0; padding-left: 1.1rem; color: var(--lg-ink-soft);">
                            @foreach ($requirements as $requirement)
                                <li style="margin-bottom: 0.35rem;">{{ $requirement }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                @if ($contacts !== [])
                    <div class="col-12" aria-labelledby="contact-details-title">
                        <h2 id="contact-details-title" class="lg-section-title lg-contact-heading">{{ $wording('landing.details.contact') }}</h2>
                        <div class="lg-contact-groups">
                            @foreach (\App\Enums\EventContactSide::cases() as $side)
                                @php($sideContacts = $contactGroups[$side->value] ?? [])
                                @continue($sideContacts === [])

                                <section class="lg-contact-group" aria-labelledby="contact-group-{{ $side->value }}">
                                    <h3 id="contact-group-{{ $side->value }}" class="lg-chip lg-chip-accent lg-contact-group__label">{{ $side->label() }}</h3>
                                    <div class="lg-contact-group__people">
                                        @foreach ($sideContacts as $contact)
                                            @php($accessibleName = $contact['name'] !== '' ? $contact['name'] : $side->label())
                                            <article class="lg-contact-card">
                                                @if ($contact['name'] !== '')
                                                    <p class="lg-contact-card__name">{{ $contact['name'] }}</p>
                                                @endif
                                                <div class="lg-contact-card__actions">
                                                    @if ($contact['phone'] !== '')
                                                        <a href="tel:{{ preg_replace('/[^0-9+]/', '', $contact['phone']) }}" class="lg-contact-action" aria-label="{{ $wording('landing.details.call') }}: {{ $accessibleName }}">
                                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                                                <path d="M7.1 3.5 9.8 3l2 5-2.1 1.5a14.4 14.4 0 0 0 4.8 4.8l1.5-2.1 5 2-.5 2.7a3.2 3.2 0 0 1-3.2 2.6A12.8 12.8 0 0 1 4.5 6.7a3.2 3.2 0 0 1 2.6-3.2Z" />
                                                            </svg>
                                                        </a>
                                                    @endif
                                                    @if ($contact['whatsapp'] !== '')
                                                        <a href="https://wa.me/{{ preg_replace('/[^0-9]/', '', $contact['whatsapp']) }}" target="_blank" rel="noopener noreferrer" class="lg-contact-action" aria-label="{{ $wording('landing.details.whatsapp') }}: {{ $accessibleName }}">
                                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                                                <path d="M20.2 11.7a8.2 8.2 0 0 1-12.1 7.2L3 20.5l1.6-5.1a8.2 8.2 0 1 1 15.6-3.7Z" />
                                                                <path d="M8.2 7.7c.4 3.8 2.3 5.7 6.1 6.1l1.1-1.6 2.1.9c-.2 1.7-1.4 2.8-3.1 2.8-4.4-.4-7.9-3.9-8.3-8.3 0-1.7 1.1-2.9 2.8-3.1l.9 2.1-1.6 1.1Z" />
                                                            </svg>
                                                        </a>
                                                    @endif
                                                    @if ($contact['email'] !== '')
                                                        <a href="mailto:{{ $contact['email'] }}" class="lg-contact-action" aria-label="{{ $wording('landing.details.email') }}: {{ $accessibleName }}">
                                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                                                <rect x="3" y="5" width="18" height="14" rx="2" />
                                                                <path d="m4 7 8 6 8-6" />
                                                            </svg>
                                                        </a>
                                                    @endif
                                                </div>
                                            </article>
                                        @endforeach
                                    </div>
                                </section>
                            @endforeach
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </section>
@endif