{% extends "@ibexadesign/pagelayout.html.twig" %}
 {% if event %}
     {% set title = "Anmeldung für Veranstaltung " ~event.Title %}
     {% set description = event.Description|striptags|u.truncate(150,'...', false) %}
 {% else %}
     {% set title = 'zuk.event.eventNotFoundTitle'|trans %}
 {% endif %}
{% block headerimage %}
    <div class="image-wrapper">
        <picture>
            {% include '@ibexadesign/events/_event_headerimage.html.twig' %}
        </picture>
    </div>
    <div class="text-wrapper mw-default text-white">
        <h2 class="text-white">{{'zuk.event.registerCheckPageHeadlineOnImage'|trans}}</h2>
    </div>
{% endblock %}
{% block content %}
    {% if event %}
        {% set beginday = eventParseDateTime(event.Begin) %}
        {% set endday = eventParseDateTime(event.End) %}
        {% set begintime = eventParseDateTime(event.Begin,2) %}
        {% set endtime = eventParseDateTime(event.End,2) %}
        <div class="ce-event m-default">
            <h1 class="mw-default text-center mt-5">
                {{ 'zuk.event.registerCheckPageHeadline'|trans({'%1':event.Title}) }}
            </h1>
            <div class="mw-lg-default">
                <div class="row g-2 g-md-4 g-xl-5 justify-content-between">
                    <p>{{'zuk.event.registerCheckPageInfotext'|trans}}</p>
                    <fieldset>
                        {% for address in registration.Addresses %}
                            {% if loop.first %}
                                <legend>{{'zuk.event.registerPersonalInformation'|trans}}</legend>
                                <p>Anrede: {{ address.Salutation }}<br/>
                                    Vorname: {{ address.Surname}}<br/>
                                    Nachname: {{ address.Lastname}}<br/>
                                    Straße und Hausnummer: {{ address.Street}}<br/>
                                    PLZ: {{ address.Zipcode}}<br/>
                                    Ort: {{ address.City}}<br/>
                                    Land: {{ address.Country}}<br/>
                                    Telefon: {% if address.TelephonePrivate %}{{ address.TelephonePrivate}}{% else %}{{ address.TelephoneOfficial}}{% endif %}<br/>
                                    eMail: {% if address.EmailPrivate %}{{ address.EmailPrivate}}{% else %}{{ address.EmailOfficial }}{% endif %}<br/>
                                    Geburtsdatum: {{ eventParseDateTime(address.Birthdate) }} </p>
                            {% else %}
                                <legend>{{'zuk.event.registerPersonalInformationPeople'|trans}}</legend>
                                <p>Anrede: {{ address.Salutation }}<br/>
                                    Vorname: {{ address.Surname}}<br/>
                                    Nachname: {{ address.Lastname}}<br/>
                                    Geburtsdatum: {{ eventParseDateTime(address.Birthdate) }}</p>

                            {% endif %}
                        {% endfor %}
                        <legend>{{ 'zuk.event.registerDatenschutz'|trans }}</legend>
                        <p>{{ 'zuk.event.storno'|trans|raw }}<br/>
                            {{ 'zuk.event.datenverarbeitung'|trans|raw }}<br/>
                            {{ 'zuk.event.datenschutz'|trans|raw }}</p>
                        <legend>{{ 'zuk.event.registerCheckPageAddInformations'|trans }}</legend>
                        <p>{{ registration.Addresses.0.ImportantComment }}</p>
                        <p>{{ registration.Addresses.0.InternalComment }}</p>
                    </fieldset>
                    <p>{{'zuk.event.registerInfoTextBeforButton'|trans}} </p><p><a href="{{ ibexa_path(ibexa_route('event_bookEvent', {'slug': registration.RegistrationId, 'domain': app.request.host })) }}" class="btn btn-secondary">{{ 'zuk.event.registerFinalBookingButtonText'|trans }}</a>
                    <div class="col-12 col-md-7">
                        <p>{{ event.Description|nl2br }}</p>
                    </div>
                    {% include '@ibexadesign/events/_event_content.html.twig' %}
                </div>
                <div class="m-default text-center">
                    <a href="{{ path( "ibexa.url.alias", {"locationId": 52349 } ) }}" class="btn btn-primary">{{ 'zuk.event.all'|trans }}</a>
                </div>
                
            </div>
        </div>
        <div class="ce-contactboxes m-default">
            <h2 class="mw-default text-center">
                {{ 'zuk.event.detailKontaktHeadline'|trans }}
            </h2>
            <div class="cards-wrapper mw-lg-default">
                <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-2 g-md-4 justify-content-center">
                    {% if event.addionalInformations and not ibexa_field_is_empty( event.addionalInformations, 'contactlist' ) %}
                        {% for contentId in ibexa_field_value(event.addionalInformations,"contactlist").destinationContentIds %}
                            {% if isValidContentId(contentId) %}
                                {{ render( controller( "ibexa_content:viewAction", {'contentId': contentId, 'viewType': 'embed', "params": { 'minimalMarkup': true}} ) ) }}
                            {% endif %}
                        {% endfor %}
                    {% else %}
                        {% if isValidContentId(52500) %}
                            {{ render( controller( "ibexa_content:viewAction", {'contentId': 52500, 'viewType': 'embed', "params": { 'minimalMarkup': true}} ) ) }}
                        {% endif %}
                        {% if isValidContentId(52502) %}
                            {{ render( controller( "ibexa_content:viewAction", {'contentId': 52502, 'viewType': 'embed', "params": { 'minimalMarkup': true}} ) ) }}
                        {% endif %}
                    {% endif %}
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}