From e70ab42c13ab36d694be24ee24d6508de55b196b Mon Sep 17 00:00:00 2001
From: Shni <niamelyrz@gmail.com>
Date: Wed, 15 Oct 2025 00:39:22 -0500
Subject: [PATCH] =?UTF-8?q?feat:=20Redise=C3=B1ar=20el=20panel=20de=20cont?=
 =?UTF-8?q?rol=20con=20un=20nuevo=20dise=C3=B1o=20y=20enlaces=20de=20naveg?=
 =?UTF-8?q?aci=C3=B3n=20para=20servidores?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/server/views/pages/dashboard.ejs | 78 +++++++++++++++-------------
 1 file changed, 42 insertions(+), 36 deletions(-)

diff --git a/src/server/views/pages/dashboard.ejs b/src/server/views/pages/dashboard.ejs
index 56be9a4..2e88832 100644
--- a/src/server/views/pages/dashboard.ejs
+++ b/src/server/views/pages/dashboard.ejs
@@ -1,45 +1,51 @@
 <% if (typeof useDashboardNav !== 'undefined' && useDashboardNav) { %>
   <%- include('../partials/dashboard_nav') %>
 <% } %>
-<div class="max-w-7xl mx-auto p-6">
-  <div class="flex flex-col lg:flex-row gap-6">
-    <!-- Left sidebar (menu 1) -->
-    <aside class="hidden lg:block w-60">
-      <nav class="bg-white/6 backdrop-blur rounded-xl p-4 glass-card h-[70vh]">
-        <ul class="flex flex-col gap-4">
-          <li class="text-slate-300">Item L1</li>
-          <li class="text-slate-300">Item L2</li>
-          <li class="text-slate-300">Item L3</li>
-          <li class="text-slate-300">Item L4</li>
-        </ul>
-      </nav>
-    </aside>
-
-    <!-- Center panel (overview) -->
-    <main class="flex-1">
-      <div class="backdrop-blur-md bg-white/8 border border-white/8 rounded-xl p-8 shadow-lg min-h-[70vh]">
-        <h2 class="text-xl text-slate-200 mb-6">Overview</h2>
-        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-          <div class="bg-white/5 rounded p-4">Panel A</div>
-          <div class="bg-white/5 rounded p-4">Panel B</div>
-          <div class="bg-white/5 rounded p-4">Panel C</div>
-          <div class="bg-white/5 rounded p-4">Panel D</div>
+<div class="max-w-3xl mx-auto p-6">
+  <div class="relative flex justify-center">
+    <% if (!selectedGuild) { %>
+      <!-- Card principal (centered) -->
+      <div class="w-full">
+        <div class="mx-auto backdrop-blur-md bg-white/10 border border-white/10 rounded-xl p-6 shadow-lg glass-card">
+          <h1 class="text-3xl font-bold mb-2"><%= appName %></h1>
+          <p class="text-sm text-slate-200/80 mb-4">Panel de administración</p>
+          <div class="mt-4">
+            <p class="text-sm text-slate-200/80">Selecciona un servidor desde la página principal para administrar sus ajustes.</p>
+            <a href="/dashboard/select-guild" class="inline-block mt-3 pixel-btn">Seleccionar servidor</a>
+          </div>
         </div>
       </div>
-    </main>
+    <% } %>
+
+    <% if (typeof selectedGuild !== 'undefined' && selectedGuild) { %>
+      <!-- Floating sidebar for guild actions -->
+      <aside class="absolute right-6 top-12 hidden lg:block transform translate-y-1">
+        <nav class="bg-white/6 backdrop-blur rounded-xl p-4 glass-card w-48">
+          <ul class="flex flex-col gap-3">
+            <li><a href="/dashboard/<%= selectedGuild %>/overview" class="block p-2 rounded-md hover:bg-white/5">Overview</a></li>
+            <li><a href="/dashboard/<%= selectedGuild %>/members" class="block p-2 rounded-md hover:bg-white/5">Miembros</a></li>
+            <li><a href="/dashboard/<%= selectedGuild %>/settings" class="block p-2 rounded-md hover:bg-white/5">Ajustes</a></li>
+            <li><a href="/dashboard/<%= selectedGuild %>/areas" class="block p-2 rounded-md hover:bg-white/5">Game Areas</a></li>
+            <li><a href="/dashboard/<%= selectedGuild %>/mobs" class="block p-2 rounded-md hover:bg-white/5">Mobs</a></li>
+          </ul>
+        </nav>
+      </aside>
+      <!-- Mobile drawer/backdrop -->
+      <div id="drawerBackdrop" class="fixed inset-0 bg-black/40 z-40 hidden"></div>
+      <div id="mobileDrawer" class="fixed left-0 top-0 bottom-0 w-64 bg-white/6 backdrop-blur z-50 transform -translate-x-full transition-transform duration-300">
+        <div class="p-4">
+          <h4 class="text-white font-semibold mb-3">Servidor: <%= selectedGuildName || selectedGuild %></h4>
+          <ul class="flex flex-col gap-3">
+            <li><a href="/dashboard/<%= selectedGuild %>/overview" class="block p-2 rounded-md hover:bg-white/5">Overview</a></li>
+            <li><a href="/dashboard/<%= selectedGuild %>/members" class="block p-2 rounded-md hover:bg-white/5">Miembros</a></li>
+            <li><a href="/dashboard/<%= selectedGuild %>/settings" class="block p-2 rounded-md hover:bg-white/5">Ajustes</a></li>
+            <li><a href="/dashboard/<%= selectedGuild %>/areas" class="block p-2 rounded-md hover:bg-white/5">Game Areas</a></li>
+            <li><a href="/dashboard/<%= selectedGuild %>/mobs" class="block p-2 rounded-md hover:bg-white/5">Mobs</a></li>
+          </ul>
+        </div>
+      </div>
+    <% } %>
 
-    <!-- Right sidebar (menu 2) -->
-    <aside class="hidden lg:block w-56">
-      <nav class="bg-white/6 backdrop-blur rounded-xl p-4 glass-card h-[70vh]">
-        <ul class="flex flex-col gap-3">
-          <li><a href="#" class="block p-2 rounded-md hover:bg-white/5">Overview</a></li>
-          <li><a href="#" class="block p-2 rounded-md hover:bg-white/5">Miembros</a></li>
-          <li><a href="#" class="block p-2 rounded-md hover:bg-white/5">Ajustes</a></li>
-          <li><a href="#" class="block p-2 rounded-md hover:bg-white/5">Game Areas</a></li>
-          <li><a href="#" class="block p-2 rounded-md hover:bg-white/5">Mobs</a></li>
-        </ul>
-      </nav>
-    </aside>
   </div>
 </div>