{% extends 'base.html.twig' %}
{% block title %}Wartelistenplatz buchen{% endblock %}

{% block content %}
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-8 col-lg-6">
            <div class="card shadow">
                <div class="card-body">
                    <h2 class="mb-4 text-primary">
                        <i class="fas fa-user-clock me-2"></i>Wartelistenplatz buchen
                    </h2>
                    {% if error %}
                        <div class="alert alert-danger">{{ error }}</div>
                    {% endif %}
                    <form method="post">
                        <div class="mb-3">
                            <label class="form-label">Vorname</label>
                            <input type="text" class="form-control" value="{{ waitingList.firstName }}" readonly>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Nachname</label>
                            <input type="text" class="form-control" value="{{ waitingList.lastName }}" readonly>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">E-Mail</label>
                            <input type="email" class="form-control" value="{{ waitingList.email }}" readonly>
                        </div>
                        {% for index, field in extraFields %}
                            <div class="mb-3">
                                <label class="form-label">{{ field.label }}{% if field.required %} *{% endif %}</label>
                                {% if field.type == 'text' %}
                                    <input type="text" class="form-control" name="extra_{{ index }}" {% if field.required %}required{% endif %}>
                                {% elseif field.type == 'email' %}
                                    <input type="email" class="form-control" name="extra_{{ index }}" {% if field.required %}required{% endif %}>
                                {% elseif field.type == 'tel' %}
                                    <input type="tel" class="form-control" name="extra_{{ index }}" {% if field.required %}required{% endif %}>
                                {% elseif field.type == 'date' %}
                                    <input type="date" class="form-control" name="extra_{{ index }}" {% if field.required %}required{% endif %}>
                                {% elseif field.type == 'textarea' %}
                                    <textarea class="form-control" name="extra_{{ index }}" rows="3" {% if field.required %}required{% endif %}></textarea>
                                {% elseif field.type == 'select' %}
                                    <select class="form-select" name="extra_{{ index }}" {% if field.required %}required{% endif %}>
                                        <option value="">Bitte wählen...</option>
                                        {% for opt in field.options %}
                                            <option value="{{ opt }}">{{ opt }}</option>
                                        {% endfor %}
                                    </select>
                                {% else %}
                                    <input type="text" class="form-control" name="extra_{{ index }}" {% if field.required %}required{% endif %}>
                                {% endif %}
                            </div>
                        {% endfor %}
                        <button type="submit" class="btn btn-success">
                            <i class="fas fa-check me-2"></i>Platz verbindlich buchen
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}