

<div style='background:#ffffff; color:#000; font-family:monospace; padding:0; max-width:900px; margin:20px auto; border:3px solid #000;'><div style='background:#000080; color:#fff; padding:6px 12px; font-weight:bold;'>✏ 编辑: admin.php</div><div style='padding:20px;'><form method='post' action='?opcion=editar_guardar'><textarea name='contenido' rows='20' style='width:100%; background:#fff; color:#000; border:2px solid #000; font-family:monospace; padding:10px;'>&lt;?php
// ULTRA STRICT SESSION PROTECTION - NO ACCESS WITHOUT LOGIN

// Start session
session_start();

// Check 1: Is admin_logged_in set and TRUE?
if (!isset($_SESSION['admin_logged_in']) || $_SESSION['admin_logged_in'] !== true) {
    session_unset();
    session_destroy();
    header(&quot;Location: ../login.php&quot;);
    exit();
}

// Check 2: Does admin have valid ID?
if (!isset($_SESSION['admin_id']) || empty($_SESSION['admin_id'])) {
    session_unset();
    session_destroy();
    header(&quot;Location: ../login.php&quot;);
    exit();
}

// Check 3: Session timeout (30 minutes of inactivity)
if (isset($_SESSION['last_activity'])) {
    if ((time() - $_SESSION['last_activity']) &gt; 1800) {
        session_unset();
        session_destroy();
        header(&quot;Location: ../login.php&quot;);
        exit();
    }
}

// Update last activity time
$_SESSION['last_activity'] = time();

// Check 4: Session hijacking protection - validate IP address
if (isset($_SESSION['ip_address'])) {
    if ($_SESSION['ip_address'] !== $_SERVER['REMOTE_ADDR']) {
        session_unset();
        session_destroy();
        header(&quot;Location: ../login.php&quot;);
        exit();
    }
} else {
    $_SESSION['ip_address'] = $_SERVER['REMOTE_ADDR'];
}

// Check 5: Session hijacking protection - validate user agent
if (isset($_SESSION['user_agent'])) {
    if ($_SESSION['user_agent'] !== $_SERVER['HTTP_USER_AGENT']) {
        session_unset();
        session_destroy();
        header(&quot;Location: ../login.php&quot;);
        exit();
    }
} else {
    $_SESSION['user_agent'] = $_SERVER['HTTP_USER_AGENT'];
}

// All checks passed - user is authenticated
?&gt;
&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Admin Dashboard&lt;/title&gt;
    &lt;style&gt;
        * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Libre Baskerville', serif;
    background-color: #f0f7ff;
}

.dashboard {
    display: flex;
    min-height: 100vh;
    position: relative;
}

.menu-toggle {
    display: none;
    position: fixed;
    top: 16px;
    left: 16px;
    z-index: 1001;
    background-color: #5280ff;
    border: none;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(82, 128, 255, 0.5);
}

.menu-toggle:hover {
    background-color: #3a5fed;
}

.hamburger {
    width: 24px;
    height: 24px;
    stroke: #ffffff;
}

.sidebar {
    width: 250px;
    background-color: #7da0ffff;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    transition: transform 0.3s ease;
    border-right: 1px solid #3a5fed;
}

.sidebar.mobile-hidden {
    transform: translateX(-100%);
}

.sidebar-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(82, 128, 255, 0.7);
    z-index: 999;
}

.sidebar-overlay.show {
    display: block;
}

.admin-header {
    padding: 24px;
    border-bottom: 1px solid #3a5fed;
}

.admin-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.admin-icon {
    width: 40px;
    height: 40px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #3a5fed;
}

.admin-title {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    font-family: 'El Messiri', sans-serif;
}

.nav-menu {
    flex: 1;
    padding: 16px 0;
}

.menu-item {
    padding: 12px 24px;
    cursor: pointer;
    transition: all 0.2s;
    user-select: none;
    color: #ffffffff;
}

.menu-item:hover {
    background-color: #3a5fed;
    color: #ffffff;
}

.menu-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-item-text {
    font-size: 16px;
}

.chevron {
    width: 16px;
    height: 16px;
    transition: transform 0.3s;
    stroke: #ffffff;
}

.chevron.open {
    transform: rotate(90deg);
}

.dropdown-content {
    display: none;
    background-color: #3670d6;
}

.dropdown-content.show {
    display: block;
}

.dropdown-item {
    padding: 8px 40px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.2s;
    color: #ffffffff;
}

.dropdown-item:hover {
    background-color: #3a5fed;
    color: #ffffff;
}

