{% load i18n interventions_tags %}
{% if linked_groups or can_manage_links %}
        <div id="section-liens" class="card mt-3 mb-4">
            <div class="card-header bg-light d-flex align-items-center justify-content-between">
                <h4>
                    <i class="bi bi-link-45deg"></i>
                    {% translate "Interventions liées" %}
                </h4>
            </div>
            <div class="card-body">
                {% if linked_groups %}
                    {% for group in linked_groups %}
                        <h6 class="text-muted text-uppercase small">{{ group.label }}</h6>
                        <ul class="list-unstyled {% if not forloop.last or can_manage_links %}mb-3{% else %}mb-0{% endif %}">
                            {% for item in group.links %}
                                {% with related=item.intervention %}
                                <li class="mb-2">
                                    <a href="{% url 'interventions:intervention_detail' related.id %}" class="fw-semibold">
                                        {{ related.code }}
                                    </a>
                                    – {{ related.title }}
                                    <span class="badge bg-{{ related.get_status_color }} status-{{ related.status }} ms-2">{{ related.get_status_display }}</span>
                                </li>
                                {% endwith %}
                            {% endfor %}
                        </ul>
                    {% endfor %}
                {% else %}
                    <p class="text-muted mb-3">{% translate "Aucune intervention liée pour l'instant." %}</p>
                {% endif %}

                {% if can_manage_links %}
                    <hr class="text-muted">
                    <form method="post" action="{% url 'interventions:link_existing_interventions' intervention.id %}">
                        {% csrf_token %}
                        <div class="row g-2 align-items-end">
                            <div class="col-lg-6 col-md-8">
                                <label for="{{ link_existing_form.codes.id_for_label }}" class="form-label small text-uppercase text-muted mb-1">
                                    {{ link_existing_form.codes.label }}
                                </label>
                                {{ link_existing_form.codes }}
                                {% if link_existing_form.codes.errors %}
                                    <div class="invalid-feedback d-block">
                                        {{ link_existing_form.codes.errors|join:', ' }}
                                    </div>
                                {% endif %}
                                {% if link_existing_form.codes.help_text %}
                                    <small class="form-text text-muted">{{ link_existing_form.codes.help_text }}</small>
                                {% endif %}
                            </div>
                            <div class="col-auto pb-4">
                                <button type="submit" class="btn btn-outline-secondary btn-sm">
                                    <i class="bi bi-link-45deg"></i>
                                    {% translate "Lier les interventions" %}
                                </button>
                            </div>
                        </div>
                    </form>
                {% endif %}

                    <!-- Traitement via une autre intervention -->
                    <hr class="text-muted my-3">
                    <div class="editable-field" data-field="processed_via_other_intervention" data-can-edit="{% if 'processed_via_other_intervention' in allowed_update_fields %}true{% else %}false{% endif %}">
                        <div class="field-display d-flex align-items-center gap-2">
                            <i class="bi bi-diagram-2"></i>
                            <div class="form-check form-switch mb-0">
                                <input class="form-check-input" type="checkbox" id="processedViaOtherCheckbox" 
                                    {% if intervention.processed_via_other_intervention %}checked{% endif %} disabled>
                                <label class="form-check-label" for="processedViaOtherCheckbox">
                                    {% translate "Traitement via une autre intervention" %}
                                </label>
                            </div>
                            <small class="text-muted ms-2" style="opacity: 0.6; font-size: 0.75rem;">
                                {% translate "Indique que le traitement de cette intervention est réalisé via une autre intervention." %}
                            </small>
                        </div>
                        <div class="field-edit d-none">
                            <i class="bi bi-diagram-2"></i>
                            <div class="form-check form-switch ms-2 d-inline-block">
                                <input class="form-check-input" type="checkbox" name="processed_via_other_intervention" id="processedViaOtherEdit" 
                                    {% if intervention.processed_via_other_intervention %}checked{% endif %} 
                                    style="cursor: pointer; width:40px;" />
                                <label class="form-check-label ms-2" for="processedViaOtherEdit" style="cursor: pointer;">
                                    {% translate "Traitement via une autre intervention" %}
                                </label>
                            </div>
                            <div>
                                <small class="text-muted" style="display: block; opacity: 0.6; font-size: 0.75rem; margin-left: 2rem; margin-top: 0.25rem;">
                                    {% translate "Indique que le traitement de cette intervention est réalisé via une autre intervention." %}
                                </small>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
        {% endif %}