{% 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 plan in value.plans %}<div class="col-md-6 col-lg"><article class="h-100 p-4 rounded-4 border {% if plan.highlighted %}border-primary border-2{% endif %}"><h3>{{ plan.name }}</h3><div class="display-6">{{ plan.price }} <small class="fs-6">{{ plan.cadence }}</small></div><p>{{ plan.description }}</p>{% if plan.features %}<ul class="list-unstyled">{% for feature in plan.features %}<li class="mb-2"><span aria-hidden="true">{% if feature.included %}✓{% else %}–{% endif %}</span> {{ feature.text }}</li>{% endfor %}</ul>{% endif %}{% if plan.action.label %}{% mandel_link_url plan.action as href %}<a class="btn {% if plan.highlighted %}btn-primary{% else %}btn-outline-primary{% endif %}" href="{{ href }}"{% if plan.action.open_in_new_tab %} target="_blank" rel="noopener noreferrer"{% endif %}>{{ plan.action.label }}</a>{% endif %}</article></div>{% endfor %}</div></div></section>