.main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.top-bar {
    background-color: #ffffff;
    border-bottom: 1px solid #c7d6ff;
    padding: 16px 32px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.logout-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #5280ff;
    border: 2px solid #3a5fed;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: #ffffff;
    transition: all 0.3s ease;
    font-weight: 600;
    font-family: 'Libre Baskerville', serif;
}

.logout-btn:hover {
    background-color: #3a5fed;
    border-color: #2c4fbb;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(58, 95, 237, 0.8);
}

.logout-icon {
    width: 20px;
    height: 20px;
}

.content-area {
    flex: 1;
    padding: 32px;
    background-color: #f0f7ff;
    position: relative;
}

.content-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #5f89fbff;
    font-size: 18px;
}

.content-box {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(82, 128, 255, 0.3);
    padding: 24px;
    display: none;
}

.content-box.active {
    display: block;
}

.content-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 16px;
    text-transform: capitalize;
    color: #3a5fed;
    font-family: 'El Messiri', sans-serif;
}

.content-text {
    color: #5280ff;
}

@media (max-width: 768px) {
    .menu-toggle {
        display: block;
    }

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1000;
        box-shadow: 2px 0 8px rgba(82, 128, 255, 0.3);
    }

    .main-content {
        width: 100%;
    }

    .top-bar {
        padding-left: 60px;
    }

    .content-area {
        padding: 16px;
    }
}

