<?php
session_start();
include "conexion.php";

if (!isset($_SESSION['usuario'])) {
    header("Location: index.php");
    exit();
}

$sql = "SELECT * FROM usuario";
$result = $conn->query($sql);
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Usuarios</title>
    <link rel="stylesheet" href="style_moderno.css">
</head>
<body>
    <div class="main-wrapper">
        <!-- Sidebar -->
        <aside class="sidebar">
            <div class="sidebar-header">
                <h2>💼 Financiera</h2>
                <p>Sistema de Gestión</p>
            </div>
            <ul class="sidebar-menu">
                <li class="menu-item">
                    <a href="inicio_moderno.php">
                        <span class="menu-icon">🏠</span>
                        Inicio
                    </a>
                </li>
                <li class="menu-item">
                    <a href="inversionista_moderno.php">
                        <span class="menu-icon">👥</span>
                        Inversionistas
                    </a>
                </li>
                <li class="menu-item">
                    <a href="inversion_moderno.php">
                        <span class="menu-icon">💰</span>
                        Inversiones
                    </a>
                </li>
                <li class="menu-item">
                    <a href="retiro_moderno.php">
                        <span class="menu-icon">💸</span>
                        Retiros
                    </a>
                </li>
                <li class="menu-item">
                    <a href="saldo_moderno.php">
                        <span class="menu-icon">📊</span>
                        Saldos
                    </a>
                </li>
                <li class="menu-item">
                    <a href="usuario_moderno.php" class="active">
                        <span class="menu-icon">👤</span>
                        Usuarios
                    </a>
                </li>
                <li class="menu-item">
                    <a href="respaldo_base.php">
                        <span class="menu-icon">💾</span>
                        Respaldos
                    </a>
                </li>
                <li class="menu-item">
                    <a href="index.php" style="color: #ef4444;">
                        <span class="menu-icon">🚪</span>
                        Cerrar Sesión
                    </a>
                </li>
            </ul>
        </aside>

        <!-- Contenido Principal -->
        <main class="main-content">
            <div class="dashboard-header">
                <h1>👤 Usuarios del Sistema</h1>
                <p>Administra los usuarios y sus permisos de acceso</p>
            </div>

            <div class="botones-accion">
                <button class="btn" onclick="openModal('modalAgregar')">➕ Agregar Usuario</button>
                <button class="btn print-btn" onclick="window.print()">🖨️ Imprimir</button>
            </div>

            <div class="table-container">
                <table>
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Nombre</th>
                            <th>Usuario</th>
                            <th class="acciones">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php while ($row = $result->fetch_assoc()): ?>
                            <tr>
                                <td><?php echo $row['idusu']; ?></td>
                                <td><?php echo htmlspecialchars($row['nomusu']); ?></td>
                                <td><?php echo htmlspecialchars($row['usu']); ?></td>
                                <td class="acciones">
                                    <button class="btn" onclick="openModal('modalEditar<?php echo $row['idusu']; ?>')">✏️ Editar</button>
                                    <button class="btn btn-danger" onclick="if (confirm('¿Está seguro de eliminar este usuario?')) window.location.href='usuario_eliminar.php?id=<?php echo $row['idusu']; ?>'">🗑️ Eliminar</button>
                                </td>
                            </tr>

                            <!-- Modal para Editar Usuario -->
                            <div id="modalEditar<?php echo $row['idusu']; ?>" class="modal">
                                <div class="modal-content">
                                    <span class="close" onclick="closeModal('modalEditar<?php echo $row['idusu']; ?>')">&times;</span>
                                    <h2>Editar Usuario</h2>
                                    <form action="usuario_editar.php?id=<?php echo $row['idusu']; ?>" method="POST">
                                        <div class="form-group">
                                            <label>Nombre:</label>
                                            <input type="text" name="nomusu" value="<?php echo htmlspecialchars($row['nomusu']); ?>" required>
                                        </div>
                                        <div class="form-group">
                                            <label>Usuario:</label>
                                            <input type="text" name="usu" value="<?php echo htmlspecialchars($row['usu']); ?>" required>
                                        </div>
                                        <div class="form-group">
                                            <label>Contraseña:</label>
                                            <input type="password" name="conusu" placeholder="Nueva contraseña" required>
                                        </div>
                                        <button type="submit">💾 Actualizar</button>
                                    </form>
                                </div>
                            </div>
                        <?php endwhile; ?>
                    </tbody>
                </table>
            </div>
        </main>
    </div>

    <!-- Modal para Agregar Usuario -->
    <div id="modalAgregar" class="modal">
        <div class="modal-content">
            <span class="close" onclick="closeModal('modalAgregar')">&times;</span>
            <h2>Agregar Usuario</h2>
            <form action="usuario_nuevo.php" method="POST">
                <div class="form-group">
                    <label>Nombre:</label>
                    <input type="text" name="nomusu" placeholder="Nombre completo" required>
                </div>
                <div class="form-group">
                    <label>Usuario:</label>
                    <input type="text" name="usu" placeholder="Nombre de usuario" required>
                </div>
                <div class="form-group">
                    <label>Contraseña:</label>
                    <input type="password" name="conusu" placeholder="Contraseña" required>
                </div>
                <button type="submit">💾 Guardar</button>
            </form>
        </div>
    </div>

    <script>
        function openModal(modalId) {
            document.getElementById(modalId).style.display = 'block';
        }

        function closeModal(modalId) {
            document.getElementById(modalId).style.display = 'none';
        }

        // Cerrar modal al hacer clic fuera de él
        window.onclick = function(event) {
            if (event.target.className === 'modal') {
                event.target.style.display = 'none';
            }
        }
    </script>
</body>
</html>
<?php $conn->close(); ?>
