{% sw_extends '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
{% block page_product_detail_buy_container %}
{{ parent() }}
{% if page.outputFormat is defined and
((page.product.stock > 0 and page.onlyInStock == true) or page.onlyInStock == false) and
page.currentHour < page.orderDeadline %}
{# Ermöglicht es die Daten in JS zu nutzen #}
<div id="zweipunkt-delivery-data"
data-output-format="{{ page.outputFormat }}"
data-order-deadline="{{ page.orderDeadline }}"
data-current-hour="{{ page.currentHour }}"
data-message-order-within-minutes="{{ 'zweipunkt.samedaydelivery.order-within-minutes'|trans|sw_sanitize }}"
data-message-order-within-hours="{{ 'zweipunkt.samedaydelivery.order-within-hours'|trans|sw_sanitize }}"
data-message-order-until="{{ 'zweipunkt.samedaydelivery.order-until'|trans|sw_sanitize }}">
</div>
<div role="alert" class="alert alert-{{ page.viewBanner }} alert-has-icon">
{% sw_icon 'marketing' %}
<div class="alert-content-container">
<div class="alert-content" id="zweipunkt-same-day-delivery">
{# Inhalt wird mit JS erstellt #}
</div>
</div>
</div>
{% elseif page.vacationMessage %}
<div role="alert" class="alert alert-{{ page.viewBanner }} alert-has-icon">
{% sw_icon 'emoji' %}
<div class="alert-content-container">
<div class="alert-content">
{{ page.vacationMessage }}
</div>
</div>
</div>
{% endif %}
{% endblock %}