{# templates/dossier/_toolbar.html.twig #}
<div class="toolbar-container">
    {% if not is_edit_mode|default(false) %}
        <!-- Mode Normal -->
        {% if edit_url is defined and edit_url %}
            <a href="{{ edit_url }}" class="toolbar-btn toolbar-btn-edit" aria-label="Modifier">
                <i class="fas fa-pen"></i>
            </a>
            
            <div class="toolbar-separator"></div>
        {% endif %}

        <a href="{{ home_url|default(path('app_beneficiaire_index')) }}" class="toolbar-btn toolbar-btn-home" aria-label="Accueil / Retour liste">
            <i class="fas fa-home"></i>
        </a>
    {% else %}
        <!-- Mode Modification -->
        <a href="{{ cancel_url|default('#') }}" class="toolbar-btn toolbar-btn-cancel" aria-label="Annuler">
            <i class="fas fa-times"></i>
        </a>
        
        <div class="toolbar-separator"></div>
        
        <button type="button" class="toolbar-btn toolbar-btn-save" id="toolbar-save-btn" aria-label="Sauvegarder">
            <i class="fas fa-save"></i>
        </button>
    {% endif %}
</div>

{% if is_edit_mode|default(false) and save_target|default(null) %}
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const saveBtn = document.getElementById('toolbar-save-btn');
        if (saveBtn) {
            saveBtn.addEventListener('click', function() {
                const form = document.querySelector('{{ save_target|raw }}');
                if (form) {
                    const submitBtn = form.querySelector('button[type="submit"]');
                    if (submitBtn) {
                        submitBtn.click();
                    } else {
                        if (form.reportValidity()) {
                            form.submit();
                        }
                    }
                } else {
                    console.error('Formulaire introuvable : {{ save_target|raw }}');
                }
            });
        }
    });
</script>
{% endif %}