{% load i18n %}

{# ========== Tuiles raccourcis symptômes pour opérateurs ========== #}
{% if shortcut_symptoms %}
<div class="row justify-content-center mt-4 mb-4">
    <div class="col-md-12">
        <p class="text-center mb-2" style="color: var(--brand-color); font-weight: 500;">{% translate "Raccourcis symptômes fréquents" %}</p>
        <div class="row g-2 justify-content-center">
            {% for symptom in shortcut_symptoms %}
            <div class="col-6 col-md-3">
                <a href="{% url 'interventions:intervention_add' thematic_code=symptom.thematic_code %}?symptom_id={{ symptom.id }}&maintain_type=corrective"
                   class="card shortcut-symptom-card text-decoration-none h-100">
                    <div class="card-body text-center py-1">
                        <i class="bi {{ symptom.icon }} fs-3 d-block" style="color: var(--brand-color);"></i>
                        <span class="card-text">{{ symptom.name }}</span>
                    </div>
                </a>
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endif %}