{% sw_extends '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
{% block page_product_detail_tabs_navigation_review %}
{{ parent() }}
{% if page.product.customFields.custom_preorder_sales_1 > 0 and page.product.active and page.product.releaseDate and page.product.releaseDate|date('U') > "now"|date('U') %}
<li class="nav-item">
<a class="nav-link product-detail-tab-navigation-link"
id="preorder-tab"
data-toggle="tab"
data-offcanvas-tabs="true"
href="#preorder-tab-pane"
role="tab"
aria-controls="preorder-tab-pane"
aria-selected="true">
Vorbesteller-Preisstaffel
<span class="product-detail-tab-navigation-icon">
{% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
</span>
</a>
</li>
{% endif %}
{% endblock %}
{% block page_product_detail_tabs_content_review %}
{{ parent() }}
{% if page.product.customFields.custom_preorder_sales_1 > 0 and page.product.active and page.product.releaseDate and page.product.releaseDate|date('U') > "now"|date('U') %}
<div class="tab-pane fade show"
id="preorder-tab-pane"
role="tabpanel"
aria-labelledby="preorder-tab">
{% set calculatedPrice = page.product.calculatedPrice %}
{% if page.product.calculatedPrices|length == 1 %}
{% set calculatedPrice = page.product.calculatedPrices.first %}
{% endif %}
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>{{ "wabs-product-preorder.productPage.tableHeaderQuantity"|trans }}</th>
<th>{{ "wabs-product-preorder.productPage.tableHeaderPrice"|trans }}</th>
</tr>
</thead>
<tbody>
{% for i in 1..10 %}
{% if page.product.customFields["custom_preorder_sales_#{i}"] > 0 %}
<tr class="{% if calculatedPrice.unitPrice == page.product.customFields["custom_preorder_price_#{i}"].first.gross %}bg-warning{% endif %}">
<td>{{ page.product.customFields["custom_preorder_sales_#{i}"] }}</td>
<td>{{ page.product.customFields["custom_preorder_price_#{i}"].first.gross|currency }}{{ "general.star"|trans|sw_sanitize }}</td>
</tr>
{% endif %}
{% endfor %}
</tbody>
</table>
</div>
{% endif %}
{% endblock %}