{% load i18n %}
    <!-- CMS-style Edit Bar (inside content wrapper) -->
    {% if allowed_update_fields %}
    <div id="cms-edit-bar" class="px-3 py-1 mb-2 shadow-sm d-flex align-items-center justify-content-between border-bottom">
        <div class="d-flex align-items-center gap-2">
            <!-- Bouton retour à la liste -->
            <a href="{% url 'interventions:interventions_index' %}" 
               class="btn btn-light btn-sm" 
               title="{% translate 'Retour à la liste' %}">
                <i class="bi bi-arrow-left-circle"></i>
            </a>
            <!-- Bouton rapport d'intervention PDF -->
            <a href="{% url 'interventions:intervention_report_download' intervention.id %}" 
               class="btn btn-light btn-sm" 
               title="{% translate "Télécharger le rapport d'intervention" %}"
               target="_blank">
                <i class="bi bi-file-earmark-pdf"></i> {% translate "Rapport PDF" %}
            </a>
            <!-- Bouton s'abonner / suivre -->
            <button id="subscription-btn" 
                    class="btn {% if is_subscribed %}btn-secondary{% else %}btn-outline-secondary{% endif %} btn-sm"
                    onclick="toggleSubscription({{ intervention.id }})"
                    type="button"
                    title="{% if is_subscribed %}{% translate 'Ne plus suivre' %}{% else %}{% translate 'Suivre cette intervention' %}{% endif %}">
                <i id="subscription-icon" class="bi {% if is_subscribed %}bi-bell-fill{% else %}bi-bell{% endif %}"></i>
                <span id="subscription-text">{% if is_subscribed %}{% translate "Suivi" %}{% else %}{% translate "Suivre" %}{% endif %}</span>
            </button>
        </div>
        <div class="m-0 flex-grow-1 text-center">
            <div class="btn-group me-2" role="group" id="intervention-nav-controls"
                data-current-id="{{ intervention.id }}"
                data-detail-url-pattern="{% url 'interventions:intervention_detail' 0 %}">
                <a href="#" id="intervention-nav-prev" class="btn btn-light btn-sm disabled me-1"
                    role="button" aria-disabled="true"
                    title="{% translate 'Intervention précédente' %}">
                    <i class="bi bi-arrow-left"></i>
                </a>
                <a href="#" id="intervention-nav-next" class="btn btn-light btn-sm disabled me-2"
                    role="button" aria-disabled="true"
                    title="{% translate 'Intervention suivante' %}">
                    <i class="bi bi-arrow-right"></i>
                </a>
            </div>
        </div>
        <div class="d-flex gap-2">
            <button id="cms-edit-btn" class="btn btn-light btn-sm">
                <i class="bi bi-pencil"></i> {% translate "Éditer" %}
            </button>
            <button id="cms-save-btn" class="btn btn-success btn-sm d-none">
                <i class="bi bi-check-circle"></i> {% translate "Sauvegarder" %}
            </button>
            <button id="cms-cancel-btn" class="btn btn-outline-danger btn-sm d-none">
                <i class="bi bi-x-circle"></i> {% translate "Annuler" %}
            </button>
            <div class="btn-group" role="group" aria-label="{% translate 'Vue' %}">
                <button id="detail-layout-btn-info" class="btn btn-light btn-sm{% if hide_map_by_default %} text-primary{% endif %}" type="button" title="{% translate 'Informations uniquement' %}">
                    <i class="bi bi-card-text"></i>
                </button>
                <button id="detail-layout-btn-both" class="btn btn-light btn-sm{% if not hide_map_by_default %} text-primary{% endif %}" type="button" title="{% translate 'Vue partagée' %}">
                    <i class="bi bi-layout-split"></i>
                </button>
                <button id="detail-layout-btn-map" class="btn btn-light btn-sm" type="button" title="{% translate 'Carte uniquement' %}">
                    <i class="bi bi-globe-europe-africa"></i>
                </button>
            </div>
            <button id="section-nav-toggle-btn" class="btn btn-light btn-sm" title="{% translate 'Naviguer dans la page' %}" onclick="toggleSectionNavPanel()">
                <i class="bi bi-layout-text-sidebar-reverse"></i>
            </button>
        </div>
    </div>
    {% else %}
    <!-- Barre simplifiée pour les utilisateurs en lecture seule -->
    <div class="px-3 py-1 mb-2 d-flex align-items-center border-bottom">
        <div class="d-flex align-items-center gap-2">
            <!-- Bouton retour à la liste -->
            <a href="{% url 'interventions:interventions_index' %}" 
               class="btn btn-outline-secondary btn-sm" 
               title="{% translate 'Retour à la liste' %}">
                <i class="bi bi-arrow-left-circle"></i>
            </a>
            <!-- Bouton rapport d'intervention PDF -->
            <a href="{% url 'interventions:intervention_report_download' intervention.id %}" 
               class="btn btn-outline-primary btn-sm" 
               title="{% translate "Télécharger le rapport d'intervention" %}"
               target="_blank">
                <i class="bi bi-file-earmark-pdf"></i> {% translate "Rapport PDF" %}
            </a>
            <!-- Bouton s'abonner / suivre -->
            <button id="subscription-btn" 
                    class="btn {% if is_subscribed %}btn-secondary{% else %}btn-outline-secondary{% endif %} btn-sm"
                    onclick="toggleSubscription({{ intervention.id }})"
                    type="button"
                    title="{% if is_subscribed %}{% translate 'Ne plus suivre' %}{% else %}{% translate 'Suivre cette intervention' %}{% endif %}">
                <i id="subscription-icon" class="bi {% if is_subscribed %}bi-bell-fill{% else %}bi-bell{% endif %}"></i>
                <span id="subscription-text">{% if is_subscribed %}{% translate "Suivi" %}{% else %}{% translate "Suivre" %}{% endif %}</span>
            </button>
        </div>
        <div class="m-0 flex-grow-1 text-center">
            <div class="btn-group me-2" role="group" id="intervention-nav-controls"
                data-current-id="{{ intervention.id }}"
                data-detail-url-pattern="{% url 'interventions:intervention_detail' 0 %}">
                <a href="#" id="intervention-nav-prev" class="btn btn-light btn-sm disabled me-1"
                    role="button" aria-disabled="true"
                    title="{% translate 'Intervention précédente' %}">
                    <i class="bi bi-arrow-left"></i>
                </a>
                <a href="#" id="intervention-nav-next" class="btn btn-light btn-sm disabled me-2"
                    role="button" aria-disabled="true"
                    title="{% translate 'Intervention suivante' %}">
                    <i class="bi bi-arrow-right"></i>
                </a>
            </div>
        </div>
        <div class="d-flex gap-2 align-items-center">
            <div class="btn-group" role="group" aria-label="{% translate 'Vue' %}">
                <button id="detail-layout-btn-info-ro" class="btn btn-light btn-sm{% if hide_map_by_default %} text-primary{% endif %}" type="button" title="{% translate 'Informations uniquement' %}">
                    <i class="bi bi-card-text"></i>
                </button>
                <button id="detail-layout-btn-both-ro" class="btn btn-light btn-sm{% if not hide_map_by_default %} text-primary{% endif %}" type="button" title="{% translate 'Vue partagée' %}">
                    <i class="bi bi-layout-split"></i>
                </button>
                <button id="detail-layout-btn-map-ro" class="btn btn-light btn-sm" type="button" title="{% translate 'Carte uniquement' %}">
                    <i class="bi bi-globe-europe-africa"></i>
                </button>
            </div>
            <button class="btn btn-light btn-sm" title="{% translate 'Naviguer dans la page' %}" onclick="toggleSectionNavPanel()">
                <i class="bi bi-layout-text-sidebar-reverse"></i>
            </button>
        </div>
    </div>
    {% endif %}