{% sw_extends '@Storefront/storefront/element/cms-element-text.html.twig' %}
{% block element_text_inner %}
{% if not element.config.cogiReadMoreActive.value or not element.config.cogiReadMoreLinkText.value %}
{{ parent() }}
{% else %}
<div class="cogi-readmore-text-content-container">
{% set readMoreLinkText = element.config.cogiReadMoreLinkText.value|default('cogi.cmsReadMore.readMoreLinkTextDefault'|trans) %}
{% set readMoreLinkTpl = '<a href="%href%" class="cogi-cms-read-more-link" %attrs%>%text%</a>' %}
{% if element.config.cogiReadMoreType.value == 'collapse' %}
{% set replaces = {
'%href%' : '#',
'%attrs%' : 'data-toggle="collapse" data-target="#cogi-cms-read-more-collapse-' ~ element.id ~ ',#cogi-cms-read-more-preview-' ~ element.id ~ '"',
'%text%' : (readMoreLinkText),
} %}
{% elseif element.config.cogiReadMoreType.value == 'link' %}
{% set replaces = {
'%href%' : (element.config.cogiReadMoreUrl.value),
'%attrs%' : 'data-cogi-read-more-anchor-margin-top="' ~ element.config.cogiReadMoreAnchorMarginTop.value ~ '"',
'%text%' : (readMoreLinkText),
} %}
{% else %}
{% set replaces = {
'%href%' : '#',
'%attrs%' : 'data-cogi-read-more-jump-to-block="' ~ element.config.cogiReadMoreBlock.value ~ '" data-cogi-read-more-anchor-margin-top="' ~ element.config.cogiReadMoreAnchorMarginTop.value ~ '"',
'%text%' : (readMoreLinkText),
} %}
{% endif %}
{% set readMoreLink = readMoreLinkTpl|replace(replaces) %}
<div {% if element.config.cogiReadMoreCollapseReplace.value %}id="cogi-cms-read-more-preview-{{ element.id }}"{% endif %} class="cogi-readmore-preview-text {% if element.config.cogiReadMoreCollapseReplace.value %}collapse show{% endif %}">
{{ element.data.content|replace({ (readMoreLinkText) : (readMoreLink) }) | raw }}
</div>
{% if element.config.cogiReadMoreType.value == 'collapse' %}
<div id="cogi-cms-read-more-collapse-{{ element.id }}" class="cogi-cms-read-more-collapse collapse">
{{ element.config.cogiReadMoreContent.value|raw }}
{% if readMoreLinkText in element.data.content and element.config.cogiReadMoreCollapseReplace.value %}
<p class="cogi-cms-read-more-link-container">
{{ readMoreLink | raw}}
</p>
{% endif %}
</div>
{% endif %}
{% if readMoreLinkText not in element.data.content %}
<p class="cogi-cms-read-more-link-container">
{{ readMoreLink | raw}}
</p>
{% endif %}
</div>
{% endif %}
{% endblock %}