{% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}
{% block utilities_offcanvas_content %}
{% block page_product_detail_delivery_container %}
{% if page.product.customFields.nxs_attributes_scope_of_delivery %}
<table class="nxs-detail-tab-shipping">
<tbody>
<tr>
<th>
{{ 'nxs-shipping-costs.shippingScope'|trans() }}
</th>
<td>
{{ page.product.customFields.nxs_attributes_scope_of_delivery|raw }}
</td>
</tr>
</tbody>
</table>
{% endif %}
{% if context.context.nxsShippingCostsCollection.nxsShippingCosts %}
{% for nxsShippingCost in context.context.nxsShippingCostsCollection.nxsShippingCosts %}
<table class="nxs-detail-tab-shipping">
<tbody>
<tr>
<th>
{{ 'nxs-shipping-costs.shippingMethod'|trans() }}
</th>
<td>
<span>
{{ nxsShippingCost.shippingMethodName }}
</span>
</td>
</tr>
{% if nxsShippingCost.shippingTime %}
<tr>
<th>
{{ 'nxs-shipping-costs.shippingTime'|trans() }}
</th>
<td>
<span>
{{ nxsShippingCost.shippingTime }} {{ 'nxs-shipping-costs.days'|trans() }}
</span>
</td>
</tr>
{% endif %}
{% for cost in nxsShippingCost.shippingCosts %}
{% if loop.last %}
<tr>
<th>
{{ 'nxs-shipping-costs.shippingCosts'|trans() }} ({{ 'nxs-shipping-costs.from2'|trans() }} {{ cost.min }} {{ 'nxs-shipping-costs.shippingUnit'|trans() }})
</th>
<td>
<span>
{{ cost.price|currency }}
</span>
</td>
</tr>
{% else %}
<tr>
<th>
{{ 'nxs-shipping-costs.shippingCosts'|trans() }} ({{ 'nxs-shipping-costs.from'|trans() }} {{ cost.min }} {{ 'nxs-shipping-costs.to'|trans() }} {{ cost.max}} {{ 'nxs-shipping-costs.shippingUnit'|trans() }})
</th>
<td>
<span>
{{ cost.price|currency }}
</span>
</td>
</tr>
{% endif %}
{% endfor %}
</tbody>
</table>
<br>
{% endfor %}
{% else %}
{% if context.context.nxs_additional_delivery_time %}
<table class="nxs-detail-tab-shipping">
<tbody>
<tr>
<th>
{{ 'nxs-shipping-costs.shippingTime'|trans() }}
</th>
<td>
<span>
{{ context.context.nxs_additional_delivery_time }}
</span>
</td>
</tr>
</tbody>
</table>
{% endif %}
{{ 'nxs-shipping-costs.noShippingCostsAvailable'|trans() }}
{% endif %}
{% endblock %}
{% endblock %}