{% extends 'base.html.twig' %}
{% block title %}Aide — Mode d'emploi{% endblock %}
{% block body %}

<div class="card">
    <h1>Mode d'emploi</h1>
    <p style="color:var(--muted);margin-top:4px">
        Guide d'utilisation de l'application de gestion des opérations de tractage. Cliquez sur une rubrique pour la déplier.
    </p>
</div>

<div class="card">
    <details class="help-item" open>
        <summary>🔐 Se connecter</summary>
        <div class="help-body">
            <p>Connectez-vous avec votre <strong>e-mail</strong> et votre <strong>mot de passe</strong>. Deux types de comptes coexistent : les <strong>comptes web</strong> (administration) et les <strong>représentants</strong>.</p>
            <ul>
                <li>Mot de passe oublié ou compte bloqué : contactez un administrateur.</li>
                <li>Vous changez votre mot de passe dans <strong>Mon espace</strong>.</li>
            </ul>
        </div>
    </details>

    <details class="help-item">
        <summary>📊 Tableau de bord</summary>
        <div class="help-body">
            <p>La page d'accueil résume l'activité : nombre d'opérations, sites couverts et <strong>sites oubliés</strong>.</p>
            <ul>
                <li><strong>Filtres</strong> : par site, département, type d'opération, état, statut de tract et par dates.</li>
                <li>Choisir un site renseigne automatiquement son département.</li>
                <li><strong>Sites oubliés</strong> : cliquez le compteur pour dérouler la liste. Vous filtrez par <strong>nombre de jours</strong> sans opération <em>et</em> par <strong>effectif minimum</strong> du site.</li>
                <li>Le tableau <strong>Opérations</strong> affiche notamment l'<strong>effectif du site</strong> où a lieu chaque opération.</li>
            </ul>
        </div>
    </details>

    <details class="help-item">
        <summary>📣 Campagnes (opérations de tractage)</summary>
        <div class="help-body">
            <p>Depuis <strong>Campagnes</strong>, créez ou modifiez une opération. Une fiche campagne contient :</p>
            <ul>
                <li><strong>Site</strong>, <strong>date</strong> et <strong>statut</strong> (Créée, Prévue, Réalisée, Annulée).</li>
                <li><strong>Types d'opération</strong> et <strong>tracts</strong> : listes déroulantes à choix multiple.</li>
                <li><strong>Établissements</strong> : choisissez le type — <em>Mono</em> (un seul), <em>Multi</em> (plusieurs) ou <em>Tous</em>. Seuls les <strong>établissements principaux</strong> présents sur le site sont proposés.</li>
                <li><strong>Participants</strong> : la section apparaît quand la campagne passe en <strong>Réalisée</strong>. Vous saisissez les représentants en tapant les premières lettres du nom. <em>Seul le créateur de la campagne peut les modifier.</em></li>
            </ul>
            <p>Un panneau <strong>« Informations du site »</strong> se met à jour selon le site choisi : effectif, encadrement, établissements et leurs effectifs (vue <em>Avant / Post Regain</em>).</p>
        </div>
    </details>

    <details class="help-item">
        <summary>🤝 Demande d'entraide</summary>
        <div class="help-body">
            <p>Depuis la fiche d'une campagne, sollicitez les représentants du site pour un renfort.</p>
            <ul>
                <li>Cochez les représentants puis <strong>Envoyer la demande</strong> : elle est enregistrée et un e-mail pré-rempli s'ouvre.</li>
                <li>Le mail rappelle la campagne (site, date, type, <strong>effectif par établissement</strong>) et met en copie le <strong>SDD</strong> du site et le <strong>DSCO</strong> des établissements concernés.</li>
                <li>Le représentant sollicité répond <strong>Accepter</strong> ou <strong>Refuser</strong> depuis <strong>Mon espace</strong>.</li>
                <li>Le suivi global est visible dans <strong>Suivi des demandes</strong> et les statistiques dans <strong>Restitution</strong>.</li>
            </ul>
        </div>
    </details>

    <details class="help-item">
        <summary>🏢 Sites</summary>
        <div class="help-body">
            <p><strong>Sites</strong> liste les sites (filtres : recherche, département, ville, effectif minimum). La fiche d'un site affiche :</p>
            <ul>
                <li>Effectif, département, ville et <strong>encadrement</strong> (SDD, référent).</li>
                <li>La <strong>répartition des effectifs par établissement</strong>, avec les <strong>sous-établissements</strong> indentés (▸) et leurs effectifs.</li>
            </ul>
        </div>
    </details>

    <details class="help-item">
        <summary>🏗️ Établissements & sous-établissements</summary>
        <div class="help-body">
            <p>Un <strong>établissement</strong> peut être découpé en <strong>établissements secondaires</strong> (sous-établissements), chacun avec son propre <strong>effectif</strong>.</p>
            <ul>
                <li>L'effectif d'un établissement principal découpé = <strong>somme</strong> de ses sous-établissements.</li>
                <li>Le <strong>DSCO</strong> d'un sous-établissement est <strong>hérité de son parent</strong> (non saisi séparément).</li>
                <li>Bouton <strong>Voir</strong> : fiche détaillée d'un établissement (effectif, DSCO, sous-établissements).</li>
            </ul>
        </div>
    </details>

    <details class="help-item">
        <summary>🗺️ Carte des représentants</summary>
        <div class="help-body">
            <p>Visualisez les représentants sur une carte, avec filtres par <strong>site</strong> et par <strong>expertise</strong>. Survolez ou cliquez un point pour la fiche (localisation, e-mail, établissements, expertises).</p>
        </div>
    </details>

    <details class="help-item">
        <summary>👤 Mon espace</summary>
        <div class="help-body">
            <ul>
                <li>Modifier son <strong>profil</strong> et son <strong>mot de passe</strong>.</li>
                <li>Renseigner ses <strong>expertises</strong> et leur niveau (Initié / Avancé / Expert).</li>
                <li>Pour les représentants : répondre aux <strong>demandes d'entraide</strong> reçues.</li>
            </ul>
        </div>
    </details>

    <details class="help-item">
        <summary>🧰 Outils <span style="font-weight:400;color:var(--muted);font-size:.85rem">· administrateurs</span></summary>
        <div class="help-body">
            <p>Menu <strong>Outils</strong> de la barre du haut, réservé aux administrateurs :</p>
            <ul>
                <li><strong>Revue du personnel</strong> : tableau de tous les représentants avec leurs informations (nom, e-mail, entité, site de rattachement, ville, département, date de naissance, établissements couverts), leur <strong>rôle</strong> (SDD, DSCO ou Porteur de mandat), leur niveau d'<strong>accès</strong> et leurs <strong>compétences</strong>. Bouton <strong>« 🖨️ Exporter en PDF »</strong> (impression paysage) pour éditer la liste.</li>
                <li><strong>Suivi HIS</strong> : module dédié (contenu à définir).</li>
            </ul>
        </div>
    </details>

    <details class="help-item">
        <summary>⚙️ Administration</summary>
        <div class="help-body">
            <p>Réservée aux administrateurs (menu <strong>Administration</strong>) :</p>
            <ul>
                <li><strong>Sites</strong>, <strong>Représentants</strong>, <strong>Établissements</strong> (et sous-établissements), <strong>Types d'opération</strong>, <strong>Tracts</strong>, <strong>Expertises</strong> : création, modification, suppression.</li>
                <li><strong>SDD &amp; DSCO</strong> : désigner qui a la qualité de SDD ou de DSCO. Seules ces personnes sont ensuite proposées lors des rattachements (SDD sur un site, DSCO sur un établissement).</li>
                <li><strong>Utilisateurs &amp; droits</strong> : définir le niveau d'accès de chaque compte (Administrateur, Standard, Refusé).</li>
                <li><strong>Gestion des accès</strong> : configurer le rôle minimum requis pour chaque section de l'application.</li>
            </ul>
        </div>
    </details>

    <details class="help-item">
        <summary>🔑 Rôles &amp; accès</summary>
        <div class="help-body">
            <ul>
                <li><strong>Standard</strong> (représentant) : consultation, campagnes, entraide, mon espace.</li>
                <li><strong>Administrateur</strong> : accès à l'administration.</li>
                <li><strong>Super-administrateur</strong> : compte protégé (non modifiable depuis l'interface).</li>
            </ul>
            <p>L'accès à chaque section peut être ajusté par un administrateur (Administration → Gestion des accès). Un compte <strong>refusé</strong> ne peut plus se connecter.</p>
        </div>
    </details>
</div>

{% endblock %}