{% extends 'waiting_list/_layout.html.twig' %}
{% block title %}Wartelistenplatz buchen{% endblock %}

{% block content %}
<h1 class="h4 mb-4 text-primary">
    <i class="fas fa-user-clock me-2"></i>Wartelistenplatz buchen
</h1>
{% if error is defined and 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>
{% endblock %}