{% load wagtailcore_tags mandel_template_engine %}
<section class="mandel-block"><div class="container">{% if value.heading %}<h2>{{ value.heading }}</h2>{% endif %}{{ value.body|richtext }}<div class="mandel-scroll-row mt-4">{% for product in product_cards %}<article class="card h-100 rounded-4 overflow-hidden">{% if product.image_url %}<img src="{{ product.image_url }}" alt="" class="card-img-top" loading="lazy">{% endif %}<div class="card-body"><h3 class="h6"><a href="{{ product.url }}" class="stretched-link text-decoration-none">{{ product.title }}</a></h3>{% if value.show_price and product.price %}<div class="fw-semibold">{{ product.price }}</div>{% endif %}</div></article>{% empty %}<p class="text-body-secondary">No products are available for this selection.</p>{% 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>