{% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}
{% block utilities_offcanvas %}
<div class="store-locator-offcanvas-container" data-store-locator-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 %}
<h2 id="store-locator-offcanvas-title">{{ "general.storeLocatorOffcanvas.headline"|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="header-search header-search-col col-12 my-4">
<form action="#"
method="POST"
id="store-locator-search-form"
class="header-search-form">
<div class="input-group">
<input type="search"
name="search"
class="form-control header-search-input"
placeholder="{{ "general.storeLocatorOffcanvas.searchPlaceholder"|trans|sw_sanitize }}"
aria-label="{{ "general.storeLocatorOffcanvas.searchPlaceholder"|trans|sw_sanitize }}"
value="" />
<div class="input-group-append">
<button type="submit"
class="btn header-search-btn"
aria-label="{{ "header.searchButton"|trans|striptags }}">
<span class="header-search-icon">
{% sw_icon 'search' style {'pack' : 'globus_icons'} %}
</span>
</button>
<button class="btn header-search-btn btn-clear-search d-none js-clear-search">
<span class="header-search-icon d-flex">
{% sw_icon 'x' style { 'size': 'sm' } %}
</span>
</button>
</div>
</div>
</form>
</div>
<div class="wrapper">
{% block store_locator_offcanvas_store_item %}
<div class="store-item">
<input type="radio" name="storeSelection" value="" id="store-" class="store-input">
<label class="name store-label" for="store-"></label>
<div class="address"></div>
<a class="additional-info-link" href="javascript:;">{{ "general.storeLocatorOffcanvas.additionDetailButton"|trans|sw_sanitize }}</a>
<div class="additional-info invisible">
{% 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>
<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 class="store-actions mt-3">
{% block store_locator_offcanvas_store_item_additional_info_actions %}
<div class="action-btn">
<a class="maps-link" target="_blank" href="#">{% sw_icon 'icon_map-pin' style { 'pack' : 'globus_icons' } %} zum Routenplaner</a>
</div>
<div class="header-btn spacer mx-3">|</div>
<div class="action-btn">
<a class="store-link" href="#">{% sw_icon 'store_s' style { 'pack' : 'globus_icons' } %} zur Marktseite</a>
</div>
{% endblock %}
</div>
</div>
</div>
{% endblock %}
</div>
<div class="product-availability-wrapper mt-2 d-none">
<span class="delivery-status-indicator "></span> <span class="status-text"></span>
</div>
</div>
{% endblock %}
</div>
<form id="store-form" class="store-listing">
{{ sw_csrf('frontend.ianeo-store-locator.switch-store') }}
</form>
<form id="test-availability" class="d-none">
{{ sw_csrf('frontend.ianeo.test-availability') }}
</form>
{% endblock %}
</div>
<div class="store-locator-footer">
{% block store_locator_offcanvas_footer %}
<button class="btn btn-secondary abort">{{ "general.storeLocatorOffcanvas.cancelButton"|trans|sw_sanitize }}</button>
<button type="submit" form="store-form" class="btn btn-primary apply" disabled="disabled">{{ "general.storeLocatorOffcanvas.confirmButton"|trans|sw_sanitize }}</button>
{% endblock %}
</div>
{% endblock %}
{% endblock %}