<aside
    class="fixed top-0 left-0 z-50 w-72 h-screen bg-[#020617]/95 backdrop-blur-2xl border-r border-white/10 shadow-[0_0_40px_rgba(6,182,212,0.08)] p-5 hidden lg:block overflow-y-auto admin-scrollbar">

    <a href="/driftly/public/admin" data-link class="flex items-center gap-3 mb-10">
        <img src="/driftly/public/assets/img/general/logo-footer.png" class="h-10 w-auto">
    </a>

    <nav class="space-y-6">

        <!-- CORE -->
        <div>
            <div class="text-xs uppercase tracking-widest text-slate-500 mb-3 px-3">
                Core
            </div>

            <div class="space-y-2">
                <a href="/driftly/public/admin" data-link class="admin-link">
                    <i data-lucide="layout-dashboard" class="w-5 h-5"></i>
                    Dashboard
                </a>

                <a href="/driftly/public/admin/users" data-link class="admin-link">
                    <i data-lucide="users" class="w-5 h-5"></i>
                    Users
                </a>

                <a href="/driftly/public/admin/roles" data-link class="admin-link">
                    <i data-lucide="shield-check" class="w-5 h-5"></i>
                    Roles & Permissions
                </a>

                <a href="/driftly/public/admin/media" data-link class="admin-link">
                    <i data-lucide="image" class="w-5 h-5"></i>
                    Media Manager
                </a>
            </div>
        </div>

        <!-- DRIFTLY -->
        <div>
            <div class="text-xs uppercase tracking-widest text-slate-500 mb-3 px-3">
                Driftly
            </div>

            <div class="space-y-2">
                <a href="/driftly/public/admin/rides" data-link class="admin-link">
                    <i data-lucide="car-front" class="w-5 h-5"></i>
                    Rides
                </a>

                <a href="/driftly/public/admin/bookings" data-link class="admin-link">
                    <i data-lucide="ticket-check" class="w-5 h-5"></i>
                    Bookings
                </a>

                <a href="/driftly/public/admin/drivers" data-link class="admin-link">
                    <i data-lucide="badge-check" class="w-5 h-5"></i>
                    Drivers
                </a>

                <a href="/driftly/public/admin/vehicles" data-link class="admin-link">
                    <i data-lucide="car" class="w-5 h-5"></i>
                    Vehicles
                </a>

                <a href="/driftly/public/admin/routes" data-link class="admin-link">
                    <i data-lucide="route" class="w-5 h-5"></i>
                    Popular Routes
                </a>

                <a href="/driftly/public/admin/disputes" data-link class="admin-link">
                    <i data-lucide="triangle-alert" class="w-5 h-5"></i>
                    Disputes
                </a>
            </div>
        </div>

        <!-- MONEY -->
        <div>
            <div class="text-xs uppercase tracking-widest text-slate-500 mb-3 px-3">
                Money
            </div>

            <div class="space-y-2">
                <a href="/driftly/public/admin/payments" data-link class="admin-link">
                    <i data-lucide="credit-card" class="w-5 h-5"></i>
                    Payments
                </a>

                <a href="/driftly/public/admin/earnings" data-link class="admin-link">
                    <i data-lucide="wallet" class="w-5 h-5"></i>
                    Driver Earnings
                </a>

                <a href="/driftly/public/admin/commissions" data-link class="admin-link">
                    <i data-lucide="percent" class="w-5 h-5"></i>
                    Commissions
                </a>

                <a href="/driftly/public/admin/subscriptions" data-link class="admin-link">
                    <i data-lucide="repeat" class="w-5 h-5"></i>
                    Subscriptions
                </a>
            </div>
        </div>

        <!-- CONTENT -->
        <div>
            <div class="text-xs uppercase tracking-widest text-slate-500 mb-3 px-3">
                Content
            </div>

            <div class="space-y-2">
                <a href="/driftly/public/admin/pages" data-link class="admin-link">
                    <i data-lucide="file-text" class="w-5 h-5"></i>
                    Pages
                </a>

                <a href="/driftly/public/admin/testimonials" data-link class="admin-link">
                    <i data-lucide="star" class="w-5 h-5"></i>
                    Testimonials
                </a>

                <a href="/driftly/public/admin/faqs" data-link class="admin-link">
                    <i data-lucide="circle-help" class="w-5 h-5"></i>
                    FAQs
                </a>

                <a href="/driftly/public/admin/blog" data-link class="admin-link">
                    <i data-lucide="newspaper" class="w-5 h-5"></i>
                    Blog
                </a>
            </div>
        </div>

        <!-- SYSTEM -->
        <div>
            <div class="text-xs uppercase tracking-widest text-slate-500 mb-3 px-3">
                System
            </div>

            <div class="space-y-2">
                <a href="/driftly/public/admin/settings" data-link class="admin-link">
                    <i data-lucide="settings" class="w-5 h-5"></i>
                    Settings
                </a>

                <a href="/driftly/public/admin/theme" data-link class="admin-link">
                    <i data-lucide="palette" class="w-5 h-5"></i>
                    Theme
                </a>

                <a href="/driftly/public/admin/email-templates" data-link class="admin-link">
                    <i data-lucide="mail" class="w-5 h-5"></i>
                    Email Templates
                </a>

                <a href="/driftly/public/admin/notifications" data-link class="admin-link">
                    <i data-lucide="bell" class="w-5 h-5"></i>
                    Notifications
                </a>

                <a href="/driftly/public/admin/logs" data-link class="admin-link">
                    <i data-lucide="terminal" class="w-5 h-5"></i>
                    System Logs
                </a>
            </div>
        </div>

    </nav>

</aside>