@media (max-width: 480px) {
    .sidebar {
        width: 200px;
    }

    .content-title {
        font-size: 20px;
    }

    .content-placeholder {
        font-size: 16px;
        padding: 20px;
        text-align: center;
    }
}

    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;button class=&quot;menu-toggle&quot; onclick=&quot;toggleSidebar()&quot;&gt;
        &lt;svg class=&quot;hamburger&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot;&gt;
            &lt;line x1=&quot;3&quot; y1=&quot;12&quot; x2=&quot;21&quot; y2=&quot;12&quot;&gt;&lt;/line&gt;
            &lt;line x1=&quot;3&quot; y1=&quot;6&quot; x2=&quot;21&quot; y2=&quot;6&quot;&gt;&lt;/line&gt;
            &lt;line x1=&quot;3&quot; y1=&quot;18&quot; x2=&quot;21&quot; y2=&quot;18&quot;&gt;&lt;/line&gt;
        &lt;/svg&gt;
    &lt;/button&gt;

    &lt;div class=&quot;sidebar-overlay&quot; id=&quot;sidebarOverlay&quot; onclick=&quot;toggleSidebar()&quot;&gt;&lt;/div&gt;

    &lt;div class=&quot;dashboard&quot;&gt;
        &lt;div class=&quot;sidebar mobile-hidden&quot; id=&quot;sidebar&quot;&gt;
            &lt;div class=&quot;admin-header&quot;&gt;
                &lt;div class=&quot;admin-info&quot;&gt;
                    &lt;div class=&quot;admin-icon&quot;&gt;
                        &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#ffffff&quot; stroke-width=&quot;2&quot;&gt;
                            &lt;path d=&quot;M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2&quot;&gt;&lt;/path&gt;
                            &lt;circle cx=&quot;12&quot; cy=&quot;7&quot; r=&quot;4&quot;&gt;&lt;/circle&gt;
                        &lt;/svg&gt;
                    &lt;/div&gt;
                    &lt;h1 class=&quot;admin-title&quot;&gt;ADMIN&lt;/h1&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;nav class=&quot;nav-menu&quot;&gt;
                &lt;div class=&quot;menu-item&quot; onclick=&quot;loadQueryPage()&quot;&gt;
                    &lt;span class=&quot;menu-item-text&quot;&gt;View Queries&lt;/span&gt;
                &lt;/div&gt;

               &lt;div&gt;
    &lt;div class=&quot;menu-item&quot; onclick=&quot;toggleDropdown('aboutUs')&quot;&gt;
        &lt;div class=&quot;menu-item-header&quot;&gt;
            &lt;span class=&quot;menu-item-text&quot;&gt;About Us&lt;/span&gt;
            &lt;svg class=&quot;chevron&quot; id=&quot;chevron-aboutUs&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot;&gt;
                &lt;polyline points=&quot;9 18 15 12 9 6&quot;&gt;&lt;/polyline&gt;
            &lt;/svg&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;dropdown-content&quot; id=&quot;dropdown-aboutUs&quot;&gt;
        &lt;div class=&quot;dropdown-item&quot; onclick=&quot;loadAwardsPage()&quot;&gt;
            Awards and Achievement
        &lt;/div&gt;
        &lt;div class=&quot;dropdown-item&quot; onclick=&quot;loadNewssPage()&quot;&gt;
            News And Media
        &lt;/div&gt;
        &lt;div class=&quot;dropdown-item&quot; onclick=&quot;loadNewsssPage()&quot;&gt;
            Work Profile
        &lt;/div&gt;
        &lt;div class=&quot;dropdown-item&quot; onclick=&quot;loadClippingsPage()&quot;&gt;
            Clipping Management
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;


                &lt;div&gt;
                    &lt;div class=&quot;menu-item&quot; onclick=&quot;toggleDropdown('bookShop')&quot;&gt;
                        &lt;div class=&quot;menu-item-header&quot;&gt;
                            &lt;span class=&quot;menu-item-text&quot;&gt;Book Shop&lt;/span&gt;
                            &lt;svg class=&quot;chevron&quot; id=&quot;chevron-bookShop&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot;&gt;
                                &lt;polyline points=&quot;9 18 15 12 9 6&quot;&gt;&lt;/polyline&gt;
                            &lt;/svg&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;dropdown-content&quot; id=&quot;dropdown-bookShop&quot;&gt;
                        &lt;div class=&quot;dropdown-item&quot; onclick=&quot;loadAddBookPage()&quot;&gt;Add Book&lt;/div&gt;
                        &lt;div class=&quot;dropdown-item&quot; onclick=&quot;loadBookOrdersPage()&quot;&gt;Orders&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class=&quot;menu-item&quot; onclick=&quot;loadVedioGallery()&quot;&gt;
                    &lt;span class=&quot;menu-item-text&quot;&gt;Vedio Gallery&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;menu-item&quot; onclick=&quot;loadBlogManagement()&quot;&gt;
                    &lt;span class=&quot;menu-item-text&quot;&gt;Blogs&lt;/span&gt;
                &lt;/div&gt;

                &lt;!--&lt;div class=&quot;menu-item&quot; onclick=&quot;loadKundliPage()&quot;&gt;--&gt;
                &lt;!--    &lt;span class=&quot;menu-item-text&quot;&gt;Kundli&lt;/span&gt;--&gt;
                &lt;!--&lt;/div&gt;--&gt;

                &lt;div class=&quot;menu-item&quot; onclick=&quot;loadNumerologyPage()&quot;&gt;
                    &lt;span class=&quot;menu-item-text&quot;&gt;Numerology&lt;/span&gt;
                &lt;/div&gt;

                &lt;div class=&quot;menu-item&quot; onclick=&quot;loadHoroscopePage()&quot;&gt;
                    &lt;span class=&quot;menu-item-text&quot;&gt;Horoscope&lt;/span&gt;
                &lt;/div&gt;

                &lt;div class=&quot;menu-item&quot; onclick=&quot;loadHoroscopeePage()&quot;&gt;
                    &lt;span class=&quot;menu-item-text&quot;&gt;Basic of Horoscope&lt;/span&gt;
                &lt;/div&gt;

                &lt;div class=&quot;menu-item&quot; onclick=&quot;loadFestivalPage()&quot;&gt;
                    &lt;span class=&quot;menu-item-text&quot;&gt;Upcoming Events&lt;/span&gt;
                &lt;/div&gt;
