{% extends "base.html" %}

{% block content %}
<div class="row justify-content-center mt-4">
    <div class="col-md-8">
        <h2>Neues Event erstellen</h2>
        <form method="post" action="/event/add">
            <div class="mb-3">
                <label for="eventName" class="form-label">Event Name</label>
                <input type="text" class="form-control" id="eventName" name="eventName" required>
            </div>
            
            <div class="mb-3">
                <label for="eventTime" class="form-label">Datum und Uhrzeit</label>
                <input type="datetime-local" class="form-control" id="eventTime" name="eventTime" required>
            </div>

            <div class="mb-3">
                <label for="registrationDeadline" class="form-label">Anmeldungs-Deadline</label>
                <input type="datetime-local" class="form-control" id="registrationDeadline" name="registrationDeadline">
                <small class="form-text text-muted">Leer lassen für Sonntag Abend vor dem Event</small>
            </div>
            
            <div class="mb-3">
                <label for="recipeLink" class="form-label">Rezept-Link</label>
                <input type="text" class="form-control" id="recipeLink" name="recipeLink">
            </div>
            
            <div class="mb-3">
                <label for="eventDescription" class="form-label">Beschreibung</label>
                <textarea class="form-control" id="eventDescription" name="eventDescription" rows="3"></textarea>
            </div>
            
            <button type="submit" class="btn btn-primary">Event erstellen</button>
            <a href="/new-registration-app/static" class="btn btn-secondary">Abbrechen</a>
        </form>
    </div>
</div>
{% endblock %}