{% load mandel_template_engine %}
<section class="mandel-block"><div class="container">{% if value.heading %}<h2>{{ value.heading }}</h2>{% endif %}<div class="mandel-scroll-row mt-4">{% for item in value.items %}<article class="p-4 border rounded-4"><p class="text-body-secondary mb-1">Before</p><h3 class="h5">{{ item.before }}</h3><p class="text-body-secondary mb-1 mt-3">After</p><h4 class="h5">{{ item.after }}</h4><p>{{ item.detail }}</p></article>{% endfor %}</div>{% if value.action.label %}{% mandel_link_url value.action as href %}<a class="btn btn-primary mt-4" href="{{ href }}"{% if value.action.open_in_new_tab %} target="_blank" rel="noopener noreferrer"{% endif %}>{{ value.action.label }}</a>{% endif %}</div></section>