refonte css of site

app/public/guild/guildBase.js

@@ -1,12 +1,55 @@
 window.guildId = window.location.pathname.split("/")[2];
 
-// Nom du serveur
+// Charger les infos du bot
+fetch("/api/bot-info")
+  .then(res => res.json())
+  .then(bot => {
+    const botAvatar = document.getElementById("bot-avatar");
+    if (botAvatar) {
+      botAvatar.src = `https://cdn.discordapp.com/avatars/${bot.id}/${bot.avatar}.png`;
+    }
+  })
+  .catch(() => {});
+
+// Charger les infos utilisateur
+fetch("/api/user")
+  .then(res => {
+    if (!res.ok) throw new Error("Non connecté");
+    return res.json();
+  })
+  .then(user => {
+    const avatarUrl = `https://cdn.discordapp.com/avatars/${user.id}/${user.avatar}.png`;
+    const userAvatar = document.getElementById("user-avatar");
+    const userName = document.getElementById("user-name");
+    
+    if (userAvatar) userAvatar.src = avatarUrl;
+    if (userName) userName.textContent = user.username;
+  })
+  .catch(() => {
+    window.location.href = "/auth/login";
+  });
+
+// Nom et icône du serveur
 fetch("/api/guilds")
   .then(res => res.json())
   .then(guilds => {
     const guild = guilds.find(g => g.id === guildId);
-    document.getElementById("guild-name").textContent =
-      guild ? `Dashboard : ${guild.name}` : "Serveur introuvable";
+    const guildName = document.getElementById("guild-name");
+    const guildIcon = document.getElementById("guild-icon");
+    const guildIdEl = document.getElementById("guild-id");
+    const breadcrumbGuild = document.getElementById("breadcrumb-guild");
+    
+    if (guild) {
+      if (guildName) guildName.textContent = guild.name;
+      if (breadcrumbGuild) breadcrumbGuild.textContent = guild.name;
+      if (guildIdEl) guildIdEl.textContent = `ID: ${guild.id}`;
+      if (guildIcon && guild.icon) {
+        guildIcon.src = `https://cdn.discordapp.com/icons/${guild.id}/${guild.icon}.png`;
+      }
+      document.title = `${guild.name} - LazyBot`;
+    } else {
+      if (guildName) guildName.textContent = "Serveur introuvable";
+    }
   });
 
 // Channels texte
@@ -16,12 +59,26 @@ fetch(`/api/bot/get-text-channels/${guildId}`)
     const welcome = document.getElementById("welcome-channel");
     const goodbye = document.getElementById("goodbye-channel");
     const levelAnnouncements = document.getElementById("level-announcements-channel");
+    const levelChannelRestrict = document.getElementById("level-channel-with-or-without-xp");
 
     channels.forEach(c => {
       const opt = new Option(`#${c.name}`, c.id);
       welcome?.appendChild(opt);
       goodbye?.appendChild(opt.cloneNode(true));
       levelAnnouncements?.appendChild(opt.cloneNode(true));
+      levelChannelRestrict?.appendChild(opt.cloneNode(true));
+    });
+  });
+
+// Channels vocaux
+fetch(`/api/bot/get-voice-channels/${guildId}`)
+  .then(res => res.json())
+  .then(channels => {
+    const vocalExclude = document.getElementById("autorole-vocal-exclude-channel");
+
+    channels.forEach(c => {
+      const opt = new Option(`🔊 ${c.name}`, c.id);
+      vocalExclude?.appendChild(opt);
     });
   });
 
@@ -31,10 +88,12 @@ fetch(`/api/bot/get-roles/${guildId}`)
   .then(roles => {
     const newUser = document.getElementById("autorole-role");
     const vocal = document.getElementById("autorole-vocal-role");
+    const levelRoleRestrict = document.getElementById("level-role-with-or-without-xp");
 
     roles.forEach(r => {
       const opt = new Option(r.name, r.id);
       newUser?.appendChild(opt);
       vocal?.appendChild(opt.cloneNode(true));
+      levelRoleRestrict?.appendChild(opt.cloneNode(true));
     });
   });