<!doctype html>
<html lang="en">
<head>
<%- include('head', { title }) %>
</head>
<body class="admin-body">
<div class="admin-shell">
  <aside class="admin-sidebar" data-admin-sidebar>
    <a href="/admin" class="admin-sidebar__brand">
      <img src="/images/logo.png" alt="Kubera Wealth Management" />
      <span>Kubera Wealth<br />Management</span>
    </a>

    <nav class="admin-nav">
      <div class="admin-nav__group">
        <div class="admin-nav__label">Overview</div>
        <a href="/admin" class="admin-nav__link <%= adminSection === 'dashboard' ? 'is-active' : '' %>">
          <i data-lucide="layout-dashboard" width="16" height="16"></i> Dashboard
        </a>
      </div>

      <div class="admin-nav__group">
        <div class="admin-nav__label">Content</div>
        <a href="/admin/companies" class="admin-nav__link <%= adminSection === 'companies' ? 'is-active' : '' %>">
          <i data-lucide="briefcase" width="16" height="16"></i> Portfolio
        </a>
        <a href="/admin/articles" class="admin-nav__link <%= adminSection === 'articles' ? 'is-active' : '' %>">
          <i data-lucide="newspaper" width="16" height="16"></i> Insights
        </a>
        <a href="/admin/team" class="admin-nav__link <%= adminSection === 'team' ? 'is-active' : '' %>">
          <i data-lucide="users" width="16" height="16"></i> Team
        </a>
        <a href="/admin/jobs" class="admin-nav__link <%= adminSection === 'jobs' ? 'is-active' : '' %>">
          <i data-lucide="graduation-cap" width="16" height="16"></i> Careers
        </a>
        <a href="/admin/events" class="admin-nav__link <%= adminSection === 'events' ? 'is-active' : '' %>">
          <i data-lucide="calendar" width="16" height="16"></i> Events
        </a>
      </div>

      <div class="admin-nav__group">
        <div class="admin-nav__label">Inbox</div>
        <a href="/admin/applications/founders" class="admin-nav__link <%= adminSection === 'applications' ? 'is-active' : '' %>">
          <i data-lucide="rocket" width="16" height="16"></i> Founder Applications
          <% if (sidebarCounts.founderApps > 0) { %><span class="badge-count"><%= sidebarCounts.founderApps %></span><% } %>
        </a>
        <a href="/admin/applications/jobs" class="admin-nav__link">
          <i data-lucide="file-user" width="16" height="16"></i> Job Applications
          <% if (sidebarCounts.jobApps > 0) { %><span class="badge-count"><%= sidebarCounts.jobApps %></span><% } %>
        </a>
        <a href="/admin/messages" class="admin-nav__link <%= adminSection === 'messages' ? 'is-active' : '' %>">
          <i data-lucide="mail" width="16" height="16"></i> Messages
          <% if (sidebarCounts.messages > 0) { %><span class="badge-count"><%= sidebarCounts.messages %></span><% } %>
        </a>
        <a href="/admin/newsletter" class="admin-nav__link <%= adminSection === 'newsletter' ? 'is-active' : '' %>">
          <i data-lucide="send" width="16" height="16"></i> Newsletter
        </a>
      </div>

      <div class="admin-nav__group">
        <div class="admin-nav__label">Settings</div>
        <a href="/admin/settings/stats" class="admin-nav__link <%= adminSection === 'settings' ? 'is-active' : '' %>">
          <i data-lucide="bar-chart-3" width="16" height="16"></i> Homepage Stats
        </a>
        <% if (currentAdmin.role === 'super_admin') { %>
        <a href="/admin/settings/admins" class="admin-nav__link">
          <i data-lucide="shield" width="16" height="16"></i> Admin Users
        </a>
        <a href="/admin/settings/logs" class="admin-nav__link">
          <i data-lucide="scroll-text" width="16" height="16"></i> Audit Log
        </a>
        <% } %>
      </div>
    </nav>

    <div class="admin-sidebar__footer">
      <a href="/" target="_blank">View live site →</a>
    </div>
  </aside>

  <div class="admin-main">
    <header class="admin-topbar">
      <div style="display:flex; align-items:center; gap: 0.75rem;">
        <button class="admin-sidebar-toggle" data-sidebar-toggle aria-label="Toggle menu">
          <i data-lucide="menu" width="18" height="18"></i>
        </button>
        <h1><%= title %></h1>
      </div>
      <div class="admin-topbar__user">
        <span>Signed in as <strong><%= currentAdmin.name %></strong></span>
        <form action="/admin/logout" method="POST">
          <button class="btn btn-outline btn-sm" type="submit">Log Out</button>
        </form>
      </div>
    </header>

    <div class="admin-content">
      <% if (flashSuccess && flashSuccess.length) { %>
        <% flashSuccess.forEach(function(msg) { %><div class="flash flash-success"><i data-lucide="check-circle-2" width="16" height="16"></i> <%= msg %></div><% }); %>
      <% } %>
      <% if (flashError && flashError.length) { %>
        <% flashError.forEach(function(msg) { %><div class="flash flash-error"><i data-lucide="alert-circle" width="16" height="16"></i> <%= msg %></div><% }); %>
      <% } %>
