@php($event = $event ?? null)
<div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:16px;">
    <div class="form-group"><label class="form-label" for="title">Title</label><input class="input" id="title" name="title" value="{{ old('title', $event?->title) }}" required></div>
    <div class="form-group"><label class="form-label" for="event_type">Type</label>
        <select class="input" id="event_type" name="event_type" required>
            @foreach ($eventTypes ?? \App\Services\School\EventManagementService::EVENT_TYPES as $type)
                <option value="{{ $type }}" @selected(old('event_type', $event?->event_type ?? 'event') === $type)>{{ ucfirst($type) }}</option>
            @endforeach
        </select>
    </div>
    <div class="form-group"><label class="form-label" for="starts_at">Starts</label><input class="input" type="datetime-local" id="starts_at" name="starts_at" value="{{ old('starts_at', optional($event?->starts_at)->format('Y-m-d\TH:i')) }}" required></div>
    <div class="form-group"><label class="form-label" for="ends_at">Ends</label><input class="input" type="datetime-local" id="ends_at" name="ends_at" value="{{ old('ends_at', optional($event?->ends_at)->format('Y-m-d\TH:i')) }}"></div>
    <div class="form-group"><label class="form-label" for="location">Location</label><input class="input" id="location" name="location" value="{{ old('location', $event?->location) }}"></div>
    <div class="form-group"><label class="form-label" for="audience">Audience</label>
        <select class="input" id="audience" name="audience">
            @foreach ($audiences ?? \App\Services\School\EventManagementService::AUDIENCES as $audience)
                <option value="{{ $audience }}" @selected(old('audience', $event?->audience ?? 'all') === $audience)>{{ ucfirst($audience) }}</option>
            @endforeach
        </select>
    </div>
    <div class="form-group"><label class="form-label" for="contact_person">Contact Person</label><input class="input" id="contact_person" name="contact_person" value="{{ old('contact_person', $event?->contact_person) }}"></div>
    <div class="form-group"><label class="form-label" for="contact_phone">Contact Phone</label><input class="input" id="contact_phone" name="contact_phone" value="{{ old('contact_phone', $event?->contact_phone) }}"></div>
    @if (! empty($statuses))
        <div class="form-group"><label class="form-label" for="status">Status</label>
            <select class="input" id="status" name="status">
                @foreach ($statuses as $status)<option value="{{ $status }}" @selected(old('status', $event?->status ?? 'scheduled') === $status)>{{ ucfirst(str_replace('_', ' ', $status)) }}</option>@endforeach
            </select>
        </div>
    @endif
    <div class="form-group"><label class="form-label" for="max_attendees">Max Attendees</label><input class="input" type="number" id="max_attendees" name="max_attendees" value="{{ old('max_attendees', $event?->max_attendees) }}"></div>
    <div class="form-group" style="display:flex;align-items:center;gap:8px;padding-top:28px;">
        <input type="checkbox" id="registration_required" name="registration_required" value="1" @checked(old('registration_required', $event?->registration_required ?? false))>
        <label for="registration_required">Registration required</label>
    </div>
    <div class="form-group" style="grid-column:span 2;"><label class="form-label" for="description">Description</label><textarea class="input" id="description" name="description" rows="4">{{ old('description', $event?->description) }}</textarea></div>
</div>