{% sw_extends '@Storefront/storefront/element/cms-element-product-description-reviews.html.twig' %}

{% block element_product_description_reviews_tabs_navigation_description %}

    {{ parent() }}

    {% block swat_element_product_description_reviews_tabs_navigation_properties %}

        {% if element.data.product.sortedProperties|length >= 0 %}

            <li class="nav-item">
                <a class="nav-link product-detail-tab-navigation-link"
                   id="properties-tab"
                   data-bs-toggle="tab"
                   data-off-canvas-tabs="true"
                   href="#properties-tab-pane"
                   role="tab"
                   aria-controls="properties-tab-pane"
                   aria-selected="true">
                    <span>{{ "swatProductPropertiesTab.detail.tabsProperties"|trans }}</span>
                    <span class="product-detail-tab-navigation-icon">
                        {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
                    </span>
                </a>
            </li>

        {% endif %}

    {% endblock %}

{% endblock %}

{% block element_product_description_reviews_tabs_content_description %}

    {{ parent() }}

    {% block swat_element_product_description_reviews_tabs_content_properties %}

        {% if element.data.product.sortedProperties|length >= 0 %}

            <div class="tab-pane fade show"
                 id="properties-tab-pane"
                 role="tabpanel"
                 aria-labelledby="properties-tab">

                {% sw_include '@Storefront/storefront/component/product/properties-container.html.twig' with {
                    product: element.data.product
                } %}

            </div>

        {% endif %}

    {% endblock %}

{% endblock %}