{# Navigation des univers. Réutilise topbar et context-view-tabs ; aucune sous-navigation globale dans un projet. #}
{% set route = app.request.attributes.get('_route')|default('') %}
{% set projectContext = route starts with 'app_project_planning' or route starts with 'app_project_milestones' or route in ['app_project_cadrage', 'app_admin_project_access'] %}
{% set universe = 'home' %}
{% if route == 'app_my_projects' or projectContext %}
    {% set universe = 'projects' %}
{% elseif route starts with 'app_my_workload' or route == 'app_team_workload' %}
    {% set universe = 'charge' %}
{% elseif route == 'app_presence_index' %}
    {% set universe = 'team' %}
{% elseif route starts with 'app_commercial' %}
    {% set universe = 'commercial' %}
{% elseif route starts with 'app_billing' %}
    {% set universe = 'billing' %}
{% elseif route == 'app_contacts' %}
    {% set universe = 'contacts' %}
{% elseif route starts with 'app_admin' %}
    {% set universe = 'admin' %}
{% endif %}
{# Portée du bouton global « + Tâche » selon la page : un projet → ses tâches ;
   commercial → toutes les tâches commerciales ; ailleurs → mes tâches. #}
{% set todoScopeType = null %}
{% set todoScopeId = null %}
{% set todoScopeCategory = null %}
{% set todoScopeLabel = 'Mes tâches' %}
{% if projectContext and app.request.query.get('project') %}
    {% set todoScopeType = 'project' %}
    {% set todoScopeId = app.request.query.get('project') %}
    {% set todoScopeLabel = 'Tâches du projet' %}
{% elseif universe == 'commercial' %}
    {% set todoScopeCategory = 'commercial' %}
    {% set todoScopeLabel = 'Tâches commerciales' %}
{% endif %}
{% set admin = is_granted('ROLE_ADMIN') %}
{% set commercial = admin or is_granted('ROLE_DIRECTION') or is_granted('ROLE_COMMERCIAL_DIRECTOR') or is_granted('ROLE_POLE_MANAGER') or is_granted('ROLE_PROJECT_MANAGER') or is_granted('ROLE_PROJECT_DIRECTOR') or (is_granted('ROLE_CONCEPTOR') and can_access_page('app_commercial_cockpit')) %}
{% set billing = admin or is_granted('ROLE_DIRECTION') or is_granted('ROLE_OFFICE_MANAGER') or is_granted('ROLE_COMMERCIAL_DIRECTOR') or is_granted('ROLE_PROJECT_MANAGER') or is_granted('ROLE_PROJECT_DIRECTOR') or (is_granted('ROLE_CONCEPTOR') and can_access_page('app_billing_index')) %}
{% set entries = [
    {key:'home', label:'Accueil', route:'app_dashboard', visible:true},
    {key:'charge', label:'Charge', route:'app_my_workload', visible:true},
    {key:'team', label:'Team', route:'app_presence_index', visible:true},
    {key:'commercial', label:'Commercial', route:'app_commercial_cockpit', visible:commercial},
    {key:'projects', label:'Projets', route:'app_my_projects', visible:true},
    {key:'billing', label:'Facturation', route:'app_billing_index', visible:billing},
    {key:'contacts', label:'Contacts', route:'app_contacts', visible:true},
    {key:'admin', label:'Admin', route:'app_admin_accounts', visible:admin}
] %}
<header class="topbar">
    <a class="topbar-brand" href="{{ app.user ? path('app_dashboard') : path('app_login') }}" aria-label="Accueil SensiTools"><img src="/favicon.png" alt=""></a>
    {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
        <nav class="topbar-session" aria-label="Navigation principale">
            <div class="universe-links">
                {% for entry in entries %}{% if can_access_page(entry.route) %}
                    <a class="topbar-link {{ universe == entry.key ? 'is-active' : '' }}" href="{{ path(entry.route) }}"{% if universe == entry.key %} aria-current="page"{% endif %}>{{ entry.label }}</a>
                {% endif %}{% endfor %}
            </div>
            <button type="button" class="topbar-add-task" data-todo-modal-open aria-haspopup="dialog">
                <span class="material-symbols-outlined" aria-hidden="true">add_task</span>
                <span class="topbar-add-task__label">Tâche</span>
            </button>
            <details class="topbar-menu universe-account">
                <summary>{{ app.user.displayName }}</summary>
                <div class="topbar-menu-panel">
                    <a href="{{ path('app_change_password') }}">Changer mon mot de passe</a>
                    <a href="{{ path('app_logout') }}">Déconnexion</a>
                </div>
            </details>
        </nav>
    {% endif %}
</header>
{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
    <dialog class="todo-modal" data-todo-modal>
        <div class="todo-modal__head">
            <h2>{{ todoScopeLabel }}</h2>
            <button type="button" class="todo-modal__close" data-todo-modal-close aria-label="Fermer">
                <span class="material-symbols-outlined" aria-hidden="true">close</span>
            </button>
        </div>
        <div class="todo-modal__body"
             data-todo-lazy="{{ path('app_todo_fragment') }}"
             {% if todoScopeType %}data-context-type="{{ todoScopeType }}" data-context-id="{{ todoScopeId }}"{% endif %}
             {% if todoScopeCategory %}data-category="{{ todoScopeCategory }}"{% endif %}></div>
    </dialog>
    <script>
        (function () {
            var dialog = document.querySelector('[data-todo-modal]');
            var openBtn = document.querySelector('[data-todo-modal-open]');
            if (!dialog || !openBtn || typeof dialog.showModal !== 'function') { return; }
            var body = dialog.querySelector('.todo-modal__body');
            openBtn.addEventListener('click', function () {
                // Chargement paresseux : on ne monte le widget qu'à la première ouverture.
                if (body && !body.dataset.todoLoaded && window.TodoWidget) {
                    body.setAttribute('data-todo-embed', body.dataset.todoLazy || '/todo/fragment');
                    window.TodoWidget.loadEmbed(body);
                }
                dialog.showModal();
            });
            dialog.addEventListener('click', function (e) {
                // Clic sur le fond (hors carte) → fermeture.
                if (e.target === dialog) { dialog.close(); }
            });
            var closeBtn = dialog.querySelector('[data-todo-modal-close]');
            if (closeBtn) { closeBtn.addEventListener('click', function () { dialog.close(); }); }
        })();
    </script>
{% endif %}
{% if is_granted('IS_AUTHENTICATED_REMEMBERED') and universe == 'admin' %}
    <div class="page-context-bar universe-context-bar">{{ include('components/universe_subnav.html.twig', {universe:'admin'}) }}</div>
{% endif %}