<?php
/**
 * Fichier  : views/users.php
 * Auteur   : KREMER Régis
 * Version  : 2.6.102
 * Date     : 2026-07-21
 * Description : Vue — Page gestion des utilisateurs
 *
 * Changelog :
 *   v2.1.0 (2026-02-21) — Version initiale auditée et sécurisée
 *   v2.1.1 (2026-02-21) — Corrections sécurité (CSRF, MIME, session, migrateSuppliers)
 *   v2.2.0 (2026-02-21) — Permissions magasins, bons de commande, rapport d'écart,
 *                      import CSV, historique prix, bon de livraison multi-lignes
 *   v2.6.5 (2026-07-08) — Harmonisation Lot 5 : header humain, lisibilité admin et responsive mobile/tablette.
 *   v2.6.84 (2026-07-20) — ADMIN COMPLEX FORMS8 : cartes tactiles et assistant Utilisateur mobile/tablette.
 *   v2.6.102 (2026-07-21) — Affichage de la source d’authentification locale/LDAP et états de synchronisation.
 */
 /* users.php — Gestion des utilisateurs v4 */ ?>
<div class="users" id="pgUsers">
    <section class="admin-page-hero" aria-labelledby="usersTitle">
        <div class="admin-page-hero__copy">
            <span class="admin-page-hero__kicker">Administration & sécurité</span>
            <h1 class="admin-page-hero__title" id="usersTitle">Utilisateurs</h1>
            <p class="admin-page-hero__text">Gérez les comptes, les rôles, les magasins visibles et les accès fins avec une lecture claire des droits actifs.</p>
        </div>
        <div class="admin-page-hero__actions" aria-label="Repères utilisateurs">
            <span class="admin-page-hero__pill">Rôles</span>
            <span class="admin-page-hero__pill">Magasins autorisés</span>
            <span class="admin-page-hero__pill">Statuts</span>
        </div>
    </section>
    <!-- Filters Bar -->
    <div class="filters-bar">
        <div class="filters-section">
            <div class="search-box">
                <svg class="search-box-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
                </svg>
                <input type="text" id="userSearch" placeholder="Rechercher utilisateur...">
            </div>
        </div>
        
        <div class="filters-section ml-auto">
            <span class="results-count" id="userCount">0 utilisateur(s)</span>
            <button class="btn btn-primary" id="btnNewUser">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>
                </svg>
                Nouvel utilisateur
            </button>
        </div>
    </div>

    <section id="userMobileCards" class="admin-mobile-entity-list ms-entity-list" aria-label="Liste des utilisateurs" aria-live="polite" hidden></section>

    <!-- Data Table desktop -->
    <div class="card admin-desktop-table">
        <div class="table-container">
            <table class="data-table" id="userTable">
                <thead>
                    <tr>
                        <th>Utilisateur</th>
                        <th>Identifiant</th>
                        <th>Authentification</th>
                        <th>Rôle</th>
                        <th>Magasins</th>
                        <th>Statut</th>
                        <th>Créé le</th>
                        <th class="cell-actions">Actions</th>
                    </tr>
                </thead>
                <tbody id="userBody"></tbody>
            </table>
        </div>
    </div>
</div>
