{% extends no_layout is defined and no_layout == true ? view_base_layout : "@ibexadesign/pagelayout.html.twig" %}

{% form_theme form '@ibexadesign/form_field.html.twig' %}
{% block content %}
    <h1>{{ ibexa_render_field( content, 'name' ) }}</h1>
    {% set frmname = "frm-"~locationId %}
    {% if is_valid is defined and is_valid %}
        <div class="confirmation-message" id="download">
            {% if content.fields['success_text'] is defined and not ibexa_field_is_empty( content, "success_text" ) %}
                <div class="att-success-text">
                    {{ ibexa_render_field( content, "success_text" ) }}
                </div>
            {% else %}
                <div class="att-success-text">
                    Vielen Dank f&uuml;r Ihre Nachricht. Wir werden Sie zeitnah bearbeiten!
                </div>
            {% endif %}
        </div>
    {% else %}
        {{ form_start(form, { 'attr': { 'id': frmname} } ) }}
        {% if content.fields['body'] is defined and not ibexa_field_is_empty( content, "body" ) %}
            <div class="mt-3">{{ ibexa_render_field( content, 'body' ) }}</div>
        {% endif %}
        <div id="{{ content.contentType.identifier }}">
            <fieldset>
                <div class="row g-2">
                    {{ form_errors(form) }}
                    {% for key, fieldChilds in content.fields %}
                        {% if form.children[key] is defined %}
                            {% set children = form.children[key] %}
                            {% if children.vars.name in ["input_birthday","input_name_day", 'beginn', 'ende'] %}
                                <div class="col-12">
                                    {{ form_row(children.value, {'type': 'date'}) }}
                                </div>
                            {% elseif children.vars.name in ["input_jpi_literaturdienst"] %}
                                <div class="col-12">
                                    {{ form_widget(children.value, {'label':'Ich m&ouml;chte kostenlos den <a href="https://jpi.donbosco.de/Publikationen/LiteraturDienst-Jugendpastoral" target="_blank">Literaturdienst</a> des Jugendpastoralinstituts abonnieren. / I would like to subscribe free of charge to the Youth Pastoral Institute <a href="https://jpi.donbosco.de/Publikationen/LiteraturDienst-Jugendpastoral" target="_blank">Literature Service</a>.'}) }}
                                </div>
                            {% elseif children.vars.name in ["input_jpi_newsletter"] %}
                                <div class="col-12">
                                    {{ form_widget(children.value, {'label':'Ich m&ouml;chte kostenlos den viertelj&auml;hrlich erscheinenden
                                    <a href="https://jpi.donbosco.de/Service/Newsletter-abonnieren" target="_blank">Newsletter</a> des JPI abonnieren. / I would
                                    like to subscribe free of charge to the JPI\'s tri-monthly <a href="https://jpi.donbosco.de/Service/Newsletter-abonnieren"
                                    target="_blank">newsletter</a>.'}) }}
                                </div>
                            {% elseif children.vars.name in ["input_termininfos"] %}
                                <div class="col-12">
                                    {{ form_widget(children.value, {'label':'Ich m&ouml;chte &uuml;ber die weiteren Termine der <a href="https://jpi.donbosco.de/Aktuelles/Don-Bosco-talk-online" target="_blank">"Don Bosco Talks online"</a> mit einer separaten E-Mail informiert werden. / I would like to be informed about the further dates of the <a href="https://jpi.donbosco.de/Aktuelles/Don-Bosco-talk-online" target="_blank">"Don Bosco Talks online"</a> with a separate e-mail.'}) }}
                                </div>
                            {% elseif children.vars.name in ["opt_in_contactdata"] or children.vars.name in ["input_datenuebermittlung"] %}
                                <div class="col-12">
                                    {{ form_widget(children.value, {'label':'Ich bin damit einverstanden, von der Don Bosco Medien GmbH, der Deutschen Provinz der Salesianer Don Boscos, der Österreichischen Provinz der Salesianer Don Boscos und der Deutschsprachigen Provinz der Don Bosco Schwestern per E-Mail und Post Informationen, Produkthinweise und Spendenwerbung zu erhalten. Diese Einwilligung kann ich jederzeit widerrufen, beispielsweise per E-Mail an <a href="mailto:redaktion@donbosco-magazin.eu">redaktion@donbosco-magazin.eu</a>.'}) }}
                                </div>
                            {% elseif children.vars.name in ["abweichende_rechnungsanschrift"] %}
                                <div class="col-12">
                                    {{ form_row(children.value, {'value':collected_fields[children.vars.name].fieldDefinition.defaultValue.__toString}) }}
                                </div>
                                <div id="rechnung" class="w-100">
                            {% elseif children.vars.name in ["rechnung_e_mail"] %}
                                <div class="col-12">
                                    {{ form_row(children.value, {'value':collected_fields[children.vars.name].fieldDefinition.defaultValue.__toString}) }}
                                </div>
                                </div>
                            {% elseif children.vars.name in ["vegetarisch"] %}
                            <div class="col-12">
                                <h2>Verpflegung<small> (bitte ankreuzen, falls zutreffend)</small>:</h2>
                            </div>
                                <div class="col-12">
                                    {{ form_row(children.value, {'value':collected_fields[children.vars.name].fieldDefinition.defaultValue.__toString}) }}
                                </div>
                            {% elseif children.vars.name != "captcha" %}
                                <div class="col-12">
                                    {% if collected_fields[children.vars.name] is defined and collected_fields[children.vars.name].fieldDefinition.defaultValue.__toString is defined %}
                                        {{ form_row(children.value, {'value':collected_fields[children.vars.name].fieldDefinition.defaultValue.__toString}) }}
                                    {% else %}
                                        {{ form_widget(children)}}
                                    {% endif %}
                                </div>
                            {% endif %}
                        {% elseif key in ['important_price'] %}
                            <div class="col-12"><h3>{{ ibexa_render_field( content, key ) }}</h3></div>
                        {% elseif key in ['infozeile'] %}
                            <div class="col-12"><p>{{ ibexa_render_field( content, key ) }}</p></div>
                        {% elseif key in ['teilnahmebedingungen']  or key in ['content_uebernachtung'] %}
                            <div class="col-12">{{ ibexa_render_field( content, key ) }}</div>
                        {% elseif key not in ['short_description', 'subject', 'recipient', 'body', 'success_text', 'author', 'tags', 'name', 'title', 'titel', 'recipientneu', 'sender', 'subject_for_autoresponse'] %}
                            <div class="col-12">
                                <h2>{{ ibexa_render_field( content, key ) }}</h2>
                            </div>
                        {% endif %}
                    {% endfor %}
                </div>
            </fieldset>

            <div class="block">
                <div class="form-group button-area mt-3">
                    <button type="submit"
                            class="defaultbutton">{{ 'send'|trans }}</button>
                </div>
                {{ form_rest(form) }}
                {{ form_end(form) }}
            </div>
        </div>

        <script>
            document.addEventListener("DOMContentLoaded", function () {
                // Initial check to show or hide the #rechnung element
                const abweichendeCheckbox = document.getElementById("{{ form.vars.name}}_abweichende_rechnungsanschrift_value");
                const rechnungElement = document.getElementById("rechnung");

                function toggleRechnungVisibility() {
                    if (abweichendeCheckbox.checked) {
                        rechnungElement.style.display = "block";
                    } else {
                        rechnungElement.style.display = "none";
                    }
                }

                toggleRechnungVisibility();

                // Listen for changes on the checkbox
                abweichendeCheckbox.addEventListener("change", toggleRechnungVisibility);

            });

        </script>
    {% endif %}
{% endblock %}