{% sw_extends '@Storefront/storefront/element/cms-element-image-gallery.html.twig' %}

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

{# ThemeWare: Set theme variables #}
{% set twtProductDetailBadges = theme_config('twt-product-detail-badges') %}
{% set twtProductDetailSliderImageSimilarNoteShow = theme_config('twt-product-detail-slider-image-similar-note-show') %}

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

{# ThemeWare: Adjustments on the image gallery #}
{% block element_image_gallery_inner_wrapper %}
    {# ThemeWare: Add TWT detail badges #}
    {# TODO: Create own badges.html.twig to avoid unwanted badges on the detail page #}
    {% if isProduct and twtProductDetailBadges != 1 %}
        {% sw_include '@Storefront/storefront/themeware/twt-product-detail-badges.html.twig' ignore missing with {
            product: page.product
        } %}
    {% endif %}

    {# Default block #}
    {{ parent() }}

    {# ThemeWare: Add TWT 'Similar to illustration' infotext #}
    {# Todo: Add configuration #}
    {% if isProduct and twtProductDetailSliderImageSimilarNoteShow != 1 %}
        <div class="twt-image-similar-infotext">
            {{ "twt.detail.imageSimilarNote"|trans|sw_sanitize }}
        </div>
    {% endif %}
{% endblock %}