{% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}
{% block utilities_offcanvas %}
<div class="store-locator-offcanvas-container" data-my-store-content="true">
{{ parent() }}
</div>
{% endblock %}
{% block utilities_offcanvas_close %}
{% endblock %}
{% block utilities_offcanvas_close_text %}{% endblock %}
{% block utilities_offcanvas_content %}
{% block page_store_locator_container %}
<div class="store-locator-header">
{% block store_locator_offcanvas_header %}
<h6 id="my-store-offcanvas-title">{{ "general.storeLocatorOffcanvas.myStoreHeadline"|trans|sw_sanitize }}</h6>
<h2 id="my-store-selection-offcanvas-title">{{ "general.storeLocatorOffcanvas.myStoreSelectionHeadline"|trans|sw_sanitize }}</h2>
{% sw_icon 'close_m' style { 'pack' : 'globus_icons' } %}
{% endblock %}
</div>
<div class="store-locator-content">
{% block store_locator_offcanvas_content %}
<div class="wrapper">
{% block store_locator_offcanvas_store_item %}
<div class="my-store">
{% set currentStore = page.ianeoCurrentStore|resolveStore %}
{% if currentStore.mediaId is not null %}
{% set mediaCollection = searchMedia([currentStore.mediaId], context.context) %}
{% set media = mediaCollection.get(currentStore.mediaId) %}
<img width="100%" src="{{ media.url|sw_encode_url }}" />
{% endif %}
{% block store_locator_offcanvas_store_item_additional_info %}
<div class="opening-times my-3">
<b>{{ "general.storeLocatorOffcanvas.openingHoursLabel"|trans|sw_sanitize }}</b>
<div class="content"></div>
</div>
<b>{{ "general.storeLocatorOffcanvas.addressLabel"|trans|sw_sanitize }}</b>
<div class="address"></div>
<a class="maps-link" target="_blank" href="#">{% sw_icon 'icon_map-pin' style { 'pack' : 'globus_icons' } %} zum Routenplaner</a>
<div class="contact-info">
<b>{{ "general.storeLocatorOffcanvas.contactLabel"|trans|sw_sanitize }}</b>
<div class="content">
<div class="phone">
<span>{{ "general.storeLocatorOffcanvas.phonePrefix"|trans|sw_sanitize }}</span>
<a class="number" href="#"></a>
</div>
{# <div class="fax">#}
{# <span>{{ "general.storeLocatorOffcanvas.faxPrefix"|trans|sw_sanitize }}</span>#}
{# <span class="number"></span>#}
{# </div>#}
<a class="mail" href="#"></a>
</div>
</div>
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
</div>
<div class="store-locator-footer">
{% block store_locator_offcanvas_footer %}
<button class="btn btn-secondary abort change-my-store-button" data-store-locator="true">{{ "general.storeLocatorOffcanvas.changeMyStoreButton"|trans|sw_sanitize }}</button>
<a class="btn btn-primary store-site-button" href="#">
{% sw_icon 'store_m' style {'pack':'globus_icons', 'color': 'white'} %}
{{ "general.storeLocatorOffcanvas.myStoreSiteButton"|trans|sw_sanitize }}
</a>
{% endblock %}
</div>
{% endblock %}
{% endblock %}