{{--
    Apple-glass "Share Wishes" popup. Reuses the same liquid-glass sheet and the
    same RSVP form as the "We'll miss you" popup, but opens straight on the
    wishes step (wishesOnly). Any [data-wishes-open] trigger opens it via the
    'wishes:open' window event. Bottom-sheet on mobile, centred glass on desktop.
--}}
@php($wording = app(\App\Services\LandingPageWording::class))
<div x-data="sheetModal('wishes: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.rsvp.wishes_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">
            <livewire:rsvp-form :popup="true" :wishesOnly="true" />
        </div>
    </div>
</div>