{% load i18n %}
        <div id="section-controles" class="card mb-4 {% if intervention.status == 'in_preparation' %} d-none {% endif %}">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h4>{% translate "Contrôles / Rapports de suivi" %}</h4>
                {% if 'follow_up_reports' in allowed_update_fields %}
                    <button type="button" class="btn btn-light border-0" title="Ajouter"
                            data-bs-toggle="modal" data-bs-target="#modalChooseControlType">
                        <i class="bi bi-plus-circle text-primary"></i>
                    </button>
                {% endif %}
            </div>
            <div class="card-body">
                {% if is_user_intern %}
                <div class="mb-3 d-flex align-items-center p-2 rounded">
                    <i class="bi bi-clipboard2-check text-primary me-2 fs-5"></i>
                    <span class="fw-semibold me-3">{% translate "Résultat du contrôle" %} :</span>
                    {% if 'follow_up_reports' in allowed_update_fields %}
                    <div class="d-flex gap-2" id="follow-up-performed-radios">
                        <input type="radio" class="btn-check" name="follow_up_performed" id="fup-ok" value="ok" autocomplete="off"
                               {% if intervention.follow_up_performed == 'ok' %}checked{% endif %}>
                        <label class="btn btn-outline-success btn-sm" for="fup-ok"
                               onclick="handleFollowUpClick(event, {{ intervention.id }}, 'ok', 'fup-ok', 'follow-up-performed-radios')">
                            <i class="bi bi-check-circle"></i> OK
                        </label>
                        <input type="radio" class="btn-check" name="follow_up_performed" id="fup-attention" value="attention" autocomplete="off"
                               {% if intervention.follow_up_performed == 'attention' %}checked{% endif %}>
                        <label class="btn btn-outline-warning btn-sm" for="fup-attention"
                               onclick="handleFollowUpClick(event, {{ intervention.id }}, 'attention', 'fup-attention', 'follow-up-performed-radios')">
                            <i class="bi bi-exclamation-triangle"></i> {% translate "Points d’attention" %}
                        </label>
                        <input type="radio" class="btn-check" name="follow_up_performed" id="fup-not-ok" value="not_ok" autocomplete="off"
                               {% if intervention.follow_up_performed == 'not_ok' %}checked{% endif %}>
                        <label class="btn btn-outline-danger btn-sm" for="fup-not-ok"
                               onclick="handleFollowUpClick(event, {{ intervention.id }}, 'not_ok', 'fup-not-ok', 'follow-up-performed-radios')">
                            <i class="bi bi-x-circle"></i> Not OK
                        </label>
                    </div>
                    {% else %}
                    <span class="badge {% if intervention.follow_up_performed == 'ok' %}bg-success{% elif intervention.follow_up_performed == 'attention' %}bg-warning text-dark{% elif intervention.follow_up_performed == 'not_ok' %}bg-danger{% else %}bg-secondary{% endif %}">
                        {% if intervention.follow_up_performed == 'ok' %}OK{% elif intervention.follow_up_performed == 'attention' %}{% translate "Points d’attention" %}{% elif intervention.follow_up_performed == 'not_ok' %}Not OK{% else %}–{% endif %}
                    </span>
                    {% endif %}
                </div>
                {% endif %}

                <table class="table">
                    <thead>
                        <tr>
                            <th>{% translate "Date" %}</th>
                            <th>{% translate "Type" %}</th>
                            <th>{% translate "Auteur" %}</th>
                            <th>{% translate "Statut" %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for control in visible_controls %}
                        <tr>
                            <td><a href="{% url 'controls:controls_detail' control.id %}">{{ control.updated_at|date:"d-m-Y H:i" }}</a></td>
                            <td>{{ control.get_control_type_display }}</td>
                            <td>{{ control.control_author }}</td>
                            <td>{{ control.get_status_display }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>





        <!-- Assets -->