@extends('layouts.app')

@section('title', $event ? 'Event bearbeiten' : 'Event erstellen')

@section('content')
<div class="container-xxl mt-4">
    <h1>{{ $event ? 'Event bearbeiten' : 'Neues Event / Raum blocken' }}</h1>

    <form method="POST" action="{{ $event ? route('calendar.event.edit', $event->id) : route('calendar.event.add') }}">
        @csrf

        <div class="mb-3">
            <label for="roomId" class="form-label">Raum</label>
            <select class="form-select" id="roomId" name="roomId" required>
                <option value="">Bitte waehlen</option>
                @foreach($rooms as $room)
                    <option value="{{ $room->id }}" {{ old('roomId', $event?->roomId) == $room->id ? 'selected' : '' }}>{{ $room->label }}</option>
                @endforeach
            </select>
            @error('roomId') <div class="text-danger">{{ $message }}</div> @enderror
        </div>

        <div class="mb-3">
            <label for="label" class="form-label">Titel</label>
            <input type="text" class="form-control" id="label" name="label" value="{{ old('label', $event?->label) }}" required>
            @error('label') <div class="text-danger">{{ $message }}</div> @enderror
        </div>

        <div class="mb-3">
            <label for="description" class="form-label">Beschreibung</label>
            <textarea class="form-control" id="description" name="description" rows="3">{{ old('description', $event?->description) }}</textarea>
        </div>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label for="startTimestamp" class="form-label">Start</label>
                <input type="datetime-local" class="form-control" id="startTimestamp" name="startTimestamp"
                       value="{{ old('startTimestamp', $event ? date('Y-m-d\TH:i', $event->startTimestamp) : '') }}" required>
                @error('startTimestamp') <div class="text-danger">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-6 mb-3">
                <label for="endTimestamp" class="form-label">Ende</label>
                <input type="datetime-local" class="form-control" id="endTimestamp" name="endTimestamp"
                       value="{{ old('endTimestamp', $event ? date('Y-m-d\TH:i', $event->endTimestamp) : '') }}" required>
                @error('endTimestamp') <div class="text-danger">{{ $message }}</div> @enderror
            </div>
        </div>

        <button type="submit" class="btn btn-primary">{{ $event ? 'Speichern' : 'Erstellen' }}</button>
        <a href="{{ route('calendar.schedule') }}" class="btn btn-secondary">Abbrechen</a>

        @if($event)
            <a href="{{ route('calendar.event.delete', $event->id) }}" class="btn btn-danger float-end"
               onclick="return confirm('Event wirklich loeschen?')">Loeschen</a>
        @endif
    </form>
</div>
@endsection