<aside class="product-nav d-none d-md-block" id="product-nav">
<header class="product-nav__header">
<h2 class="product-nav__title">
<small class="product-nav__category">
{% if product.categories is not empty %}
{{ product.categories|first }}
{% endif %}
</small>
{% if product.title is not empty %}
{{ product.title }}
{% endif %}
</h2>
</header>
<div class="product-nav__items">
<nav class="nav nav-tabs flex-column product-nav__list" role="tablist">
{% for item in list %}
<a href="#{{ item.id }}" class="nav-link product-nav__link">{{ item.menuText }}</a>
{% endfor %}
</nav>
</div>
<footer class="product-nav__footer">
{% if productVariants is defined and productVariants is not empty %}
{% set productVariant = productVariants|first %}
{% for checkProductVariant in productVariants %}
{% if checkProductVariant.checkIfIsDefaultChecked(loop.first) %}
{% set productVariant = checkProductVariant %}
{% endif %}
{% endfor %}
<div class="product-nav__current-product"
data-productVariantNoComplete="{{ productVariant.productVariantNoComplete }}"
data-productAssociationId="{{ product.id }}"
data-redirecttocart="false"
data-hidesuccessalert="false"
{% if product.checkCouponDefault(productVariant) %}data-coupon="{{ product.couponDefault.code }}"{% endif %}
>
<div class="product-nav__footerInfo">
<h3>{{ productVariant.tradeName }}</h3>
<ul class="product-nav__price">
{% if product.checkCouponDefault(productVariant) %}
<li class="product-nav__price-item">
{{ productVariant.getFullPriceAfterCoupon('net', product.couponDefault, true) }} zł netto
</li>
<li class="product-nav__price-item">
{{ productVariant.getFullPriceAfterCoupon('gross', product.couponDefault, true) }} zł brutto
</li>
{% else %}
<li class="product-nav__price-item">
{{ productVariant.getFullPrice('net', true) }} zł netto
</li>
<li class="product-nav__price-item">
{{ productVariant.getFullPrice('gross', true) }} zł brutto
</li>
{% endif %}
</ul>
</div>
{% if productVariants|length > 1 %}
<a href="#change-product"
class="product-nav__change jsToggleProductPreview"
data-url="{{ path('efProductPreview', {'productAssociationId': product.id, 'type': 'changeSubscriptions'}) }}"
data-type="subscription">
<i class="icon icon--shuffle"></i>
zmień
</a>
{% endif %}
</div>
{% endif %}
<button type="button" id="add-to-cart"
class="button button--bordered button--with-arrow product-nav__add">
Dodaj do koszyka
</button>
</footer>
</aside>