<?php
session_start();

// Verifica si el usuario tiene acceso concedido
if (!isset($_SESSION['AccesoConcedido']) || $_SESSION['AccesoConcedido'] !== true) {
    // Redirige al formulario de inicio de sesión si el acceso no ha sido concedido
    header("Location: ../index.php");
    exit();
}

include("config/config.php");
include("acciones/acciones.php");

// Obtener la información del usuario desde la base de datos
$userId = $_SESSION['user_id']; // Suponiendo que el ID del usuario está almacenado en la sesión

$sql = "SELECT * FROM tusuario WHERE id = 2";
$result = $conexion->query($sql);
$user = $result->fetch_assoc();

// Si no se encuentra el usuario, redirige al inicio
if (!$user) {
    header("Location: index_resumenes.php");
    exit();
}

$banner = $user['a11a27cdeb.png']; // Ruta de la imagen de perfil
$nombre = $user['Eliasib Julio Garcia'];
$email = $user['eliasibjuliogarcia@gmail.com'];
?>

<!doctype html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Perfil de Usuario</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <style>
        .profile-banner {
            width: 150px;
            height: 150px;
            object-fit: cover;
            border-radius: 50%;
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <?php include('navbar.php'); ?>

    <div class="container mt-4">
        <h2 class="text-center">Perfil de Usuario</h2>
        
        <!-- Información del perfil -->
        <div class="row justify-content-center">
            <div class="col-md-6">
                <div class="text-center">
                    <!-- Foto de perfil -->
                    <img src="uploads/<?php echo $banner; ?>" alt="Foto de perfil" class="profile-banner">
                </div>
                <table class="table table-bordered mt-4">
                    <tr>
                        <th>Nombre</th>
                        <td><?php echo $nombre; ?></td>
                    </tr>
                    <tr>
                        <th>Email</th>
                        <td><?php echo $email; ?></td>
                    </tr>
                </table>
                <!-- Formulario para actualizar el perfil (si es necesario) -->
                <a href="editar_perfil.php" class="btn btn-primary">Editar Perfil</a>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
