{% block element_moorl_address %}
    <div class="cms-element-{{ element.type }}">
        <div class="card">
            <div class="card-body">
                {% block element_moorl_address_card %}
                    <div class="card-title">
                        {% block element_moorl_address_card_title %}
                            {% sw_icon 'map' style {size:'xs', pack:'fas'} %}
                            {{ "moorl-foundation.card.address"|trans }}
                        {% endblock %}
                    </div>

                    {% block element_moorl_address_card_body %}
                        <p itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
                            {% if element.data.additionalAddressLine1 %}
                                {{ element.data.additionalAddressLine1 }}<br>
                            {% endif %}
                            {% if element.data.additionalAddressLine2 %}
                                {{ element.data.additionalAddressLine2 }}<br>
                            {% endif %}
                            <span itemprop="streetAddress">{{ element.data.street }} {{ element.data.streetNumber }}</span><br>
                            <span itemprop="postalCode">{{ element.data.zipcode }}</span>
                            <span itemprop="addressLocality">
                                {{ element.data.city }}<br>
                                {% if element.data.countryState %}
                                    {{ element.data.countryState.translated.name }}
                                {% endif %}
                                {% if element.data.country %}
                                    {{ element.data.country.translated.name }}
                                {% endif %}
                            </span>
                        </p>

                        {% if element.data.locationPlaceId %}
                            <p>
                                <a href="https://www.google.com/maps/search/?api=1&query={{ element.data.city }}&query_place_id={{ element.data.locationPlaceId }}" target="_blank" rel="noopener">
                                    {{ "moorl-foundation.buttons.placeIdLink"|trans }}
                                </a>
                            </p>
                        {% endif %}
                    {% endblock %}
                {% endblock %}
            </div>
        </div>
    </div>
{% endblock %}