{% sw_extends "@Storefront/storefront/page/product-detail/tabs.html.twig" %}
{% block page_product_detail_tabs_inner %}
<div class="product-detail-tabs-sidebar">
{% if page.product.manufacturer.media %}
<div class="product-detail-tabs-sidebar-manufacturer">
<img src="{{ page.product.manufacturer.media|sw_encode_media_url }}"
class="product-detail-manufacturer-logo"
alt="{{ page.product.manufacturer.translated.name }}"/>
</div>
{% endif %}
{% block page_profuct_detail_tabs_strength %}
{% if page.strength %}
<div class="product-detail-tabs-sidebar-strength" id="strength_poppers">
<p class="text-center product-detail-tabs-sidebar-strength-header d-flex align-items-baseline">
{{ "tomRocket.productDetail.strength.title"|trans }}
{% sw_icon 'tooltip' style{
"pack":"general",
"namespace": "TomRockets"
} %}
</p>
<div class="product-detail-tabs-sidebar-strength-wrapper">
{% for option in page.strengthOptions %}
<div class="strength-card d-flex align-items-center {% if option.active %}active-level {% endif %}" data-value="{{ option.name }}" data-id="{{ option.id }}" data-productId="{{ page.product.id }}" data-customerId="{{ context.customer.id }}">
<div class="strength-card-level position-relative">
<p class="position-absolute"><span>{{ option.name }}</span></p>
</div>
{% set cardName = "tomRocket.productDetail.strength.level." ~ option.name %}
<p class="strength-card-name">{{ cardName|trans }}</p>
</div>
{% endfor %}
</div>
{% if context.customer == null %}
<div class="product-detail-tabs-sidebar-strength-footer">
<p class="text-center">{{ "tomRocket.productDetail.strength.notLogin"|trans }}</p>
</div>
{% else %}
<div class="product-detail-tabs-sidebar-strength-footer">
<div class="product-detail-tabs-sidebar-strength-footer-remember">
<button type="button" class="product-detail-tabs-sidebar-strength-footer-remember-btn">{{ "tomRocket.productDetail.strength.login"|trans }}</button>
</div>
</div>
{% endif %}
</div>
{% endif %}
{% endblock %}
<div class="product-detail-tabs-sidebar-wishlist">
{% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
showText: true,
size: 'md',
productId: page.product.id
} %}
</div>
{% block product_detail_notification %}
{% if page.product.extensions.zeobvGetNotifiedConfig.show %}
{% if not page.product.extensions.zeobvGetNotifiedConfig.replaceAddToCart %}
{{ parent() }}
{% endif %}
{% block page_product_detail_buy_form_get_notified %}
{% if not page.product.extensions.zeobvGetNotifiedConfig.replaceAddToCart %}
<hr>
{% endif %}
<div class="product-get-notified-form-container">
{% sw_include '@Storefront/storefront/page/product-detail/get-notified-widget-form.html.twig' with {
replaceAddToCart: page.product.extensions.zeobvGetNotifiedConfig.replaceAddToCart,
product: page.product
} %}
</div>
{% endblock %}
{% endif %}
{% endblock %}
</div>
<div class="card card-tabs">
{% block page_product_detail_tabs_navigation %}
{{ parent() }}
{% endblock %}
{% block page_product_detail_tabs_content %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}