{% sw_extends "@Storefront/storefront/page/product-detail/description.html.twig" %}
{% block page_product_detail_description_title %}
<div class="h5 pl-2 product-detail-description-title">
{{ page.product.translated.description|raw }}
</div>
{% endblock %}
{% block page_product_detail_description_content_text %}
<div class="product-detail-description-text pl-2 col-xl-6 col-sm-12"
itemprop="description">
{% set descriptionText = app.request.locale is same as('de-DE')
? page.product.customFields.itp_product_attributes_text2_de
: page.product.customFields.itp_product_attributes_text2_en %}
{% if descriptionText is not empty %}
{% set maxLength = theme_config('itp-description-max-length')|default(200) %}
{% set fullPlain = descriptionText|striptags %}
{% set previewText = fullPlain|itp_description_preview(maxLength) %}
{% if previewText != fullPlain %}
<div class="itp-description-collapse"
data-itp-description-collapse
data-text-more="{{ 'detail.descriptionShowMore'|trans|sw_sanitize }}"
data-text-less="{{ 'detail.descriptionShowLess'|trans|sw_sanitize }}">
<div class="itp-description-collapse__preview" data-itp-description-collapse-preview>
{{ previewText }}
</div>
<div class="itp-description-collapse__full d-none" data-itp-description-collapse-full>
{{ descriptionText|raw }}
</div>
<button type="button"
class="btn btn-link px-0 itp-description-collapse__toggle"
data-itp-description-collapse-toggle
aria-expanded="false">
{{ 'detail.descriptionShowMore'|trans|sw_sanitize }}
</button>
</div>
{% else %}
{{ descriptionText|raw }}
{% endif %}
{% endif %}
</div>
{% endblock %}