refactor: przeniesienie konfiguracji kanału logów do dedykowanego modalu Ustawienia z wybierakiem per-serwer

static/index.html

@@ -27,10 +27,14 @@
                     <h1>ŻyrarBOT</h1>
                     <span class="subtitle">Kontroler Web</span>
                 </div>
-            </div>
-            <div class="bot-status-badge" id="bot-status-container">
-                <span class="status-indicator offline" id="status-dot"></span>
-                <span id="status-text">Rozłączony</span>
+            <div class="header-actions" style="display: flex; align-items: center; gap: 16px;">
+                <button id="btn-open-settings" class="btn btn-secondary" style="display: flex; align-items: center; gap: 8px;">
+                    <i data-lucide="settings"></i> Ustawienia
+                </button>
+                <div class="bot-status-badge" id="bot-status-container">
+                    <span class="status-indicator offline" id="status-dot"></span>
+                    <span id="status-text">Rozłączony</span>
+                </div>
             </div>
         </header>
 
@@ -41,7 +45,7 @@
                 <!-- Connection & Settings Panel -->
                 <div class="glass-card connection-panel">
                     <h2 class="card-title"><i data-lucide="radio"></i> Kanał Głosowy</h2>
-                    <div class="control-row" style="margin-bottom: 20px;">
+                    <div class="control-row">
                         <select id="voice-channel-select" class="premium-select">
                             <option value="" disabled selected>Wybierz kanał...</option>
                         </select>
@@ -49,13 +53,6 @@
                             <i data-lucide="log-in"></i> Połącz
                         </button>
                     </div>
-                    
-                    <h2 class="card-title" style="margin-top: 10px;"><i data-lucide="message-square"></i> Kanał Tekstowy Logów</h2>
-                    <div class="control-row">
-                        <select id="text-channel-select" class="premium-select">
-                            <option value="" disabled selected>Wybierz kanał...</option>
-                        </select>
-                    </div>
                 </div>
 
                 <!-- Player Panel (Now Playing) -->
@@ -217,6 +214,29 @@
         </main>
     </div>
 
+    <!-- Settings Modal -->
+    <div class="modal-overlay" id="settings-modal" style="display: none;">
+        <div class="modal-card glass-card">
+            <div class="modal-header">
+                <h2 class="card-title"><i data-lucide="settings"></i> Ustawienia ŻyrarBOT</h2>
+                <button class="btn-icon" id="btn-close-settings" title="Zamknij"><i data-lucide="x"></i></button>
+            </div>
+            <div class="modal-body">
+                <div class="settings-section">
+                    <h3><i data-lucide="server"></i> Konfiguracja Serwerów Discord (Kanały Logów)</h3>
+                    <p class="settings-desc">Wybierz kanał tekstowy na każdym serwerze Discord, na który bot ma wysyłać powiadomienia o odtwarzanych utworach i zmianach w kolejce.</p>
+                    <div class="guilds-list" id="settings-guilds-list">
+                        <!-- Populated via JS -->
+                        <div class="empty-queue-message">
+                            <i data-lucide="loader"></i>
+                            <p>Ładowanie listy serwerów...</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <!-- Notification Toast -->
     <div class="toast-container" id="toast-container"></div>