<?php
// Incluir el archivo de conexión
require 'conexion.php';

// Encabezados para prevenir problemas de caché y caracteres
header("Cache-Control: no-cache, must-revalidate");
header("Content-Type: text/html; charset=utf-8");

?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prueba de Conexión - Sistema de Acceso</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
            background-color: #f4f4f4;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        h1 {
            color: #333;
            text-align: center;
        }
        .status {
            padding: 15px;
            margin: 20px 0;
            border-radius: 5px;
            text-align: center;
            font-weight: bold;
        }
        .success {
            background-color: #d4edda;
            color: #155724;
            border: 1px solid #c3e6cb;
        }
        .error {
            background-color: #f8d7da;
            color: #721c24;
            border: 1px solid #f5c6cb;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
        th, td {
            padding: 12px;
            text-align: left;
            border: 1px solid #ddd;
        }
        th {
            background-color: #f2f2f2;
            font-weight: bold;
        }
        tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        .info {
            background-color: #e9ecef;
            padding: 15px;
            border-radius: 5px;
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Prueba de Conexión a Base de Datos</h1>
        
        <div class="info">
            <strong>Información de conexión:</strong><br>
            Host: <?php echo $DATABASE_HOST; ?><br>
            Base de datos: <?php echo $DATABASE_NAME; ?><br>
            Usuario: <?php echo $DATABASE_USER; ?><br>
            Fecha: <?php echo date('Y-m-d H:i:s'); ?>
        </div>

        <?php
        // Verificar si la conexión se estableció correctamente
        if ($conexion) {
            echo '<div class="status success">✓ Conexión exitosa a la base de datos</div>';
            
            // Consultar la tabla accounts
            $query = "SELECT * FROM accounts";
            $resultado = mysqli_query($conexion, $query);
            
            if ($resultado) {
                // Obtener número de registros
                $num_registros = mysqli_num_rows($resultado);
                
                echo '<div class="status success">';
                echo '✓ Consulta ejecutada correctamente<br>';
                echo 'Número de registros encontrados: ' . $num_registros;
                echo '</div>';
                
                if ($num_registros > 0) {
                    // Mostrar los datos en una tabla
                    echo '<h2>Contenido de la tabla "accounts"</h2>';
                    echo '<table>';
                    echo '<thead><tr>';
                    
                    // Obtener nombres de las columnas
                    $campos = mysqli_fetch_fields($resultado);
                    foreach ($campos as $campo) {
                        echo '<th>' . htmlspecialchars($campo->name) . '</th>';
                    }
                    echo '</tr></thead>';
                    echo '<tbody>';
                    
                    // Reiniciar el puntero del resultado
                    mysqli_data_seek($resultado, 0);
                    
                    // Mostrar los datos
                    while ($fila = mysqli_fetch_assoc($resultado)) {
                        echo '<tr>';
                        foreach ($fila as $valor) {
                            echo '<td>' . htmlspecialchars($valor) . '</td>';
                        }
                        echo '</tr>';
                    }
                    echo '</tbody></table>';
                } else {
                    echo '<div class="status error">La tabla "accounts" está vacía</div>';
                }
                
                // Liberar resultado
                mysqli_free_result($resultado);
                
            } else {
                echo '<div class="status error">Error en la consulta: ' . htmlspecialchars(mysqli_error($conexion)) . '</div>';
                
                // Mostrar información adicional para debugging
                echo '<div class="info">';
                echo '<strong>Información para debugging:</strong><br>';
                echo 'Consulta SQL: ' . htmlspecialchars($query) . '<br>';
                echo 'Código de error: ' . mysqli_errno($conexion) . '<br>';
                echo 'Mensaje de error: ' . htmlspecialchars(mysqli_error($conexion));
                echo '</div>';
            }
            
            // Cerrar conexión
            mysqli_close($conexion);
            
        } else {
            echo '<div class="status error">✗ Error de conexión: ' . htmlspecialchars(mysqli_connect_error()) . '</div>';
            
            echo '<div class="info">';
            echo '<strong>Sugerencias para resolver el problema:</strong><br>';
            echo '1. Verifica que MySQL esté ejecutándose<br>';
            echo '2. Confirma las credenciales de la base de datos<br>';
            echo '3. Verifica que la base de datos "acceso" exista<br>';
            echo '4. Comprueba los permisos del usuario root<br>';
            echo '5. Revisa la configuración de PHP (php.ini)';
            echo '</div>';
        }
        ?>
        
        <div style="margin-top: 30px; padding: 15px; background-color: #e9ecef; border-radius: 5px;">
            <strong>Información del servidor:</strong><br>
            PHP Version: <?php echo phpversion(); ?><br>
            MySQLi Client: <?php echo mysqli_get_client_info(); ?><br>
            Servidor: <?php echo $_SERVER['SERVER_SOFTWARE'] ?? 'N/A'; ?>
        </div>
    </div>
</body>
</html>