<%# Admin layout - included at top of each admin page %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><%= typeof pageTitle !== 'undefined' ? pageTitle : 'Admin' %> - Admin Panel</title>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="/css/admin.css">
</head>
<body class="admin-body">
    <div class="admin-wrapper">
        <aside class="admin-sidebar" id="adminSidebar">
            <div class="sidebar-header">
                <h2><i class="fas fa-cog"></i> Admin</h2>
                <span class="sidebar-company"><%= settings.company_name %></span>
            </div>
            <nav class="sidebar-nav">
                <a href="/admin" class="<%= typeof activePage !== 'undefined' && activePage === 'dashboard' ? 'active' : '' %>"><i class="fas fa-tachometer-alt"></i> Dashboard</a>
                <a href="/admin/leads" class="<%= typeof activePage !== 'undefined' && activePage === 'leads' ? 'active' : '' %>"><i class="fas fa-envelope"></i> Leads / Enquiries</a>
                <a href="/admin/categories" class="<%= typeof activePage !== 'undefined' && activePage === 'categories' ? 'active' : '' %>"><i class="fas fa-folder"></i> Categories</a>
                <a href="/admin/products" class="<%= typeof activePage !== 'undefined' && activePage === 'products' ? 'active' : '' %>"><i class="fas fa-box"></i> Products</a>
                <a href="/admin/slides" class="<%= typeof activePage !== 'undefined' && activePage === 'slides' ? 'active' : '' %>"><i class="fas fa-images"></i> Hero Slides</a>
                <a href="/admin/videos" class="<%= typeof activePage !== 'undefined' && activePage === 'videos' ? 'active' : '' %>"><i class="fas fa-video"></i> Videos</a>
                <a href="/admin/settings" class="<%= typeof activePage !== 'undefined' && activePage === 'settings' ? 'active' : '' %>"><i class="fas fa-wrench"></i> Site Settings</a>
                <a href="/admin/password" class="<%= typeof activePage !== 'undefined' && activePage === 'password' ? 'active' : '' %>"><i class="fas fa-key"></i> Change Password</a>
                <div class="sidebar-divider"></div>
                <a href="/" target="_blank"><i class="fas fa-external-link-alt"></i> View Website</a>
                <a href="/admin/logout" class="logout-link"><i class="fas fa-sign-out-alt"></i> Logout</a>
            </nav>
        </aside>
        <main class="admin-main">
            <header class="admin-topbar">
                <button class="sidebar-toggle" id="sidebarToggle"><i class="fas fa-bars"></i></button>
                <h1 class="page-title"><%= typeof pageTitle !== 'undefined' ? pageTitle : 'Dashboard' %></h1>
                <div class="topbar-right">
                    <span class="admin-user"><i class="fas fa-user-circle"></i> <%= admin.name || admin.username %></span>
                </div>
            </header>
            <div class="admin-content">
                <% if (typeof success !== 'undefined' && success) { %>
                <div class="alert alert-success"><i class="fas fa-check-circle"></i> <%= success %></div>
                <% } %>
                <% if (typeof error !== 'undefined' && error) { %>
                <div class="alert alert-error"><i class="fas fa-exclamation-circle"></i> <%= error %></div>
                <% } %>
