{% 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_desciption_reviews_tabs_navigation_downloads %}

        {% if page.swatProductDownloads.elements %}

            <li class="nav-item">
                <a class="nav-link product-detail-tab-navigation-link"
                   id="downloads-tab"
                   data-bs-toggle="tab"
                   data-off-canvas-tabs="true"
                   href="#downloads-tab-pane"
                   role="tab"
                   aria-controls="downloads-tab-pane"
                   aria-selected="true">
                        <span>
                            {{ "swatProductDownloadsTab.detail.title"|trans }}
                            {% if config('swatProductDownloadsTab.config.showTabBadge') %}
                                <span class="badge bg-secondary">{{ page.swatProductDownloads.total }}</span>
                            {% endif %}
                        </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_desciption_reviews_tabs_content_downloads %}

        {% if page.swatProductDownloads.elements %}

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

                {% sw_include '@Storefront/storefront/component/product/downloads-tab-container.html.twig' with {
                    dowloadTabFiles: page.swatProductDownloads.elements,
                    product: element.data.product
                } %}

            </div>

        {% endif %}

    {% endblock %}

{% endblock %}