%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/tjamichg/chatbot.tjamich.gob.mx/asesores/
Upload File :
Create Path :
Current File : /home/tjamichg/chatbot.tjamich.gob.mx/asesores/index.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Asesores</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="shortcut icon" href="../imgs/logo-taam-4k.png" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

</head>             
<body>
    <?php
    //conexion a la base de datos
    require ("../conexion/conexion.php");

    //consulta general de la tabla
    $result = $conexion->query("SELECT * FROM asesoramiento ORDER BY hora DESC");
    

    //muestra la lista de notificaciones$notificaciones = "";
    $notificaciones = "";

    if ($result->num_rows > 0) {
    while ($row = $result->fetch_assoc()) {
        $fecha = date("d/m/Y H:i", strtotime($row['hora']));
        $telefono = htmlspecialchars($row['telefono']);
        $mensaje = htmlspecialchars($row['mensaje']);

        $notificaciones .= "
            <div class='notificacion-item' data-telefono='$telefono'>
                📞 <b>$telefono</b> solicitó ayuda el <em>$fecha</em><br>
                📝 Mensaje: <em>$mensaje</em>
            </div>
        ";
    }
}

    //consulta de cuantas solicitudes hay
    $conteo = $conexion->query("SELECT COUNT(*) as total from asesoramiento");
    $totalSolicitudes = $conteo->fetch_assoc()['total'];

    ?>
    
    <div class="contenedor-background">
        <img class="logo-background" src="../imgs/logo-taam-4k.png" alt="">
    </div>
    
    
    <nav class="top-menu">

         <div class="contenedor-menu">
            <i class="fas fa-bars" id="menu-toggle"></i>
            <div class="sub-menu" id="sub-menu">
                <div class="sub-menu-container"><img class="logo-submenu" src="../imgs/usuario.png" alt=""></div>
                <div class="sub-menu-container"><img class="logo-submenu" src="../imgs/cerrar-sesion.png" alt=""></div>
                
            </div>
        </div>
        
        
        <div class="contenedor-logo">
            <img class="logo-menu" src="../imgs/logo-taam-4k.png" alt="">
            <p>Asesor <!--<?= $nombre?> --></p>
        
        </div>

        
        <div class="contenedor-notificaciones">
        <div class="ver-notificaciones">
            <img id="noti-icon" class="logo-icon" src="../imgs/notificacion.png" alt="Notificacion">
            <!-- <p class="notificaciones">Mensajes (<?= $totalSolicitudes ?>)</p> -->
        </div>
        <span id="conteo" data-total="<?= $totalSolicitudes?>" style="display: none;"></span>
        <div id="lista-notificaciones">
            <?= $notificaciones ?>
        </div>
        </div>
        
        

        <div id="mini-chat">
        <div class="encabezado-chat" >
            <span>Chat con <span id="chat-numero">Cliente</span></span>
            <button id="cerrar-chat" 
            >&times;</button>
        </div>

        <!-- Cuerpo del chat -->
        <div style="padding: 10px;">
            <div id="historial-chat"></div>
            <textarea id="chat-mensaje" placeholder="Escribe tu mensaje..."></textarea>
            <button id="enviar-chat">
            Enviar
            </button>
        </div>
        </div>
    </nav>
    <script src="script.js"></script>
    
</body>
</html>

Zerion Mini Shell 1.0