{% load wagtailcore_tags wagtailimages_tags mandel_template_engine %}
<section class="mandel-block"><div class="container"><div class="row align-items-center g-5">{% if value.image_position == "left" and value.image %}<div class="col-lg-6">{% picture value.image format-{avif,webp,jpeg} width-1000 class="img-fluid rounded-4" %}</div>{% endif %}<div class="col-lg-6">{% if value.eyebrow %}<p class="mandel-eyebrow">{{ value.eyebrow }}</p>{% endif %}<h2>{{ value.heading }}</h2>{{ value.body|richtext }}{% if value.actions %}<div class="d-flex flex-wrap gap-2 mt-4">{% for action in value.actions %}{% mandel_link_url action as href %}<a class="btn {% if action.style == 'secondary' %}btn-secondary{% elif action.style == 'outline' %}btn-outline-secondary{% elif action.style == 'link' %}btn-link{% else %}btn-primary{% endif %}" href="{{ href }}"{% if action.open_in_new_tab %} target="_blank" rel="noopener noreferrer"{% endif %}>{{ action.label }}</a>{% endfor %}</div>{% endif %}</div>{% if value.image_position != "left" and value.image %}<div class="col-lg-6">{% picture value.image format-{avif,webp,jpeg} width-1000 class="img-fluid rounded-4" %}</div>{% endif %}</div></div></section>