pane.classList.remove('hidden'); } else { pane.classList.add('hidden'); } }); }); }); } // Initialize tabs once DOM is loaded document.addEventListener('DOMContentLoaded', () => { setupAdminTabs(); // Also listen on modal show events to reset to the first tab (branding) const adminModal = document.getElementById('admin-modal'); if (adminModal) { adminModal.addEventListener('open-admin', () => { const firstTab = document.querySelector('.admin-tab-btn[data-tab="branding"]'); if (firstTab) { // Trigger click const tabs = document.querySelectorAll('.admin-sidebar .admin-tab-btn'); tabs.forEach(t => t.classList.remove('active')); firstTab.classList.add('active'); const contentPanes = document.querySelectorAll('.admin-tab-content'); contentPanes.forEach(pane => { if (pane.id === 'admin-tab-branding') { pane.classList.remove('hidden'); } else { pane.classList.add('hidden'); } }); } }); } });