From f74b518d22db284af5280914a00c6f454d7388b6 Mon Sep 17 00:00:00 2001
From: marga <margarita.gandulp@gmail.com>
Date: Thu, 1 Oct 2026 14:24:57 +0200
Subject: [PATCH] seguir MVC en perfil

---
 js/cabecera.js |  5 ++---
 js/perfil.js   | 31 +++++++++++++++++++++++++++----
 perfil.php     | 13 +++++--------
 3 files changed, 34 insertions(+), 15 deletions(-)

diff --git a/js/cabecera.js b/js/cabecera.js
index 09eb81b..2e3a93f 100644
--- a/js/cabecera.js
+++ b/js/cabecera.js
@@ -43,7 +43,7 @@ function comprobarSesion() {
             </button>
             <ul class="dropdown-menu dropdown-menu-end user-dropdown-menu" aria-labelledby="userDropdown">
               <li>
-                <a class="dropdown-item d-flex align-items-center gap-2" href="perfil.php">
+                <a class="dropdown-item d-flex align-items-center gap-2" href="perfil.html">
                   <i class="fa-solid fa-user text-primary"></i> Perfil
                 </a>
               </li>
@@ -202,5 +202,4 @@ $(document).on("click", "#botonCerrarSesion", function (event) {
       window.location.href = "index.php";
     }
   });
-});
-
+});
\ No newline at end of file
diff --git a/js/perfil.js b/js/perfil.js
index 02859fb..9c5e3ea 100644
--- a/js/perfil.js
+++ b/js/perfil.js
@@ -1,3 +1,26 @@
+// COMPROBAR SESIÓN Y MOSTRAR NOMBRE/AVATAR
+// (antes en perfil.php)
+
+$.ajax({
+  method: "POST",
+  url: "controladores/controladorUsuario.php",
+  data: { orden: "comprobarSesion" },
+}).done(function (respuesta) {
+  if (typeof respuesta === "string") respuesta = JSON.parse(respuesta);
+
+  if (!respuesta.activa) {
+    // Sin sesión: fuera de aquí
+    window.location.href = "index.php";
+    return;
+  }
+
+  $("#nombre").text(respuesta.usuario.nombreUsuario || "Usuario");
+  $("#fotoPerfil").attr(
+    "src",
+    respuesta.usuario.avatar || "img/avatars/defaultProfile.jpeg"
+  );
+});
+
 // =========================
 // MOSTRAR ESTADISTICAS
 // =========================
@@ -50,8 +73,8 @@ function cambiarNombre() {
       $("#nuevoNombre").val("");
 
     
-      if (typeof comprobarEstadoSesion === "function") {
-        comprobarEstadoSesion();
+      if (typeof comprobarSesion === "function") {
+        comprobarSesion();
       }
     }
   });
@@ -110,8 +133,8 @@ $("#inputFoto").change(function () {
       );
 
       // Actualizamos también el avatar superior en la cabecera 
-      if (typeof comprobarEstadoSesion === "function") {
-        comprobarEstadoSesion();
+      if (typeof comprobarSesion === "function") {
+        comprobarSesion();
       }
     }
   });
diff --git a/perfil.php b/perfil.php
index 034b99b..9a2c893 100644
--- a/perfil.php
+++ b/perfil.php
@@ -1,7 +1,3 @@
-<?php
-require_once '/controladores/controladorPerfil.php';
-?>
-
 <!DOCTYPE html>
 <html lang="es">
 
@@ -31,7 +27,7 @@ require_once '/controladores/controladorPerfil.php';
 
 <body>
 
-    <?php include_once 'cabecera.php'; ?>
+    <div id="cabecera"></div>
 
     <div class="perfil-container">
 
@@ -52,14 +48,14 @@ require_once '/controladores/controladorPerfil.php';
 
                         <!-- Nombre -->
                         <h1 id="nombre" class="nombre">
-                            <?= $nombreUsuario ?>
+                            
                         </h1>
 
                         <!-- FOTO DE PERFIL -->
                         <div class="foto-container">
 
                             <img id="fotoPerfil"
-                                 src="<?= $avatarUsuario ?>"
+                                 src="img/avatars/defaultProfile.jpeg"
                                  alt="Foto de perfil"
                                  class="avatar rounded-circle">
 
@@ -283,7 +279,7 @@ require_once '/controladores/controladorPerfil.php';
                         Cancelar
                     </button>
 
-                    <button type="submit" form="formCrearPregunta" class="btn btn-kahoot-login" id="btnCrearPregunta">
+                    <button type="submit" form="formCrearPregunta" class="btn btn-kahoot-register" id="btnCrearPregunta">
                         <i class="bi bi-check-lg me-1"></i>
                         Crear pregunta
                     </button>
@@ -299,6 +295,7 @@ require_once '/controladores/controladorPerfil.php';
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
 
     <!-- Tu JavaScript -->
+    <script>$("#cabecera").load("cabecera.php");</script>
     <script src="js/perfil.js"></script>
 
 </body>