@extends('layouts.app')
@section('title', 'Termin planen')
@section('content')
<div class="max-w-4xl">
    <a class="text-link" href="{{ route('events.index') }}">← Zurück zum Dienstplan</a>
    <h1 class="page-title mt-3">Termin planen</h1>
    <p class="page-subtitle">Wiederholungen werden als konkrete, einzeln bearbeitbare Termine angelegt.</p>
    <form method="post" action="{{ route('events.store') }}" class="panel mt-7 p-6">
        @csrf
        <div class="grid gap-5 md:grid-cols-2">
            <label class="field-label md:col-span-2">Titel<input class="field mt-1" name="title" value="{{ old('title') }}" required autofocus></label>
            <label class="field-label">Organisation<select class="field mt-1" name="organization_id" required>@foreach($organizations as $organization)<option value="{{ $organization->id }}">{{ $organization->name }}</option>@endforeach</select></label>
            <label class="field-label">Art<select class="field mt-1" name="type"><option value="watch_duty">Wachdienst</option><option value="exercise">Übung</option><option value="meeting">Sitzung</option><option value="other">Sonstiges</option></select></label>
            <label class="field-label">Beginn<input class="field mt-1" type="datetime-local" name="starts_at" value="{{ old('starts_at') }}" required></label>
            <label class="field-label">Ende<input class="field mt-1" type="datetime-local" name="ends_at" value="{{ old('ends_at') }}" required></label>
            <label class="field-label">Ort<input class="field mt-1" name="location" value="{{ old('location') }}"></label>
            <label class="field-label">Tags <span class="font-normal text-slate-500">(kommagetrennt)</span><input class="field mt-1" name="tags" value="{{ old('tags') }}"></label>
            <label class="field-label md:col-span-2">Beschreibung<textarea class="field mt-1 min-h-28" name="description">{{ old('description') }}</textarea></label>
        </div>
        <fieldset class="mt-7 rounded-xl border border-slate-200 bg-slate-50 p-5">
            <legend class="px-2 font-bold">Wiederholung</legend>
            <div class="grid gap-4 sm:grid-cols-2"><label class="field-label">Anzahl Termine<input class="field mt-1" type="number" name="repeat_count" value="1" min="1" max="52"></label><label class="field-label">Abstand in Wochen<input class="field mt-1" type="number" name="repeat_interval_weeks" value="1" min="1" max="12"></label></div>
        </fieldset>
        <div class="mt-6 flex justify-end gap-3"><a class="button-secondary" href="{{ route('events.index') }}">Abbrechen</a><button class="button-primary">Termin anlegen</button></div>
    </form>
</div>
@endsection