Merge pull request 'Host2' (#11) from host2 into main

Reviewed-on: #11

js/buscadorSala.js

@@ -130,7 +130,7 @@ function mostrarSala(partida, equipos, jugadores) {
       esHost ? "jugador-host" : ""
     }">
       <div>
-        <span class="avatar">${esHost ? "👑" : "👤"}</span>
+        <span class="avatar">${esHost ? '<i class="bi bi-award-fill"></i>' : '<i class="bi bi-person-fill"></i>'}</span>
         ${escapeHTML(jugador.nombreUsuario)}
       </div>
 
@@ -174,14 +174,15 @@ function mostrarSala(partida, equipos, jugadores) {
   let accionesSalaHTML = "";
 
   if (usuarioYaEstaEnEquipo) {
+    const esHost = partida.idUsuario == idUsuarioSesion;
     let botonIniciarHTML = "";
 
     // Solo el host puede iniciar la partida
-    if (partida.idUsuario == idUsuarioSesion) {
+    if (esHost) {
       botonIniciarHTML = `
       <a href="juego.php?idPartida=${partida.idPartida}" 
          class="btn btn-success btn-lg px-4">
-        🎮 ¡Iniciar Partida!
+        <i class="bi bi-controller"></i> ¡Iniciar Partida!
       </a>
     `;
     }
@@ -191,7 +192,8 @@ function mostrarSala(partida, equipos, jugadores) {
 
       <button type="button" 
               class="btn btn-outline-danger btn-abandonar-sala" 
-              data-id-partida="${partida.idPartida}">
+              data-id-partida="${partida.idPartida}"
+              data-es-host="${esHost}">
         Abandonar sala
       </button>
 
@@ -263,12 +265,34 @@ let botonAbandonarReferencia = null;
 // A. Al hacer clic en el botón "Abandonar sala" de la tarjeta, abrimos el modal
 $(document).on("click", ".btn-abandonar-sala", function () {
   botonAbandonarReferencia = $(this);
+
+  const esHost = $(this).data("es-host") === true || $(this).data("es-host") === "true";
+  const titulo = $("#modalAbandonarSalaLabel");
+  const mensaje = $("#modalAbandonarSalaMensaje");
+  const botonConfirmar = $("#btnConfirmarAbandonar");
+
+  if (esHost) {
+    titulo.text("¿Abandonar la sala?");
+    mensaje.text(
+      "Si abandonas la sala como anfitrión, la partida terminará para todos los jugadores.",
+    );
+    botonConfirmar.text("Sí, abandonar");
+  } else {
+    titulo.text("¿Abandonar la sala?");
+    mensaje.text(
+      "Si sales de la sala, perderás tu lugar en el equipo.",
+    );
+    botonConfirmar.text("Sí, salir");
+  }
+
   const modal = new bootstrap.Modal(
     document.getElementById("modalAbandonarSala"),
   );
+
   modal.show();
 });
 
+
 // B. Al hacer clic en "Sí, salir" dentro del modal Kahoot
 $(document).on("click", "#btnConfirmarAbandonar", function () {
   const modalEl = document.getElementById("modalAbandonarSala");