securenet579/using-php-lbbv6th

1document.addEventListener('DOMContentLoaded', function() {2    // Initialize sidebar toggle3    const sidebarToggle = document.querySelector('#sidebarToggle');4    const sidebar = document.querySelector('custom-sidebar');5    6    if (sidebarToggle && sidebar) {7        sidebarToggle.addEventListener('click', () => {8            const sidebarShadow = sidebar.shadowRoot.querySelector('.sidebar');9            sidebarShadow.classList.toggle('translate-x-0');10            sidebarShadow.classList.toggle('-translate-x-full');11        });12    }13    14    // Close sidebar when clicking outside on mobile15    document.addEventListener('click', function(event) {16        const sidebar = document.querySelector('custom-sidebar');17        if (sidebar) {18            const sidebarShadow = sidebar.shadowRoot.querySelector('.sidebar');19            const isClickInside = sidebar.contains(event.target) || 20                                 event.target === sidebarToggle;21            22            if (!isClickInside && window.innerWidth < 768) {23                sidebarShadow.classList.remove('translate-x-0');24                sidebarShadow.classList.add('-translate-x-full');25            }26        }27    });28    29    // Active state for sidebar links30    const sidebarLinks = document.querySelectorAll('.sidebar-link');31    sidebarLinks.forEach(link => {32        link.addEventListener('click', function() {33            sidebarLinks.forEach(l => l.classList.remove('active'));34            this.classList.add('active');35        });36    });37    38    // Mock PHP data display (in a real app this would come from PHP)39    displayServerInfo();40});41 42function displayServerInfo() {43    // In a real scenario, these would be fetched from PHP44    const serverInfo = {45        'phpVersion': '<?php echo phpversion(); ?>',46        'serverSoftware': '<?php echo $_SERVER['SERVER_SOFTWARE']; ?>',47        'currentTime': '<?php echo date("Y-m-d H:i:s"); ?>'48    };49    50    // Update any dynamic elements based on server-side data51    console.log('Server info:', serverInfo);52}