{% load mandel_template_engine %}
<section class="mandel-block"><div class="container">{% if value.heading %}<h2>{{ value.heading }}</h2>{% endif %}<div class="row g-4 mt-2">{% for offer in value.offers %}<div class="col-md-6 col-lg-4"><article class="p-4 border rounded-4 h-100 d-flex flex-column">{% if offer.badge %}<span class="badge text-bg-primary align-self-start">{{ offer.badge }}</span>{% endif %}<h3 class="h5 mt-2">{{ offer.heading }}</h3>{% if offer.body %}<p>{{ offer.body }}</p>{% endif %}{% if offer.product %}<p class="fw-semibold mb-3">{{ offer.product.get_title }}</p>{% endif %}{% if offer.action.label %}{% mandel_link_url offer.action as href %}<div class="mt-auto"><a class="btn btn-primary" href="{{ href }}"{% if offer.action.open_in_new_tab %} target="_blank" rel="noopener noreferrer"{% endif %}>{{ offer.action.label }}</a></div>{% elif offer.product %}<div class="mt-auto"><a class="btn btn-primary" href="{{ offer.product.get_absolute_url }}">View product</a></div>{% endif %}</article></div>{% endfor %}</div></div></section>