<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Suvarna Bandhan Admin</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
    <style>
        body { font-family: 'Inter', sans-serif; background: #f8f9fa; }
        .sidebar { min-height: 100vh; background: #2c3e50; color: #fff; padding-top: 20px; }
        .sidebar a { color: #adb5bd; text-decoration: none; padding: 10px 20px; display: block; font-size: 0.95rem; }
        .sidebar a:hover, .sidebar a.active { color: #fff; background: #34495e; border-left: 4px solid #D4AF37; }
        .sidebar i { margin-right: 10px; }
        .content { padding: 20px; }
        .navbar-admin { background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
    </style>
</head>
<body>
    <div class="container-fluid p-0">
        <div class="row g-0">
            <div class="col-md-2 sidebar d-none d-md-block">
                <h4 class="text-center mb-4" style="color: #D4AF37;">SB Admin</h4>
                <a href="/admin/dashboard" class="{{#if (eq activePage 'dashboard')}}active{{/if}}"><i class="bi bi-speedometer2"></i> Dashboard</a>
                <a href="/admin/users" class="{{#if (eq activePage 'users')}}active{{/if}}"><i class="bi bi-people"></i> Matrimony Profiles</a>
                <a href="/admin/vendors" class="{{#if (eq activePage 'vendors')}}active{{/if}}"><i class="bi bi-shop"></i> Vendors</a>
                <a href="/admin/vendors/calls" class="{{#if (eq activePage 'vendor-calls')}}active{{/if}}"><i class="bi bi-telephone"></i> Vendor Calls</a>
                <a href="/admin/subscriptions" class="{{#if (eq activePage 'subscriptions')}}active{{/if}}"><i class="bi bi-credit-card"></i> Subscriptions</a>
                
                <h6 class="px-3 mt-4 mb-2 text-uppercase text-muted" style="font-size: 0.75rem;">Master Data</h6>
                <a href="/admin/master/states"><i class="bi bi-geo-alt"></i> States</a>
                <a href="/admin/master/cities"><i class="bi bi-building"></i> Cities</a>
                <a href="/admin/master/religions"><i class="bi bi-book"></i> Religions</a>
                <a href="/admin/master/castes"><i class="bi bi-diagram-3"></i> Castes</a>
                
                <h6 class="px-3 mt-4 mb-2 text-uppercase text-muted" style="font-size: 0.75rem;">CMS & Settings</h6>
                <a href="/admin/cms"><i class="bi bi-file-earmark-text"></i> Pages Content</a>
                <a href="/admin/queries"><i class="bi bi-envelope"></i> Contact Queries</a>
                <a href="/admin/settings/pricing"><i class="bi bi-currency-rupee"></i> Pricing Plan</a>
                
                <h6 class="px-3 mt-4 mb-2 text-uppercase text-muted" style="font-size: 0.75rem;">Account</h6>
                <a href="/admin/profile"><i class="bi bi-person"></i> Profile & Password</a>
                <a href="/admin/logout" class="text-danger"><i class="bi bi-box-arrow-right"></i> Logout</a>
            </div>
            
            <div class="col-md-10">
                <nav class="navbar navbar-expand-lg navbar-admin p-3">
                    <div class="container-fluid">
                        <button class="navbar-toggler d-md-none" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <span class="navbar-brand mb-0 h1 d-md-none" style="color: #D4AF37;">SB Admin</span>
                        <div class="ms-auto">
                            <span class="me-3">Welcome, Admin</span>
                            <a href="/admin/logout" class="btn btn-sm btn-outline-danger">Logout</a>
                        </div>
                    </div>
                </nav>

                <div class="content">
                    {{{body}}}
                </div>
            </div>
        </div>
    </div>
    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
