{% capture append = "oxidBlock_content" %}
    {% if oView.getContactSendStatus() %}
        {% set _statusMessage = "CONTACT_THANKYOU1"|translate ~ " " ~ oxcmp_shop.oxshops__oxname.value %}
        {% set _statusMessageSuffix = "CONTACT_THANKYOU2"|translate %}
        {% include "message/notice.html.twig" with {statusMessage: _statusMessage ~ statusMessageSuffix} %}

    {% else %}
        <h1 class="c4s-page-header">{{ translate({ ident: "CONTACT_PAGE_HEADING" }) }}</h1>

        {% set sGoogleMapsAddr = oViewConf.getViewThemeParam("sGoogleMapsAddr") %}
        {% if sGoogleMapsAddr %}
            {{ script({ include: "js/libs/pages/contact.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}

            <div class="row">
                {% block info_contact_map %}
                    <div class="col-12">
                        <div class="google-maps">
                            <figure>
                                <iframe width="100%" height="400" style="width:100%;" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.de/maps?t=m&amp;q={{ sGoogleMapsAddr|urlencode }}&amp;ie=UTF8&amp;hq={{ sGoogleMapsAddr|urlencode }}&amp;output=embed"></iframe>
                            </figure>
                        </div>
                    </div>
                {% endblock %}
            </div>
        {% endif %}

        <div class="row">
            {% block info_contact_address %}
                <div class="col-12 col-lg-3 float-end">
                    <h2>{{ translate({ ident: "CONTACT_ADDRESS_HEADING" }) }}</h2>
                    <div>
                        <address>
                            <strong>{{ oxcmp_shop.oxshops__oxcompany.value }}</strong><br>
                            <span>
                                <span>{{ oxcmp_shop.oxshops__oxstreet.value }}</span><br>
                                <span>{{ oxcmp_shop.oxshops__oxzip.value }}</span> {{ oxcmp_shop.oxshops__oxcity.value }}<br>
                                {{ oxcmp_shop.oxshops__oxcountry.value }}<br>
                                <span class="d-none">{{ oxcmp_shop.oxshops__oxcity.value }}, {{ oxcmp_shop.oxshops__oxcountry.value }}</span>
                            </span>
                            {% if oxcmp_shop.oxshops__oxtelefon.value %}
                                <strong>{{ translate({ ident: "PHONE", suffix: "COLON" }) }}</strong> <span>{{ oxcmp_shop.oxshops__oxtelefon.value }}</span><br>
                            {% endif %}
                            {% if oxcmp_shop.oxshops__oxtelefax.value %}
                                <strong>{{ translate({ ident: "FAX", suffix: "COLON" }) }}</strong> <span>{{ oxcmp_shop.oxshops__oxtelefax.value }}</span><br>
                            {% endif %}
                            {% if oxcmp_shop.oxshops__oxinfoemail.value %}
                                <strong>{{ translate({ ident: "EMAIL", suffix: "COLON" }) }}</strong> <span>{{ mailto(oxcmp_shop.oxshops__oxinfoemail.value) }}</span><br>
                            {% endif %}
                            <span class="d-none">{{ oViewConf.getHomeLink()|raw }}</span>
                        </address>
                    </div>
                </div>
            {% endblock %}

            {% block info_contact_form %}
                <div class="col-12 col-lg-9">
                    <h2>{{ translate({ ident: "CONTACT_FORM_HEADING" }) }}</h2>
                    {% include "form/contact.html.twig" %}
                </div>
            {% endblock %}
        </div>
    {% endif %}

    {{ insert_tracker({title: template_title}) }}
{% endcapture %}

{% include "layout/page.html.twig" %}