{extends file="views/layout.tpl"}

{block name="h2"}Admin{/block}
{block name="p"}Tableau de bord administrateur{/block}

{block name="content"}

<div class="container-fluid px-4 py-4">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0 fw-bold">Dashboard</h1>
        <span class="text-muted small">Connecté : <strong>{$smarty.session.user.user_name} {$smarty.session.user.user_firstname}</strong></span>
    </div>

    <!-- Gestion utilisateurs -->
    <div class="card shadow-sm mb-4">
        <div class="card-header bg-primary text-white fw-semibold">
            👤 Gestion des utilisateurs
        </div>
        <div class="card-body">
            <p class="text-muted small mb-3">Modifier le statut ou supprimer un compte utilisateur.</p>
            <form method="POST">
                <div class="row g-3 align-items-end">
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Utilisateur</label>
                        <select class="form-select" name="user_id">
                            <option value="0">Choisir un utilisateur…</option>
                            {foreach from=$arrUserToDisplay item=user}
                                <option value="{$user->getId()}">{$user->getName()} {$user->getFirstname()}</option>
                            {/foreach}
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Nouveau statut</label>
                        <select class="form-select" name="new_status">
                            <option value="0">Sélectionner un statut…</option>
                            {foreach from=$arrAuthorisationToDisplay item=arrDetAuthorisation}
                                <option value="{$arrDetAuthorisation->getId()}">{$arrDetAuthorisation->getName()}</option>
                            {/foreach}
                        </select>
                    </div>
                    <div class="col-md-4 d-flex gap-2">
                        <button type="submit" name="action" value="update_status" class="btn btn-success w-100">
                            ✓ Valider
                        </button>
                        <button type="submit" name="action" value="delete_user" class="btn btn-danger w-100"
                            onclick="return confirm('Êtes-vous sûr de vouloir supprimer cet utilisateur ? Cette action est irréversible.');">
                            🗑 Supprimer
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Gestion des catégories -->
    <div class="row g-4">

        <!-- Modifier une catégorie -->
        <div class="col-md-6">
            <div class="card shadow-sm h-100">
                <div class="card-header bg-secondary text-white fw-semibold">
                    ✏️ Modifier une catégorie
                </div>
                <div class="card-body">
                    <p class="text-muted small mb-3">Renommer une catégorie existante.</p>
                    <form method="POST">
                        <div class="mb-3">
                            <label class="form-label fw-semibold">Catégorie à modifier</label>
                            <select class="form-select" name="id_to_edit">
                                <option value="0">Choisir une catégorie…</option>
                                {foreach from=$arrCategoryToDisplay item=category}
                                    <option value="{$category->getId()}">{$category->getName()}</option>
                                {/foreach}
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-semibold">Nouveau nom</label>
                            <input type="text" class="form-control" name="new_name" placeholder="Nouveau nom de la catégorie">
                        </div>
                        <button type="submit" class="btn btn-success">✓ Renommer</button>
                    </form>
                </div>
            </div>
        </div>

        <!-- Créer une catégorie -->
        <div class="col-md-6">
            <div class="card shadow-sm h-100">
                <div class="card-header bg-secondary text-white fw-semibold">
                    ➕ Créer une catégorie
                </div>
                <div class="card-body">
                    <p class="text-muted small mb-3">Ajouter une nouvelle catégorie au catalogue.</p>
                    <form method="POST">
                        <div class="mb-3">
                            <label class="form-label fw-semibold">Nom de la catégorie</label>
                            <input type="text" class="form-control" name="new_category" placeholder="Nom de la nouvelle catégorie">
                        </div>
                        <button type="submit" class="btn btn-success">➕ Créer</button>
                    </form>
                </div>
            </div>
        </div>

    </div>
</div>

{/block}