{% capture append = "oxidBlock_content" %}
    {% if oView.getContactSendStatus() %}
        {% set _statusMessage = "PAGE_DETAILS_THANKYOUMESSAGE1"|translate|cat(" ")|cat(oxcmp_shop.oxshops__oxname.value) %}
        {% set _statusMessageSuffix = "PAGE_DETAILS_THANKYOUMESSAGE2"|translate %}
        {% include "message/notice.html.twig" with {statusMessage: _statusMessage|cat(_statusMessageSuffix)} %}
    {% endif %}

    {% set sGoogleMapsAddr = oViewConf.getViewThemeParam('sGoogleMapsAddr') %}
    {% if sGoogleMapsAddr %}
        {# oxscript include="js/libs/pages/contact.min.js" priority=10 #}

        <div class="google-maps mb-5">
            <iframe width="100%" height="400" style="width:100%;" frameborder="0" src="https://www.google.de/maps?t=m&amp;q={{ sGoogleMapsAddr|urlencode }}&amp;ie=UTF8&amp;hq={{ sGoogleMapsAddr|urlencode }}&amp;output=embed"></iframe>
        </div>

    {% endif %}
    <div class="container-xxl mb-5">
        <div class="row">
            <div class="col-12">
                <h1>{{ translate({ ident: "DD_CONTACT_PAGE_HEADING" }) }}</h1>
            </div>
            <div class="col-12 col-lg-3 order-2">
                <h2>{{ translate({ ident: "ADDRESS" }) }}</h2>
                <div itemscope itemtype="https://schema.org/Organization">
                    <address>
                        <strong itemprop="name">{{ oxcmp_shop.oxshops__oxcompany.value }}</strong><br>
                        <span class="d-block" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
                            <span itemprop="streetAddress">{{ oxcmp_shop.oxshops__oxstreet.value }}</span><br>
                            <span itemprop="postalCode">{{ oxcmp_shop.oxshops__oxzip.value }}</span> {{ oxcmp_shop.oxshops__oxcity.value }}<br>
                            {{ oxcmp_shop.oxshops__oxcountry.value }}<br>
                            <span itemprop="addressLocality">{{ 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 itemprop="telephone">{{ oxcmp_shop.oxshops__oxtelefon.value }}</span><br>
                        {% endif %}
                        {% if oxcmp_shop.oxshops__oxtelefax.value %}
                            <strong>{{ translate({ ident: "FAX", suffix: "COLON" }) }}</strong> <span itemprop="faxNumber">{{ oxcmp_shop.oxshops__oxtelefax.value }}</span><br>
                        {% endif %}
                        {% if oxcmp_shop.oxshops__oxinfoemail.value %}
                            <strong>{{ translate({ ident: "EMAIL", suffix: "COLON" }) }}</strong> <span itemprop="email">{{ mailto(oxcmp_shop.oxshops__oxinfoemail.value) }}</span><br>
                        {% endif %}
                        <span itemprop="url">{{ oViewConf.getHomeLink()|raw }}</span>
                    </address>
                </div>
            </div>
            <div class="col-12 col-lg-9 order-1">
                <h2>{{ translate({ ident: "DD_CONTACT_FORM_HEADING" }) }}</h2>
                {% include "form/contact.html.twig" %}
            </div>
        </div>
    </div>
    {{ insert_tracker({title: template_title}) }}
{% endcapture %}

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