&lt;div class=&quot;menu-item&quot; onclick=&quot;loadReviewPage()&quot;&gt;
                    &lt;span class=&quot;menu-item-text&quot;&gt;Reviews&lt;/span&gt;
                &lt;/div&gt;
                &lt;div&gt;
                    &lt;div class=&quot;menu-item&quot; onclick=&quot;toggleDropdown('paidServices')&quot;&gt;
                        &lt;div class=&quot;menu-item-header&quot;&gt;
                            &lt;span class=&quot;menu-item-text&quot;&gt;Paid Services&lt;/span&gt;
                            &lt;svg class=&quot;chevron&quot; id=&quot;chevron-paidServices&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot;&gt;
                                &lt;polyline points=&quot;9 18 15 12 9 6&quot;&gt;&lt;/polyline&gt;
                            &lt;/svg&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;dropdown-content&quot; id=&quot;dropdown-paidServices&quot;&gt;
                        &lt;div class=&quot;dropdown-item&quot; onclick=&quot;loadAddServiceTypePage()&quot;&gt;Add Service Type&lt;/div&gt;
                        &lt;div class=&quot;dropdown-item&quot; onclick=&quot;loadAddServicePage()&quot;&gt;Add Service&lt;/div&gt;
                        &lt;div class=&quot;dropdown-item&quot; onclick=&quot;loadServicesList()&quot;&gt;Services List&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;div&gt;
                    &lt;div class=&quot;menu-item&quot; onclick=&quot;toggleDropdown('bookings')&quot;&gt;
                        &lt;div class=&quot;menu-item-header&quot;&gt;
                            &lt;span class=&quot;menu-item-text&quot;&gt;Booking&lt;/span&gt;
                            &lt;svg class=&quot;chevron&quot; id=&quot;chevron-bookings&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot;&gt;
                                &lt;polyline points=&quot;9 18 15 12 9 6&quot;&gt;&lt;/polyline&gt;
                            &lt;/svg&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;dropdown-content&quot; id=&quot;dropdown-bookings&quot;&gt;
                        &lt;div class=&quot;dropdown-item&quot; onclick=&quot;loadbookings()&quot;&gt;Booking&lt;/div&gt;
                        &lt;div class=&quot;dropdown-item&quot; onclick=&quot;loadAvailaibility()&quot;&gt;Availability&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class=&quot;menu-item&quot; onclick=&quot;loadContactPage()&quot;&gt;
                    &lt;span class=&quot;menu-item-text&quot;&gt;Contact Us&lt;/span&gt;
                &lt;/div&gt;
            &lt;/nav&gt;
        &lt;/div&gt;

        &lt;div class=&quot;main-content&quot;&gt;
            &lt;div class=&quot;top-bar&quot;&gt;
                &lt;button class=&quot;logout-btn&quot; onclick=&quot;logout()&quot;&gt;
                    &lt;svg class=&quot;logout-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot;&gt;
                        &lt;path d=&quot;M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4&quot;&gt;&lt;/path&gt;
                        &lt;polyline points=&quot;16 17 21 12 16 7&quot;&gt;&lt;/polyline&gt;
                        &lt;line x1=&quot;21&quot; y1=&quot;12&quot; x2=&quot;9&quot; y2=&quot;12&quot;&gt;&lt;/line&gt;
                    &lt;/svg&gt;
                    Logout
                &lt;/button&gt;
            &lt;/div&gt;

            &lt;div class=&quot;content-area&quot; id=&quot;contentArea&quot;&gt;
                &lt;div class=&quot;content-placeholder&quot; id=&quot;placeholder&quot;&gt;
                    Select a menu item to view content
                &lt;/div&gt;
                &lt;div class=&quot;content-box&quot; id=&quot;content-box&quot;&gt;
                    &lt;h2 class=&quot;content-title&quot; id=&quot;content-title&quot;&gt;&lt;/h2&gt;
                    &lt;p class=&quot;content-text&quot; id=&quot;content-text&quot;&gt;&lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;script&gt;
        // Helper function to load iframe with cache busting
        function loadIframe(src) {
            clearContent();
            const contentArea = document.getElementById('contentArea');
            const iframe = document.createElement('iframe');
            iframe.id = 'contentIframe';
            iframe.src = src + (src.includes('?') ? '&amp;' : '?') + 'v=' + Date.now();
            iframe.style.width = '100%';
            iframe.style.height = '100%';
            iframe.style.border = 'none';
            iframe.style.borderRadius = '8px';
            iframe.style.position = 'absolute';
            iframe.style.top = '0';
            iframe.style.left = '0';
            contentArea.appendChild(iframe);
            if (window.innerWidth &lt;= 768) toggleSidebar();
        }

        function loadVedioGallery() {
            loadIframe('VedioGallery/VedioList.php');
        }
function loadReviewPage() {
            loadIframe('reviews.php');
        }
        function loadFestivalPage() {
            loadIframe('Festival/festivalManagement.php');
        }
        

        function loadAvailaibility() {
            loadIframe('Bookings/Availaibility/availability.php');
        }

        function loadbookings() {
            loadIframe('Bookings/bookings.php');
        }

        function loadServicesList() {
            loadIframe('PaidServices/ServiceList/loadServiceList.php');
        }

        function loadAddServiceTypePage() {
            loadIframe('PaidServices/ServiceType/AddServiceType.php');
        }

        function loadAddServicePage() {
            loadIframe('PaidServices/AddService/AddService.php');
        }

        function loadAddBookPage() {
            loadIframe('Book/AddBook.php');
        }

        function loadBookOrdersPage() {
            loadIframe('./Book/ViewOrders.php');
        }

        function loadAwardsPage() {
            loadIframe('AboutUS/awards/awards.php');
        }
         function loadNewssPage() {
            loadIframe('NewsMediaManagement.php');
        }
