@extends('layouts.dashboard')

@section('title', $holiday->exists ? 'Edit public holiday' : 'Add public holiday')

@section('content')
    <h1 class="font-display text-3xl mb-6">{{ $holiday->exists ? 'Edit public holiday' : 'Add public holiday' }}</h1>

    <form method="POST" action="{{ $holiday->exists ? route('dashboard.public-holidays.update', $holiday) : route('dashboard.public-holidays.store') }}" class="card p-6 space-y-4 max-w-xl">
        @csrf
        @if ($holiday->exists) @method('PUT') @endif

        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <x-dashboard-field name="date" label="Date" type="date" :value="$holiday->date?->format('Y-m-d')" required />
            <div>
                <label for="area" class="label block mb-1">Region (depot area)</label>
                <input id="area" name="area" list="area-options" value="{{ old('area', $holiday->area) }}" class="input" placeholder="Leave blank for every area">
                <datalist id="area-options">
                    @foreach ($areas as $area)
                        <option value="{{ $area }}">
                    @endforeach
                </datalist>
                <p class="text-xs text-muted mt-1">Matches a town's area column — a Devonport-only holiday won't block a Launceston delivery, and vice versa.</p>
            </div>
        </div>

        <x-dashboard-field name="name" label="Name" :value="$holiday->name" required />

        <label class="flex items-center gap-2 text-sm">
            <input type="checkbox" name="is_placeholder" value="1" @checked(old('is_placeholder', $holiday->is_placeholder ?? true))>
            Still unverified against a primary source
        </label>

        <button type="submit" class="btn btn-primary">Save</button>
    </form>
@endsection