up
This commit is contained in:
@@ -0,0 +1,194 @@
|
||||
<?php
|
||||
require_once 'config/config.php';
|
||||
|
||||
// Verificar autenticación
|
||||
if (!isUserLoggedIn()) {
|
||||
header('Location: login.php');
|
||||
exit;
|
||||
}
|
||||
|
||||
$currentUser = $_SESSION['admin_username'] ?? 'admin';
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>WhatsApp Bot Manager - Simple</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="assets/css/styles.css" rel="stylesheet">
|
||||
<style>
|
||||
.sidebar { min-height: 100vh; background: #f8f9fa; }
|
||||
.content-area { padding: 20px; }
|
||||
.tab-content { display: none; }
|
||||
.tab-content.active { display: block; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<!-- Sidebar -->
|
||||
<div class="col-md-3 sidebar">
|
||||
<div class="d-flex flex-column p-3">
|
||||
<h4 class="mb-4">WhatsApp Bot</h4>
|
||||
|
||||
<ul class="nav nav-pills flex-column">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-tab="dashboard" href="#">
|
||||
📊 Dashboard
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-tab="conversations" href="#">
|
||||
💬 Conversaciones
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-tab="users" href="#">
|
||||
👥 Usuarios
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-tab="settings" href="#">
|
||||
⚙️ Configuraciones
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<hr>
|
||||
<div class="mt-auto">
|
||||
<small class="text-muted">Usuario: <?= htmlspecialchars($currentUser) ?></small><br>
|
||||
<a href="logout.php" class="btn btn-outline-danger btn-sm mt-2">Cerrar Sesión</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="col-md-9 content-area">
|
||||
<!-- Dashboard Tab -->
|
||||
<div id="dashboard" class="tab-content active">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h2>📊 Dashboard</h2>
|
||||
<small class="text-muted">Sistema funcionando correctamente</small>
|
||||
</div>
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-3">
|
||||
<div class="card text-center">
|
||||
<div class="card-body">
|
||||
<h3 id="total-users" class="text-primary">--</h3>
|
||||
<p class="card-text">Configuraciones</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="card text-center">
|
||||
<div class="card-body">
|
||||
<h5 id="messages-today" class="text-success">--</h5>
|
||||
<p class="card-text">WhatsApp</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="card text-center">
|
||||
<div class="card-body">
|
||||
<h5 id="active-users" class="text-info">--</h5>
|
||||
<p class="card-text">Base de Datos</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="card text-center">
|
||||
<div class="card-body">
|
||||
<h5 id="total-messages" class="text-warning">--</h5>
|
||||
<p class="card-text">Instalación</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5>🔧 Acciones Rápidas</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<a href="debug_system.php" class="btn btn-primary">🐛 Sistema Debug</a>
|
||||
<a href="config_status.php" class="btn btn-info">📊 Estado Config</a>
|
||||
<a href="test_config_system.php" class="btn btn-success">🧪 Panel Pruebas</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Conversations Tab -->
|
||||
<div id="conversations" class="tab-content">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h2>💬 Conversaciones</h2>
|
||||
<button class="btn btn-primary btn-sm" onclick="whatsappManager.loadConversations()">🔄 Actualizar</button>
|
||||
</div>
|
||||
|
||||
<div id="conversations-list">
|
||||
<div class="text-center text-muted">
|
||||
<div class="spinner-border" role="status"></div>
|
||||
<p>Cargando conversaciones...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Users Tab -->
|
||||
<div id="users" class="tab-content">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h2>👥 Usuarios</h2>
|
||||
<button class="btn btn-primary btn-sm" onclick="whatsappManager.loadUsers()">🔄 Actualizar</button>
|
||||
</div>
|
||||
|
||||
<div id="users-list">
|
||||
<div class="text-center text-muted">
|
||||
<div class="spinner-border" role="status"></div>
|
||||
<p>Cargando usuarios...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Settings Tab -->
|
||||
<div id="settings" class="tab-content">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h2>⚙️ Configuraciones</h2>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5>📱 Configuración WhatsApp</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form id="settings-form">
|
||||
<div class="mb-3">
|
||||
<label for="whatsapp_token" class="form-label">Token de WhatsApp</label>
|
||||
<input type="text" class="form-control" id="whatsapp_token" name="whatsapp_token"
|
||||
placeholder="Ingresa tu token de WhatsApp Business API">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="whatsapp_phone_id" class="form-label">Phone Number ID</label>
|
||||
<input type="text" class="form-control" id="whatsapp_phone_id" name="whatsapp_phone_id"
|
||||
placeholder="Ingresa el Phone Number ID">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="webhook_token" class="form-label">Token de Webhook</label>
|
||||
<input type="text" class="form-control" id="webhook_token" name="webhook_token"
|
||||
placeholder="Token para verificación del webhook">
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">💾 Guardar Configuraciones</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/js/app_simple.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user