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

{% block element_product_description_reviews_tabs_navigation_description %}{% endblock %}

{% block element_product_description_reviews_tabs_content_description %}{% endblock %}

{% block element_product_description_reviews_tabs_navigation_review %}
    {% if config('core.listing.showReview') %}
        <li class="nav-item">
            <a class="nav-link product-detail-tab-navigation-link review-tab"
               id="{{ reviewTabId }}"
               data-bs-toggle="tab"
               data-off-canvas-tabs="true"
               href="{{ reviewTabHref }}"
               role="tab"
               aria-controls="{{ reviewTabContent }}">
                {{ "detail.tabsReview"|trans|sw_sanitize }}
                <span class="product-detail-tab-navigation-icon">
                    {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
                </span>
            </a>
        </li>
    {% endif %}
{% endblock %}

{% block element_product_description_reviews_tabs_content_review %}
    {% if config('core.listing.showReview') %}
        <div class="tab-pane fade show"
             id="{{ reviewTabContent }}"
             role="tabpanel"
             aria-labelledby="{{ reviewTabId }}">
            {% sw_include '@Storefront/storefront/component/review/review.html.twig' with {
                reviews: element.data.reviews,
                product: element.data.product
            } %}
        </div>
    {% endif %}
{% endblock %}