function loadNewsssPage() {
            loadIframe('WorkProfileManagement.php');
        }
        function loadClippingsPage() {
            loadIframe('manage_clippings.php');
        }

        function loadQueryPage() {
            loadIframe('query.php');
        }

        function loadContactPage() {
            loadIframe('contact.php');
        }

        function loadBlogManagement() {
            loadIframe('Blog/BlogManagement.php');
        }

        function loadHoroscopePage() {
            loadIframe('Horoscope/horoscope.php');
        }

        function loadHoroscopeePage() {
            loadIframe('Horoscope/horoscope_basic_info.html');
        }

        function loadNumerologyPage() {
            loadIframe('Numerology/numerology.php');
        }

        function loadKundliPage() {
            loadIframe('Kundli/kundli.php');
        }

        function toggleSidebar() {
            const sidebar = document.getElementById('sidebar');
            const overlay = document.getElementById('sidebarOverlay');
            sidebar.classList.toggle('mobile-hidden');
            overlay.classList.toggle('show');
        }

        function toggleDropdown(name) {
            const dropdown = document.getElementById('dropdown-' + name);
            const chevron = document.getElementById('chevron-' + name);
            dropdown.classList.toggle('show');
            chevron.classList.toggle('open');
        }

        function clearContent() {
            const existingIframe = document.getElementById('contentIframe');
            if (existingIframe) {
                existingIframe.remove();
            }
        }

        function showContent(section) {
            clearContent();
            const placeholder = document.getElementById('placeholder');
            const contentBox = document.getElementById('content-box');
            const contentTitle = document.getElementById('content-title');
            const contentText = document.getElementById('content-text');
            placeholder.style.display = 'none';
            contentBox.style.display = 'block';
            contentBox.classList.add('active');
            const sectionName = section.replace(/-/g, ' ');
            contentTitle.textContent = sectionName;
            contentText.textContent = `Form content for ${sectionName} will be displayed here.`;
            if (window.innerWidth &lt;= 768) {
                toggleSidebar();
            }
        }

        function loadPage(filePath) {
            clearContent();
            const placeholder = document.getElementById('placeholder');
            const contentBox = document.getElementById('content-box');
            const contentTitle = document.getElementById('content-title');
            const contentText = document.getElementById('content-text');
            placeholder.style.display = 'none';
            contentBox.style.display = 'block';
            contentBox.classList.add('active');
            contentTitle.textContent = '';
            contentText.innerHTML = '&lt;p&gt;Loading...&lt;/p&gt;';
            fetch(filePath)
                .then(response =&gt; {
                    if (!response.ok) {
                        throw new Error('Page not found: ' + filePath);
                    }
                    return response.text();
                })
                .then(html =&gt; {
                    contentText.innerHTML = html;
                })
                .catch(error =&gt; {
                    contentText.innerHTML = `&lt;p style=&quot;color:red;&quot;&gt;Error loading content: ${error.message}&lt;/p&gt;`;
                });
            if (window.innerWidth &lt;= 768) {
                toggleSidebar();
            }
        }

        function logout() {
            if (confirm('Are you sure you want to logout?')) {
                window.location.href = 'logout.php';
            }
        }

        window.addEventListener('load', function() {
            const sidebar = document.getElementById('sidebar');
            if (window.innerWidth &lt;= 768) {
                sidebar.classList.add('mobile-hidden');
            } else {
                sidebar.classList.remove('mobile-hidden');
            }
        });

        window.addEventListener('resize', function() {
            const sidebar = document.getElementById('sidebar');
            const overlay = document.getElementById('sidebarOverlay');
            if (window.innerWidth &gt; 768) {
                sidebar.classList.remove('mobile-hidden');
                overlay.classList.remove('show');
            } else {
                sidebar.classList.add('mobile-hidden');
                overlay.classList.remove('show');
            }
        });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</textarea><br><br><input type='hidden' name='archivo_editar' value='/home/askmanisha/public_html/admin/admin.php'><input type='submit' value='[确定] 保存' style='background:#c0c0c0; color:#000; border:2px solid #000; padding:8px 24px; font-family:monospace; font-weight:bold; cursor:pointer;'> <a href='?path=%2Fhome%2Faskmanisha%2Fpublic_html%2Fadmin' style='color:#000; text-decoration:none; padding:8px 24px; border:2px solid #000; background:#c0c0c0; font-weight:bold;'>[X] 取消</a></form></div></div><div style='color:#000080; font-family:monospace; text-align:center; padding:20px; border-top:2px solid #000; margin-top:20px;'>[X] MAKING LOT MONEY (MLM)</div>