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

{# ThemeWare: Product detail tab component on cms product page #}
{# INFO: Please note this is also available as "page/product-detail/tabs.html.twig" since SW6.4 #}

{# ---------------- START: SET TEMPLATE VARS ---------------- #}

{# ThemeWare: Set theme variables #}
{% set twtProductDetailPropertiesPosition = theme_config('twt-product-detail-properties-position') %}
{% set twtProductDetailTabManufacturerShow = theme_config('twt-product-detail-tab-manufacturer-show') %}

{# ---------------- END: SET TEMPLATE VARS ---------------- #}

{# ThemeWare: Adjustments on tab navigation #}
{% block element_product_desciption_reviews_tabs_navigation_description %}
    {# ThemeWare: Show properties in individuell tab if configured #}
    {% if twtProductDetailPropertiesPosition == 2 or twtProductDetailTabManufacturerShow == 2 %}
        {# Default navigation #}
        {{ parent() }}

        {# ThemeWare: Add properties tab to navigation #}
        {% if twtProductDetailPropertiesPosition == 2 and page.product.sortedProperties|length > 0 %}
            <li class="nav-item">
                <a class="nav-link product-properties-tab-navigation-link" id="properties-tab" data-toggle="tab" data-offcanvas-tabs="true" href="#properties-tab-pane" role="tab" aria-controls="properties-tab-pane" aria-selected="true">
                    {{ "twt.detail.tabProperties.title"|trans|sw_sanitize }}
                    <span class="product-detail-tab-navigation-icon">
						{% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
					</span>
                </a>
            </li>
        {% endif %}

        {# ThemeWare: Add manufacturer tab to navigation #}
        {% if twtProductDetailTabManufacturerShow == 2 %}
            <li class="nav-item">
                <a class="nav-link product-manufacturer-tab-navigation-link" id="manufacturer-tab" data-toggle="tab" data-offcanvas-tabs="true" href="#manufacturer-tab-pane" role="tab" aria-controls="manufacturer-tab-pane" aria-selected="true">
                    {{ "twt.detail.tabManufacturer.title"|trans|sw_sanitize }}
                    <span class="product-detail-tab-navigation-icon">
                        {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
                    </span>
                </a>
            </li>
        {% endif %}
    {% else %}

        {# Default block #}
        {{ parent() }}
    {% endif %}
{% endblock %}


{# ThemeWare: Adjustments on tab content #}
{% block element_product_desciption_reviews_tabs_content_description  %}
    {# ThemeWare: Show properties in individuell tab if configured #}
    {% if twtProductDetailPropertiesPosition == 2 or twtProductDetailTabManufacturerShow == 2 %}
        {# Default content > load "component/product/description.html.twig" #}
        {{ parent() }}

        {# ThemeWare: Add properties content to tab #}
        {% if twtProductDetailPropertiesPosition == 2 and page.product.sortedProperties|length > 0 %}
            <div class="tab-pane fade show"
                 id="properties-tab-pane"
                 role="tabpanel"
                 aria-labelledby="properties-tab">
                {% sw_include '@Storefront/storefront/themeware/twt-product-detail-tab-properties.html.twig' ignore missing %}
            </div>
        {% endif %}

        {# ThemeWare: Add manufacturer content to tab #}
        {# TODO: Check availability #}
        {% if twtProductDetailTabManufacturerShow == 2 %}
            <div class="tab-pane fade show"
                 id="manufacturer-tab-pane"
                 role="tabpanel"
                 aria-labelledby="manufacturer-tab">
                {% sw_include '@Storefront/storefront/themeware/twt-product-detail-tab-manufacturer.html.twig' ignore missing %}
            </div>
        {% endif %}
    {% else %}

        {# Default content > load "component/product/description.html.twig" #}
        {{ parent() }}
    {% endif %}
{% endblock %}