{% extends 'base.html.twig' %}

{% block css_variables %}
    <link rel="stylesheet" href="{{ asset('css/variables-admin.css') }}">
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/admin.css') }}">
{% endblock %}

{% block navbar %}{% endblock %}
{% block maintenance_banner %}{% endblock %}
{% block footer %}{% endblock %}
{% block cookie_banner %}{% endblock %}
{% block fab_intervention %}{% endblock %}

{% block body %}
<script>document.body.classList.add('admin-body');</script>

{% include 'admin/_sidebar.html.twig' %}
<div class="adm-sidebar-overlay" id="adm-sidebar-overlay"></div>

<div class="adm-main">
    <div class="adm-maintenance-banner" id="adm-maintenance-banner" style="display:none"
         data-active="{{ siteParams.maintenanceMode ? '1' : '0' }}"
         data-toggle-url="{{ path('app_admin_toggle_maintenance') }}"
         data-toggle-token="{{ csrf_token('toggle-maintenance') }}">
        <svg viewBox="0 0 24 24"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
        <span>Mode maintenance actif — le site est inaccessible aux visiteurs</span>
        <button type="button" id="adm-maintenance-dismiss" style="background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit;margin-left:8px">Désactiver</button>
    </div>
    <div class="adm-topbar">
        <div class="adm-topbar-left">
            <button class="adm-mobile-burger" id="adm-mobile-burger" aria-label="Menu" aria-expanded="false">
                <svg viewBox="0 0 24 24"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
            </button>
            <h1>{% block page_title %}Dashboard Admin{% endblock %}</h1>
            <p>{% block page_subtitle %}{{ "now"|format_datetime(locale='fr', pattern='EEEE d MMMM yyyy')|capitalize }}{% endblock %}</p>
        </div>
        <div class="adm-topbar-center">
            <div class="adm-search-wrap">
                <div class="adm-search">
                    <svg viewBox="0 0 24 24" stroke-width="1.8"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
                    <input type="text" placeholder="Rechercher…" aria-label="Rechercher" id="adm-global-search" data-url="{{ path('app_admin_search') }}" data-page-url="{{ path('app_admin_search_page') }}" autocomplete="off">
                </div>
                <div class="adm-search-results" id="adm-search-results"></div>
            </div>
            <div class="adm-notif-wrap">
                <button type="button" class="adm-icon-btn" id="adm-notif-btn" aria-label="Notifications">
                    <svg viewBox="0 0 24 24"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>
                    {% if latestActivities|length > 0 %}<div class="adm-dot"></div>{% endif %}
                </button>
                <div class="adm-notif-dropdown" id="adm-notif-dropdown">
                    <div class="adm-notif-header">
                        <span>Activité récente</span>
                        <a href="{{ path('app_admin_activity_index') }}">Tout voir</a>
                    </div>
                    <div class="adm-notif-list">
                        {% for a in latestActivities %}
                        <div class="adm-notif-item">
                            <div class="adm-notif-desc">{{ a.description }}</div>
                            <div class="adm-notif-meta">
                                {{ a.createdAt|date('d/m H:i') }}
                                {% if a.performedBy %}<span>· {{ a.performedBy }}</span>{% endif %}
                            </div>
                        </div>
                        {% else %}
                        <div class="adm-notif-empty">Aucune activité</div>
                        {% endfor %}
                    </div>
                </div>
            </div>
            <a href="{{ path('app_home') }}" class="adm-icon-btn" title="Retour au site" target="_blank">
                <svg viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
            </a>
        </div>
        <div class="adm-topbar-right"></div>
    </div>

    <div class="adm-content">
        {% block admin_body %}{% endblock %}
    </div>
</div>
{% endblock %}

{% block javascripts %}
{{ parent() }}
<script src="{{ asset('js/admin-layout.js') }}"></script>
{% endblock %}