{% load i18n %}

{% with leaf=insp.detailed_inspection %}
{% if leaf %}
<div class="card border-0 bg-light p-3 mb-3 rounded-3 shadow-sm">
    <h6 class="fw-bold mb-3 text-primary border-bottom pb-2 small text-uppercase d-flex align-items-center">
        <i class="bi bi-p-square-fill me-2"></i>{% translate "Constats spécifiques au stationnement" %}
    </h6>
    
    <ul class="list-group list-group-flush bg-transparent">
        {% if leaf.verified_standard_stand_count is not None %}
        <li class="list-group-item bg-transparent d-flex justify-content-between align-items-center px-0 py-2.5 border-bottom-0">
            <span class="text-secondary fw-medium"><i class="bi bi-bicycle me-2 text-primary fs-6"></i>{% translate "Arceaux classiques constatés" %}</span>
            <span class="badge bg-primary rounded-pill px-3 py-1.5 fs-6 shadow-sm">{{ leaf.verified_standard_stand_count }}</span>
        </li>
        {% endif %}

        {% if leaf.verified_cargo_stand_count is not None %}
        <li class="list-group-item bg-transparent d-flex justify-content-between align-items-center px-0 py-2.5 border-bottom-0">
            <span class="text-secondary fw-medium"><i class="bi bi-box-seam me-2 text-info fs-6"></i>{% translate "Arceaux cargo constatés" %}</span>
            <span class="badge bg-info text-dark rounded-pill px-3 py-1.5 fs-6 shadow-sm">{{ leaf.verified_cargo_stand_count }}</span>
        </li>
        {% endif %}

        {% if leaf.verified_drop_off_stand_count is not None %}
        <li class="list-group-item bg-transparent d-flex justify-content-between align-items-center px-0 py-2.5 border-bottom-0">
            <span class="text-secondary fw-medium"><i class="bi bi-scooter me-2 text-warning fs-6"></i>{% translate "Arceaux drop-off constatés" %}</span>
            <span class="badge bg-warning text-dark rounded-pill px-3 py-1.5 fs-6 shadow-sm">{{ leaf.verified_drop_off_stand_count }}</span>
        </li>
        {% endif %}

        {% if leaf.verified_has_scooter_drop_zone is not None %}
        <li class="list-group-item bg-transparent d-flex justify-content-between align-items-center px-0 py-2.5 border-bottom-0">
            <span class="text-secondary fw-medium"><i class="bi bi-p-square me-2 text-secondary fs-6"></i>{% translate "Présence de dropzone" %}</span>
            {% if leaf.verified_has_scooter_drop_zone %}
                <span class="badge bg-success rounded-pill px-3 py-1.5 fw-semibold shadow-sm">{% translate "Oui" %}</span>
            {% else %}
                <span class="badge bg-secondary rounded-pill px-3 py-1.5 fw-semibold shadow-sm">{% translate "Non" %}</span>
            {% endif %}
        </li>
        {% endif %}

        {% if leaf.verified_marking_quality %}
        <li class="list-group-item bg-transparent d-flex justify-content-between align-items-center px-0 py-2.5 border-bottom-0">
            <span class="text-secondary fw-medium"><i class="bi bi-paint-bucket me-2 text-secondary fs-6"></i>{% translate "Qualité du marquage" %}</span>
            <span>
                {% if leaf.verified_marking_quality == 'good' %}
                    <span class="badge bg-success-subtle text-success border border-success-subtle px-2.5 py-1 rounded-pill"><i class="bi bi-emoji-smile me-1"></i>{% translate "Bon état" %}</span>
                {% elif leaf.verified_marking_quality == 'medium' %}
                    <span class="badge bg-warning-subtle text-warning-emphasis border border-warning-subtle px-2.5 py-1 rounded-pill"><i class="bi bi-emoji-neutral me-1"></i>{% translate "Moyen" %}</span>
                {% elif leaf.verified_marking_quality == 'damaged' %}
                    <span class="badge bg-danger-subtle text-danger border border-danger-subtle px-2.5 py-1 rounded-pill"><i class="bi bi-emoji-frown me-1"></i>{% translate "Dégradé" %}</span>
                {% elif leaf.verified_marking_quality == 'missing' %}
                    <span class="badge bg-secondary-subtle text-secondary border border-secondary-subtle px-2.5 py-1 rounded-pill"><i class="bi bi-x-circle me-1"></i>{% translate "Absent" %}</span>
                {% else %}
                    {{ leaf.get_verified_marking_quality_display|default:leaf.verified_marking_quality }}
                {% endif %}
            </span>
        </li>
        {% endif %}
    </ul>
</div>
{% endif %}
{% endwith %}