{% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}

{# ThemeWare: Manufacturer tab product pages #}

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

{# ThemeWare: Set theme variables #}
{% set twtProductDetailTabManufacturerLinkProductsShow = theme_config('twt-product-detail-tab-manufacturer-link-products-show') %}
{% set twtProductDetailTabManufacturerLinkWebsiteShow = theme_config('twt-product-detail-tab-manufacturer-link-website-show') %}

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

{# ThemeWare: Adjustments on offcanvas tab-content #}
{% block utilities_offcanvas_content %}
    {# ThemeWare: Show manufacturer information #}
    {% block page_product_detail_manufacturer_container %}
        {# ThemeWare: Add manufacturer to offcanvas content #}
        <div class="twt-product-detail-manufacturer tab-pane-container">
            {# ThemeWare: Add manufacturer headline #}
            {% block page_product_detail_manufacturer_title %}
                <div class="h3 twt-product-manufacturer-description-title">
                    {{ page.product.manufacturer.translated.name }}
                </div>
            {% endblock %}

            {# ThemeWare: Add manufacturer logo #}
            {#% block page_product_detail_manufacturer_conent_logo %}
                {% if page.product.manufacturer.media|sw_encode_media_url  %}
                    <img src="{{ page.product.manufacturer.media|sw_encode_media_url }}"
                         class="product-detail-manufacturer-logo"
                         alt="{{ page.product.manufacturer.translated.name }}"/>
                {% endif %}
            {% endblock %#}

            {# ThemeWare: Add manufacturer content #}
            {% block page_product_detail_manufacturer_content %}
                {# ThemeWare: Add manufacturer description #}
                {% block page_product_detail_manufacturer_content_text %}
                    <div class="twt-product-detail-manufacturer-text"
                         itemprop="manufacturer">
                        {{ page.product.manufacturer.translated.description|raw }}
                    </div>
                {% endblock %}

                {# ThemeWare: Add manufacturer links #}
                {% block page_product_detail_manufacturer_content_more %}
                    {# ThemeWare: Add manufacturer links headline #}
                    {% block page_product_detail_manufacturer_content_more_information_title %}
                        {% if twtProductDetailTabManufacturerLinkProductsShow == 2 and twtProductDetailTabManufacturerLinkWebsiteShow == 2 %}
                            <div class="h5 twt-product-manufacturer-more-information-title">
                                {{ 'twt.detail.tabManufacturer.moreInformation'|trans }}
                            </div>
                        {% endif %}
                    {% endblock %}

                    {# ThemeWare: Add manufacturer links list #}
                    <ul class="twt-product-detail-manufacturer-more-information">
                        {# ThemeWare: Add manufacturer link products #}
                        {% block page_product_detail_manufacturer_content_more_link_information %}
                            {% if twtProductDetailTabManufacturerLinkProductsShow == 2 %}
                                <li class="twt-product-detail-manufacturer-more-information-item">
                                    {% sw_icon 'arrow-medium-right' style { 'pack':'solid', 'size': 'sm' } %}
                                    <a href="{{ path('frontend.search.page') }}?manufacturer={{ page.product.manufacturer.id }}&search={{ page.product.manufacturer.translated.name }}"
                                       rel="noopener"
                                       title="{{ 'twt.detail.tabManufacturer.linkProductsLabel'|trans({'%manufacturer%': page.product.manufacturer.translated.name }) }}"
                                       class="twt-product-detail-manufacturer-more-information-link">
                                        {{ 'twt.detail.tabManufacturer.linkProducts.label'|trans({'%manufacturer%': page.product.manufacturer.translated.name }) }}
                                    </a>
                                </li>
                            {% endif %}
                        {% endblock %}

                        {# ThemeWare: Add manufacturer link website #}
                        {% block page_product_detail_manufacturer_content_more_link_website %}
                            {% if twtProductDetailTabManufacturerLinkWebsiteShow == 2 %}
                                <li class="twt-product-detail-manufacturer-more-information-item">
                                    {% sw_icon 'arrow-medium-right' style { 'pack':'solid', 'size': 'sm' } %}
                                    <a href="{{ page.product.manufacturer.link }}"
                                       target="_blank"
                                       rel="noopener"
                                       title="{{ page.product.manufacturer.translated.name }}"
                                       class="twt-product-detail-manufacturer-more-information-link">
                                    {{ 'twt.detail.tabManufacturer.linkWebsite.label'|trans }}
                                    </a>
                                </li>
                            {% endif %}
                        {% endblock %}
                    </ul>
                {% endblock %}
            {% endblock %}

        </div>
    {% endblock %}
{% endblock %}