<x-modal.content modal-class="modal--wide modal--square modal--event">
    <x-modal.title class="input">
        @if ($event->exists)
            <h2>{{ __('Edit event details') }}</h2>
        @else
            <label for="event-natural-input" class="sr-only">Describe event</label>
            <x-input.text
                id="event-natural-input"
                type="text"
                class="input--lg"
                placeholder="Start typing to create an event..."
                data-natural-event-input
                autofocus
            />
        @endif
    </x-modal.title>
    <x-modal.body class="no-margin">
        @include('event.partials.form', [
            'calendar' => $calendar,
            'event' => $event,
            'start' => $start,
            'end' => $end,
            'rrule' => $rrule,
            'isModal' => true,
        ])
    </x-modal.body>
    <x-modal.footer>
        <x-button variant="secondary" onclick="this.closest('dialog')?.close()">
            {{ __('common.cancel') }}
        </x-button>
        <x-button variant="primary" type="submit" form="event-form">
            {{ $event->exists ? __('common.save') : __('Create event') }}
        </x-button>
    </x-modal.footer>
</x-modal.content>
