<?php
/**
 * Fichier  : views/users.php
 * Auteur   : KREMER Régis
 * Version  : 2.2.0
 * Date     : 2026-02-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
 */
 /* users.php — Gestion des utilisateurs v4 */ ?>
<div class="users" id="pgUsers">
    <!-- 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>

    <!-- Data Table -->
    <div class="card">
        <div class="table-container">
            <table class="data-table" id="userTable">
                <thead>
                    <tr>
                        <th>Utilisateur</th>
                        <th>Identifiant</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>
