{% load wagtailimages_tags 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.properties %}<article class="card rounded-4 overflow-hidden position-relative">{% if item.image %}{% picture item.image format-{avif,webp,jpeg} width-900 class="card-img-top" %}{% endif %}<div class="card-body"><h3 class="h5">{{ item.title }}</h3><p>{{ item.location }}{% if item.details %}<br>{{ item.details }}{% endif %}</p>{% if item.price %}<strong>{{ item.price }}</strong>{% endif %}{% if item.action.page or item.action.external_url %}{% mandel_link_url item.action as href %}<a class="stretched-link" href="{{ href }}"{% if item.action.open_in_new_tab %} target="_blank" rel="noopener noreferrer"{% endif %}><span class="visually-hidden">{{ item.action.label|default:item.title }}</span></a>{% endif %}</div></article>{% endfor %}</div></div></section>