{% extends 'layout.html.twig' %}

{% block content %}
    {{ form_start(form) }}
    {% for child in form.participants %}
        {% set participant = child.vars.data %}
        <details{% if not child.vars.valid %} open{% endif %}>
            <summary role="button" class="outline">
                Teilnehmer {{ participant.index }}
            </summary>
            <div class="grid">
                <div>
                    <strong>
                        Unterkunft
                    </strong>
                    <br>
                    {{ booking.roomForParticipant(participant.index).label }}
                </div>
                <div>
                    <strong>
                        Preis
                    </strong>
                    <br>
                    {{ booking.priceForParticipant(participant.index)|format_currency('EUR') }}
                </div>
            </div>
            <hr>
            <fieldset class="grid">
                {{ form_row(child.firstName) }}
                {{ form_row(child.lastName) }}
                {{ form_row(child.gender) }}
            </fieldset>
            <fieldset class="grid">
                {{ form_row(child.dateOfBirth) }}
                {{ form_row(child.nationality) }}
            </fieldset>
            <fieldset class="grid">
                {{ form_row(child.email) }}
                {{ form_row(child.mobile) }}
            </fieldset>
            <fieldset class="grid">
                {{ form_row(child.height) }}
                {{ form_row(child.shoeSize) }}
                {{ form_row(child.weight) }}
            </fieldset>
            <fieldset class="grid">
                {{ form_row(child.courses) }}
                {{ form_row(child.skiPass) }}
            </fieldset>
            <fieldset class="grid">
                {{ form_row(child.additionalServices) }}
                {{ form_row(child.board) }}
            </fieldset>
            <fieldset class="grid">
                {{ form_row(child.rentals) }}
            </fieldset>
            <fieldset class="grid">
                {{ form_row(child.transportationServiceTo) }}
                {{ form_row(child.transportationServiceFro) }}
            </fieldset>
        </details>
    {% endfor %}
    {{ form_rest(form) }}
    <button type="submit">
        Aktualisieren
    </button>
    {{ form_end(form) }}
    <p>
        <button type="button"
                hx-get="{{ path('app_bookings') }}"
                hx-target="#app"
                hx-swap="innerHTML show:top"
                hx-indicator="#loading-indicator">
            zurück
        </button>
    </p>
{% endblock %}