    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-php">&lt;?php include &quot;data/auth.php&quot;; ?&gt;
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
  &lt;title&gt;Admin Panel&lt;/title&gt;
  &lt;link rel=&quot;shortcut icon&quot; href=&quot;https://icons.iconarchive.com/icons/bokehlicia/pacifica/48/utilities-system-monitor-icon.png&quot;&gt;
  &lt;?php include &quot;data/styles.php&quot;?&gt;
  &lt;style&gt;
    @keyframes fade-in {
      0% { opacity: 0; transform: translateY(20px); }
      100% { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-in { animation: fade-in 0.7s ease-out both; }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-gradient-to-br from-slate-100 via-white to-slate-200 min-h-screen text-gray-800&quot;&gt;
  &lt;div class=&quot;flex h-screen&quot;&gt;
    &lt;!-- Sidebar --&gt;
    &lt;aside id=&quot;sidebar&quot; class=&quot;w-72 h-full bg-white/80 backdrop-blur-md shadow-xl fixed md:static md:flex flex-col hidden z-40 transition-all duration-300&quot;&gt;
      &lt;div class=&quot;p-6 border-gray-200 flex justify-between items-center&quot;&gt;
	  &lt;a target=&quot;_blank&quot; href=&quot;../&quot;&gt;
      &lt;div class=&quot;text-2xl font-semibold flex items-center gap-2&quot;&gt;
        &lt;div class=&quot;bg-blue-500 text-white p-2 rounded-full shadow&quot;&gt;&lt;i data-lucide=&quot;layout-dashboard&quot; class=&quot;w-6 h-6 text-white&quot;&gt;&lt;/i&gt;&lt;/div&gt; AdminPanel
      &lt;/div&gt;&lt;/a&gt;
        &lt;button onclick=&quot;toggleSidebar()&quot; class=&quot;md:hidden&quot;&gt;
          &lt;i data-lucide=&quot;x&quot; class=&quot;w-5 h-5&quot;&gt;&lt;/i&gt;
        &lt;/button&gt;
      &lt;/div&gt;
      &lt;nav class=&quot;flex-1 p-4 text-sm&quot;&gt;
        &lt;div class=&quot;space-y-1&quot;&gt;
          &lt;a href=&quot;#&quot; onclick=&quot;loadPage(&#039;Dashboard&#039;, &#039;dashboard.php&#039;, this)&quot; class=&quot;menu-item&quot;&gt; &lt;i data-lucide=&quot;layout-dashboard&quot; class=&quot;w-4 h-4&quot;&gt;&lt;/i&gt; Dashboard &lt;/a&gt;
          &lt;div&gt;
            &lt;div class=&quot;mt-4 mb-1 text-xs font-medium text-gray-400 uppercase&quot;&gt;Tools&lt;/div&gt;
            &lt;a href=&quot;#&quot; onclick=&quot;loadPage(&#039;Edit Tools Content&#039;, &#039;install-tools.php?edit&#039;, this)&quot; class=&quot;menu-item&quot;&gt; &lt;i data-lucide=&quot;edit&quot; class=&quot;w-4 h-4&quot;&gt;&lt;/i&gt; Tools Content&lt;/a&gt;
			&lt;a href=&quot;#&quot; onclick=&quot;loadPage(&#039;Edit New Tools&#039;, &#039;edit-tools.php&#039;, this)&quot; class=&quot;menu-item&quot;&gt; &lt;i data-lucide=&quot;box&quot; class=&quot;w-4 h-4&quot;&gt;&lt;/i&gt; Edit Tools &lt;/a&gt;
            &lt;a href=&quot;#&quot; onclick=&quot;loadPage(&#039;Install New Tools&#039;, &#039;install-tools.php&#039;, this)&quot; class=&quot;menu-item&quot;&gt; &lt;i data-lucide=&quot;download&quot; class=&quot;w-4 h-4&quot;&gt;&lt;/i&gt; Install New Tools &lt;/a&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;div class=&quot;mt-4 mb-1 text-xs font-medium text-gray-400 uppercase&quot;&gt;Pages&lt;/div&gt;
            &lt;a href=&quot;#&quot; onclick=&quot;loadPage(&#039;Edit Pages&#039;, &#039;edit-pages.php&#039;, this)&quot; class=&quot;menu-item&quot;&gt; &lt;i data-lucide=&quot;layers&quot; class=&quot;w-4 h-4&quot;&gt;&lt;/i&gt; Edit Pages &lt;/a&gt;
            &lt;a href=&quot;#&quot; onclick=&quot;loadPage(&#039;Edit Header Menu&#039;, &#039;edit-header.php&#039;, this)&quot; class=&quot;menu-item&quot;&gt; &lt;i data-lucide=&quot;panels-top-left&quot; class=&quot;w-4 h-4&quot;&gt;&lt;/i&gt; Edit Header &lt;/a&gt;
            &lt;a href=&quot;#&quot; onclick=&quot;loadPage(&#039;Edit Footer Menu&#039;, &#039;edit-footer.php&#039;, this)&quot; class=&quot;menu-item&quot;&gt; &lt;i data-lucide=&quot;panel-bottom&quot; class=&quot;w-4 h-4&quot;&gt;&lt;/i&gt; Edit Footer &lt;/a&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;div class=&quot;mt-4 mb-1 text-xs font-medium text-gray-400 uppercase&quot;&gt;Settings&lt;/div&gt;
            &lt;a href=&quot;#&quot; onclick=&quot;loadPage(&#039;Site Settings&#039;, &#039;site-settings.php&#039;, this)&quot; class=&quot;menu-item&quot;&gt; &lt;i data-lucide=&quot;settings&quot; class=&quot;w-4 h-4&quot;&gt;&lt;/i&gt; Site Settings &lt;/a&gt;
            &lt;a href=&quot;#&quot; onclick=&quot;loadPage(&#039;Ads Settings&#039;, &#039;ads-settings.php&#039;, this)&quot; class=&quot;menu-item&quot;&gt; &lt;i data-lucide=&quot;dollar-sign&quot; class=&quot;w-4 h-4&quot;&gt;&lt;/i&gt; Ads Settings &lt;/a&gt;
            &lt;a href=&quot;#&quot; onclick=&quot;loadPage(&#039;Email Settings&#039;, &#039;edit-email.php&#039;, this)&quot; class=&quot;menu-item&quot;&gt; &lt;i data-lucide=&quot;mail-check&quot; class=&quot;w-4 h-4&quot;&gt;&lt;/i&gt; Email Settings &lt;/a&gt;
            &lt;a href=&quot;#&quot; onclick=&quot;loadPage(&#039;Branded URL&#039;, &#039;branded-url.php&#039;, this)&quot; class=&quot;menu-item&quot;&gt; &lt;i data-lucide=&quot;link&quot; class=&quot;w-4 h-4&quot;&gt;&lt;/i&gt; Branded URL&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class=&quot;mt-4&quot;&gt;
		   &lt;div class=&quot;mt-4 mb-1 text-xs font-medium text-gray-400 uppercase&quot;&gt;User&lt;/div&gt;
			&lt;a href=&quot;#&quot; onclick=&quot;loadPage(&#039;Change Password&#039;, &#039;admin.php?page=change-pass&#039;, this)&quot; class=&quot;menu-item&quot;&gt; &lt;i data-lucide=&quot;key&quot; class=&quot;w-4 h-4&quot;&gt;&lt;/i&gt; Change Password &lt;/a&gt;
            &lt;a href=&quot;admin.php?page=logout&quot; class=&quot;menu-item&quot;&gt;&lt;i data-lucide=&quot;log-out&quot; class=&quot;w-4 h-4&quot;&gt;&lt;/i&gt; Logout&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/nav&gt;
    &lt;/aside&gt;

    &lt;!-- Main Content --&gt;
    &lt;div class=&quot;flex-1 flex flex-col&quot;&gt;
      &lt;header class=&quot;bg-white/70 backdrop-blur border-b shadow-sm flex items-center justify-between px-4 py-3 sticky top-0 z-10&quot;&gt;
        &lt;div class=&quot;flex items-center gap-4&quot;&gt;
          &lt;button class=&quot;md:hidden&quot; onclick=&quot;toggleSidebar()&quot;&gt;
            &lt;i data-lucide=&quot;menu&quot; class=&quot;w-6 h-6&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
          &lt;h2 id=&quot;pageTitle&quot; class=&quot;text-xl font-semibold&quot;&gt;Dashboard&lt;/h2&gt;
        &lt;/div&gt;
        &lt;div class=&quot;flex items-center gap-4&quot;&gt;
          &lt;button class=&quot;hover:text-blue-600 transition&quot;&gt;&lt;i data-lucide=&quot;bell&quot; class=&quot;w-5 h-5&quot;&gt;&lt;/i&gt;&lt;/button&gt;
          &lt;img src=&quot;https://i.pravatar.cc/40&quot; class=&quot;w-9 h-9 rounded-full border&quot; alt=&quot;User&quot; /&gt;
        &lt;/div&gt;
      &lt;/header&gt;

      &lt;main class=&quot;flex-1 overflow-auto&quot;&gt;
        &lt;iframe id=&quot;contentFrame&quot; src=&quot;dashboard.php&quot; class=&quot;w-full h-full min-h-[calc(100vh-70px)]&quot;&gt;&lt;/iframe&gt;
      &lt;/main&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;script&gt;
    function toggleSidebar() {
      const sidebar = document.getElementById(&#039;sidebar&#039;);
      sidebar.classList.toggle(&#039;hidden&#039;);
    }

    function loadPage(title, file, el) {
      document.getElementById(&#039;pageTitle&#039;).textContent = title;
      const iframe = document.getElementById(&#039;contentFrame&#039;);
      iframe.src = file;

      document.querySelectorAll(&#039;.menu-item&#039;).forEach(i =&gt; i.classList.remove(&#039;bg-blue-50&#039;, &#039;text-blue-600&#039;));
      el.classList.add(&#039;bg-blue-50&#039;, &#039;text-blue-600&#039;);
    }

    document.getElementById(&#039;contentFrame&#039;).addEventListener(&#039;error&#039;, () =&gt; {
      document.getElementById(&#039;contentFrame&#039;).srcdoc = &#039;&lt;div class=&quot;flex justify-center items-center h-full text-2xl text-red-500&quot;&gt;404 - Page Not Found&lt;/div&gt;&#039;;
    });
  &lt;/script&gt;

  &lt;style&gt;
    .menu-item {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      padding: 0.5rem 0.75rem;
      border-radius: 0.5rem;
      transition: all 0.2s;
    }
	.menu-item {
	  border-radius: 0.75rem;
	  padding: 0.75rem;
	  gap: 0.75rem;
	  font-size: 15px;
	  padding-left: 1rem;
	}
	
    .menu-item:hover {
      background-color: #eff6ff;
      color: #2563eb;
    }
  &lt;/style&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>        </div>
    </div>