{# ThemeWare "Detail product specifications" container #}
{# Create container and add product specifications #}
{# type: buy-widget #}

{# ThemeWare: Product specifications in buy-widget #}
{% block twt_buy_widget_product_specifications %}
    {# ThemeWare: Add manufacturer #}
    {% if page.product.manufacturer and twtProductDetailManufacturerShow == 2 %}
        <div class="twt-product-detail-manufacturer-container twt-product-specifications-container">
            {% block twt_page_product_detail_manufacturer_label %}
                <span class="twt-product-detail-manufacturer-label twt-product-specifications-label">
                        {{ "twt.detail.manufacturerLabel"|trans|sw_sanitize }}
                    </span>
            {% endblock %}

            {% block twt_page_product_detail_manufacturer %}
                <span class="twt-product-detail-manufacturer"
                      itemprop="sku">
                        {{ page.product.manufacturer.translated.name }}
                    </span>
            {% endblock %}
        </div>
    {% endif %}

    {# ThemeWare: Add manufacturerNumber #}
    {% if page.product.manufacturerNumber and twtProductDetailManufacturernumberShow == 2 %}
        <div class="twt-product-detail-manufacturernumber-container twt-product-specifications-container">
            {% block twt_page_product_detail_manufacturernumber_label %}
                <span class="twt-product-detail-manufacturernumber-label twt-product-specifications-label">
                    {{ "twt.detail.manufacturernumberLabel"|trans|sw_sanitize }}
                </span>
            {% endblock %}

            {% block twt_page_product_detail_manufacturernumber %}
                <span class="twt-product-detail-manufacturernumber"
                      itemprop="sku">
                    {{ page.product.manufacturerNumber }}
                </span>
            {% endblock %}
        </div>
    {% endif %}

    {# ThemeWare: Add ean #}
    {% if page.product.ean and twtProductDetailEanShow == 2 %}
        <div class="twt-product-detail-ean-container twt-product-specifications-container">
            {% block twt_page_product_detail_ean_label %}
                <span class="twt-product-detail-ean-label twt-product-specifications-label">
                    {{ "twt.detail.eanLabel"|trans|sw_sanitize }}
                </span>
            {% endblock %}

            {% block twt_page_product_detail_ean %}
                <span class="twt-product-detail-ean"
                      itemprop="sku">
                    {{ page.product.ean }}
                </span>
            {% endblock %}
        </div>
    {% endif %}

    {# ThemeWare: Zusatzfeld 1 (ehemals Freitextfeld 1) #}
    {% if twtCustomFields.product.twt_modern_pro_custom_field__product__custom_field_1 is not empty %}
        <div class="twt-product-detail-custom-field-1-container twt-product-specifications-container">
            {% block twt_page_product_detail_custom_field_1_label %}
                <span class="twt-product-detail-custom-field-1-label twt-product-specifications-label">
                    {{ "twt.detail.customFields.customField1.label"|trans|sw_sanitize }}
                </span>
            {% endblock %}

            {% block twt_page_product_detail_custom_field_1 %}
                <span class="twt-product-detail-custom-field-1"
                      itemprop="sku">
                    {{ twtCustomFields.product.twt_modern_pro_custom_field__product__custom_field_1 }}
                </span>
            {% endblock %}
        </div>
    {% endif %}

    {# ThemeWare: Add weight #}
    {% if page.product.weight and twtProductDetailWeightShow == 2 %}
        <div class="twt-product-detail-weight-container twt-product-specifications-container">
            {% block twt_page_product_detail_weight_label %}
                <span class="twt-product-detail-weight-label twt-product-specifications-label">
                    {{ "twt.detail.weightLabel"|trans|sw_sanitize }}
                </span>
            {% endblock %}

            {% block twt_page_product_detail_weight %}
                <span class="twt-product-detail-weight"
                      itemprop="sku">
                    {{ page.product.weight }} kg
                </span>
            {% endblock %}
        </div>
    {% endif %}

    {# ThemeWare: Add length #}
    {% if page.product.length and twtProductDetailLengthShow == 2 %}
        <div class="twt-product-detail-length-container twt-product-specifications-container">
            {% block twt_page_product_detail_length_label %}
                <span class="twt-product-detail-length-label twt-product-specifications-label">
                    {{ "twt.detail.lengthLabel"|trans|sw_sanitize }}
                </span>
            {% endblock %}

            {% block twt_page_product_detail_length %}
                <span class="twt-product-detail-length"
                      itemprop="sku">
                    {{ page.product.length }} mm
                </span>
            {% endblock %}
        </div>
    {% endif %}

    {# ThemeWare: Add width #}
    {% if page.product.width and twtProductDetailWidthShow == 2 %}
        <div class="twt-product-detail-width-container twt-product-specifications-container">
            {% block twt_page_product_detail_width_label %}
                <span class="twt-product-detail-width-label twt-product-specifications-label">
                    {{ "twt.detail.widthLabel"|trans|sw_sanitize }}
                </span>
            {% endblock %}

            {% block twt_page_product_detail_width %}
                <span class="twt-product-detail-width"
                      itemprop="sku">
                    {{ page.product.width }} mm
                </span>
            {% endblock %}
        </div>
    {% endif %}

    {# ThemeWare: Add height #}
    {% if page.product.height and twtProductDetailHeightShow == 2 %}
        <div class="twt-product-detail-height-container twt-product-specifications-container">
            {% block twt_page_product_detail_height_label %}
                <span class="twt-product-detail-height-label twt-product-specifications-label">
                    {{ "twt.detail.heightLabel"|trans|sw_sanitize }}
                </span>
            {% endblock %}

            {% block twt_page_product_detail_height %}
                <span class="twt-product-detail-height"
                      itemprop="sku">
                    {{ page.product.height }} mm
                </span>
            {% endblock %}
        </div>
    {% endif %}

    {# ThemeWare: Zusatzfeld 2 (ehemals Freitextfeld 2) #}
    {# TODO: Add position 'below 1', 'default' or 'above 3'... #}
    {% if twtCustomFields.product.twt_modern_pro_custom_field__product__custom_field_2 is not empty %}
        <div class="twt-product-detail-custom-field-2-container twt-product-specifications-container">
            {% block twt_page_product_detail_custom_field_2_label %}
                <span class="twt-product-detail-custom-field-2-label twt-product-specifications-label">
                    {{ "twt.detail.customFields.customField2.label"|trans|sw_sanitize }}
                </span>
            {% endblock %}

            {% block twt_page_product_detail_custom_field_2 %}
                <span class="twt-product-detail-custom-field-2"
                      itemprop="sku">
                    {{ twtCustomFields.product.twt_modern_pro_custom_field__product__custom_field_2 }}
                </span>
            {% endblock %}
        </div>
    {% endif %}

    {# ThemeWare: Add availableStock #}
    {# TODO: handle isCloseout?! #}
    {% if page.product.availableStock > 0 and twtProductDetailAvailablestockShow == 2 %}
        <div class="twt-product-detail-availablestock-container twt-product-specifications-container">
            {% block twt_page_product_detail_availablestock_label %}
                <span class="twt-product-detail-availablestock-label twt-product-specifications-label">
                    {{ "twt.detail.availableStockLabel"|trans|sw_sanitize }}
                </span>
            {% endblock %}

            {% block twt_page_product_detail_availablestock %}
                <span class="twt-product-detail-availablestock"
                      itemprop="sku">
                    {{ page.product.availableStock }}
                </span>
            {% endblock %}
        </div>
    {% endif %}

    {# ThemeWare: Add minPurchase #}
    {% if page.product.minPurchase and twtProductDetailMinpurchaseShow == 2 %}
        <div class="twt-product-detail-minpurchase-container twt-product-specifications-container">
            {% block twt_page_product_detail_minpurchase_label %}
                <span class="twt-product-detail-minpurchase-label twt-product-specifications-label">
                    {{ "twt.detail.minpurchaseLabel"|trans|sw_sanitize }}
                </span>
            {% endblock %}

            {% block twt_page_product_detail_minpurchase %}
                <span class="twt-product-detail-minpurchase"
                      itemprop="sku">
                    {{ page.product.minPurchase }}
                </span>
            {% endblock %}
        </div>
    {% endif %}

    {# ThemeWare: Add maxPurchase #}
    {% if page.product.maxPurchase and twtProductDetailMaxpurchaseShow == 2 %}
        <div class="twt-product-detail-maxpurchase-container twt-product-specifications-container">
            {% block twt_page_product_detail_maxpurchase_label %}
                <span class="twt-product-detail-maxpurchase-label twt-product-specifications-label">
                    {{ "twt.detail.maxpurchaseLabel"|trans|sw_sanitize }}
                </span>
            {% endblock %}

            {% block twt_page_product_detail_maxpurchase %}
                <span class="twt-product-detail-maxpurchase"
                      itemprop="sku">
                    {{ page.product.maxPurchase }}
                </span>
            {% endblock %}
        </div>
    {% endif %}

    {# ThemeWare: Zusatzfeld 3 #}
    {% if twtCustomFields.product.twt_modern_pro_custom_field__product__custom_field_3 is not empty %}
        <div class="twt-product-detail-custom-field-3-container twt-product-specifications-container">
            {% block twt_page_product_detail_custom_field_3_label %}
                <span class="twt-product-detail-custom-field-3-label twt-product-specifications-label">
                    {{ "twt.detail.customFields.customField3.label"|trans|sw_sanitize }}
                </span>
            {% endblock %}

            {% block twt_page_product_detail_custom_field_3 %}
                <span class="twt-product-detail-custom-field-3"
                      itemprop="sku">
                    {{ twtCustomFields.product.twt_modern_pro_custom_field__product__custom_field_3 }}
                </span>
            {% endblock %}
        </div>
    {% endif %}
{% endblock %}