Tul xxx Tul

Viewing: users.php

<?php
$db = getDB();
$users = $db->query('SELECT * FROM users ORDER BY created_at DESC')->fetchAll();
?>

<div class="admin-card">
    <div class="card-header">
        <div class="card-title"><i class="ph-fill ph-users-three"></i> Usuarios del Sistema</div>
        <button class="btn btn-primary" onclick="openModal('userModal'); document.getElementById('userForm').reset(); document.getElementById('userId').value=''; document.getElementById('userModalTitle').textContent='Nuevo Usuario';">
            <i class="ph-bold ph-plus"></i> Nuevo Usuario
        </button>
    </div>
    <table class="admin-table">
        <thead>
            <tr>
                <th>Usuario</th>
                <th>Email</th>
                <th>Rol</th>
                <th>Fecha</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach ($users as $u): 
                $parts = explode(' ', $u['name']);
                $init = '';
                foreach ($parts as $p) $init .= mb_strtoupper(mb_substr($p, 0, 1));
                $init = mb_substr($init, 0, 2);
            ?>
            <tr>
                <td>
                    <div style="display:flex;align-items:center;gap:.8rem;">
                        <div class="avatar-sm"><?= $init ?></div>
                        <span style="font-weight:600;"><?= htmlspecialchars($u['name']) ?></span>
                    </div>
                </td>
                <td style="color:var(--admin-text-muted);"><?= htmlspecialchars($u['email']) ?></td>
                <td><span class="badge badge-gold"><?= ucfirst($u['role']) ?></span></td>
                <td style="color:var(--admin-text-muted); font-size:.82rem;"><?= date('d/m/Y', strtotime($u['created_at'])) ?></td>
                <td>
                    <div style="display:flex;gap:.4rem;">
                        <button class="btn-icon" onclick="editUser(<?= $u['id'] ?>, '<?= htmlspecialchars(addslashes($u['name'])) ?>', '<?= htmlspecialchars(addslashes($u['email'])) ?>', '<?= $u['role'] ?>')" title="Editar">
                            <i class="ph-bold ph-pencil-simple"></i>
                        </button>
                        <button class="btn-icon danger" onclick="confirmDelete('usuario', <?= $u['id'] ?>, deleteUser)" title="Eliminar">
                            <i class="ph-bold ph-trash"></i>
                        </button>
                    </div>
                </td>
            </tr>
            <?php endforeach; ?>
        </tbody>
    </table>
</div>

<!-- Modal Usuario -->
<div class="admin-modal" id="userModal">
    <div class="modal-dialog">
        <div class="modal-header">
            <div class="modal-title"><i class="ph-fill ph-user-circle"></i> <span id="userModalTitle">Nuevo Usuario</span></div>
            <button class="modal-close" onclick="closeModal('userModal')"><i class="ph-bold ph-x"></i></button>
        </div>
        <form id="userForm" onsubmit="saveUser(event)">
            <div class="modal-body">
                <input type="hidden" id="userId" name="id" value="">
                <div class="form-group">
                    <label class="form-label">Nombre completo</label>
                    <input type="text" id="userName" name="name" class="form-control" required placeholder="Nombre del usuario">
                </div>
                <div class="form-group">
                    <label class="form-label">Correo electrónico</label>
                    <input type="email" id="userEmail" name="email" class="form-control" required placeholder="email@ejemplo.com">
                </div>
                <div class="form-group">
                    <label class="form-label">Contraseña <small style="color:var(--admin-text-muted)">(dejar vacío para no cambiar)</small></label>
                    <input type="password" id="userPassword" name="password" class="form-control" placeholder="••••••••">
                </div>
                <div class="form-group">
                    <label class="form-label">Rol</label>
                    <select id="userRole" name="role" class="form-control">
                        <option value="admin">Administrador</option>
                        <option value="editor">Editor</option>
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline" onclick="closeModal('userModal')">Cancelar</button>
                <button type="submit" class="btn btn-primary">Guardar</button>
            </div>
        </form>
    </div>
</div>

<script>
function editUser(id, name, email, role) {
    document.getElementById('userId').value = id;
    document.getElementById('userName').value = name;
    document.getElementById('userEmail').value = email;
    document.getElementById('userRole').value = role;
    document.getElementById('userPassword').value = '';
    document.getElementById('userModalTitle').textContent = 'Editar Usuario';
    openModal('userModal');
}

async function saveUser(e) {
    e.preventDefault();
    const data = {
        id: document.getElementById('userId').value,
        name: document.getElementById('userName').value,
        email: document.getElementById('userEmail').value,
        password: document.getElementById('userPassword').value,
        role: document.getElementById('userRole').value
    };
    const result = await adminFetch('save_user', data);
    if (result.success) {
        closeModal('userModal');
        setTimeout(() => location.reload(), 500);
    }
}

async function deleteUser(id) {
    const result = await adminFetch('delete_user', { id });
    if (result.success) setTimeout(() => location.reload(), 500);
}
</script>
User / IP	: 216.73.216.159
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64