{{--
    Apple-glass "Location" popup. Opened by any [data-location-open] trigger (the
    Location menu items) via the 'location:open' window event. Shows the same
    location details as the home Location section (shared component), in the same
    liquid-glass sheet as the RSVP popup.
--}}
@php($wording = app(\App\Services\LandingPageWording::class))
<div x-data="sheetModal('location:open')"
     x-show="open"
     x-cloak
     class="lg-sheetmodal"
     x-transition.opacity
     @keydown.escape.window="close()"
     role="presentation">
    <div class="lg-sheetmodal__backdrop" @click="close()"></div>

    <div class="lg-sheetmodal__sheet"
         role="dialog"
         aria-modal="true"
         aria-label="{{ $wording('landing.location.heading') }}"
         @click.stop>
        <button type="button" class="lg-sheetmodal__close" @click="close()" aria-label="{{ $wording('landing.common.close') }}">&times;</button>
        <div class="lg-sheetmodal__body">
            <p class="lg-eyebrow" style="color: var(--lg-ink-faint);">{{ $wording('landing.location.heading') }}</p>
            <div style="margin-top: 1rem;">
                <x-public.location-details />
            </div>
        </div>
    </div>
</div>