<style>
    /* Sidebar specific tweaks if needed */
    .admin-sidebar .nav-label {
        padding: 1rem 1.5rem 0.5rem;
        font-size: 0.70rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: rgba(255, 255, 255, 0.4);
    }
    .admin-sidebar .list-group-item {
        position: relative;
        border: none;
        padding: 0.75rem 1.5rem;
        margin: 0.125rem 0.75rem;
        border-radius: 0.5rem;
        color: rgba(255, 255, 255, 0.7);
        font-weight: 500;
        font-size: 0.875rem;
        transition: all 0.2s ease;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: transparent;
    }
    
    .admin-sidebar .list-group-item:hover {
        background-color: rgba(255, 255, 255, 0.1);
        color: #ffffff;
    }
    
    .admin-sidebar .list-group-item.active {
        background-color: rgba(255, 255, 255, 0.15);
        color: #ffffff;
        font-weight: 600;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }
    .admin-sidebar .list-group-item.active i {
        color: #ffffff;
    }
    
    .admin-sidebar .list-group-item i {
        font-size: 1.1rem;
        color: rgba(255, 255, 255, 0.5);
        transition: color 0.2s;
        width: 24px;
        text-align: center;
    }
    
    .admin-sidebar .badge-counter {
        font-size: 0.7rem;
        padding: 0.25em 0.6em;
        border-radius: 9999px;
        font-weight: 600;
        line-height: 1;
    }
</style>

<div class="list-group list-group-flush admin-sidebar pb-5" id="adminSidebar">
    <!-- Brand -->
    <!-- Brand -->
    <div class="sidebar-brand d-flex align-items-center gap-3 px-4 py-3 border-bottom border-white border-opacity-10">
        <div class="d-flex align-items-center justify-content-center bg-white text-primary rounded-3 shadow-sm" style="width: 42px; height: 42px; font-weight: 700; font-size: 1.1rem;">
            MP
        </div>
        <div>
            <h6 class="mb-0 fw-bold text-white" style="font-family: 'Outfit', sans-serif; letter-spacing: -0.02em;">The Mini Port</h6>
            <span class="badge bg-white bg-opacity-10 text-white border border-white border-opacity-25 px-2 py-1 mt-1" style="font-size: 10px; letter-spacing: 0.05em;">ADMIN PANEL</span>
        </div>
    </div>

    <!-- Main -->
    <div class="nav-section-title">Main Menu</div>
    
    <a href="{{ route('admin.dashboard') }}" class="nav-link {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}">
        <i class="bi bi-grid"></i>
        <span>Dashboard</span>
    </a>
    
    <a href="{{ route('admin.users') }}" class="nav-link {{ request()->routeIs('admin.users') ? 'active' : '' }}">
        <i class="bi bi-people"></i>
        <span>Users</span>
    </a>
    
    <a href="{{ route('admin.sellers') }}" class="nav-link {{ request()->routeIs('admin.sellers') ? 'active' : '' }}">
        <i class="bi bi-shop"></i>
        <span>Sellers</span>
        @if($pendingSellers > 0)
            <span class="badge rounded-pill bg-danger ms-auto" style="font-size: 0.7em;">{{ $pendingSellers }}</span>
        @endif
    </a>
    
    <a href="{{ route('admin.products') }}" class="nav-link {{ request()->routeIs('admin.products') ? 'active' : '' }}">
        <i class="bi bi-box-seam"></i>
        <span>Products</span>
    </a>
    
    <a href="{{ route('admin.rfqs') }}" class="nav-link {{ request()->routeIs('admin.rfqs') ? 'active' : '' }}">
        <i class="bi bi-file-earmark-text"></i>
        <span>Buy Leads</span>
    </a>

    <!-- Reports -->
    <div class="nav-section-title">Reports & Inquiries</div>

    <a href="{{ route('admin.quotes.index') }}" class="nav-link {{ request()->routeIs('admin.quotes.*') ? 'active' : '' }}">
        <i class="bi bi-chat-quote"></i>
        <span>Quote Reports</span>
        @if($pendingQuotes > 0)
            <span class="badge rounded-pill bg-primary ms-auto" style="font-size: 0.7em;">{{ $pendingQuotes }}</span>
        @endif
    </a>

    <a href="{{ route('admin.inquiries.index') }}" class="nav-link {{ request()->routeIs('admin.inquiries.*') ? 'active' : '' }}">
        <i class="bi bi-envelope-open"></i>
        <span>Inquiries</span>
        @if($newInquiries > 0)
            <span class="badge rounded-pill bg-warning text-dark ms-auto" style="font-size: 0.7em;">{{ $newInquiries }}</span>
        @endif
    </a>

    <a href="{{ route('admin.kyc.index') }}" class="nav-link {{ request()->routeIs('admin.kyc.*') ? 'active' : '' }}">
        <i class="bi bi-shield-check"></i>
        <span>KYC Verification</span>
        @if($pendingKyc > 0)
            <span class="badge rounded-pill bg-danger ms-auto" style="font-size: 0.7em;">{{ $pendingKyc }}</span>
        @endif
    </a>

    <!-- System -->
    <div class="nav-section-title">System & Content</div>

    <a href="{{ route('admin.banners.index') }}" class="nav-link {{ request()->routeIs('admin.banners.index') ? 'active' : '' }}">
        <i class="bi bi-images"></i>
        <span>Banners</span>
    </a>

    <a href="{{ route('admin.categories.index') }}" class="nav-link {{ request()->routeIs('admin.categories.index') ? 'active' : '' }}">
        <i class="bi bi-tags"></i>
        <span>Categories</span>
    </a>
    
    <a href="{{ route('admin.units.index') }}" class="nav-link {{ request()->routeIs('admin.units.*') ? 'active' : '' }}">
        <i class="bi bi-rulers"></i>
        <span>Units</span>
    </a>

     <a href="{{ route('admin.plans.index') }}" class="nav-link {{ request()->routeIs('admin.plans.*') ? 'active' : '' }}">
        <i class="bi bi-credit-card"></i>
        <span>Plans</span>
    </a>
    
    <!-- Finance & Promo -->
    <div class="nav-section-title">Finance & Promo</div>

    <a href="{{ route('admin.transactions.index') }}" class="nav-link {{ request()->routeIs('admin.transactions.*') ? 'active' : '' }}">
        <i class="bi bi-receipt"></i>
        <span>Transactions</span>
        @if($pendingTrans > 0)
            <span class="badge rounded-pill bg-warning text-dark ms-auto" style="font-size: 0.7em;">{{ $pendingTrans }}</span>
        @endif
    </a>
    

    
    <a href="{{ route('admin.promotions.packages.index') }}" class="nav-link {{ request()->routeIs('admin.promotions.packages.*') ? 'active' : '' }}">
        <i class="bi bi-gift"></i>
        <span>Promo Packages</span>
    </a>
    
    <!-- More Settings -->
    <div class="nav-section-title">Settings</div>

    <a href="{{ route('admin.email_templates.index') }}" class="nav-link {{ request()->routeIs('admin.email_templates.*') ? 'active' : '' }}">
        <i class="bi bi-envelope-paper"></i>
        <span>Email Templates</span>
    </a>

    <a href="{{ route('admin.email_logs.index') }}" class="nav-link {{ request()->routeIs('admin.email_logs.*') ? 'active' : '' }}">
        <i class="bi bi-clipboard-data"></i>
        <span>Email Logs</span>
    </a>
    
    <a href="{{ route('admin.help-faqs.index') }}" class="nav-link {{ request()->routeIs('admin.help-faqs.*') ? 'active' : '' }}">
        <i class="bi bi-question-circle"></i>
        <span>Help & FAQs</span>
    </a>
    
    <a href="{{ route('admin.settings.index') }}" class="nav-link {{ request()->routeIs('admin.settings.*') ? 'active' : '' }}">
        <i class="bi bi-gear"></i>
        <span>CMS Settings</span>
    </a>

    <a href="{{ route('admin.broadcast.index') }}" class="nav-link {{ request()->routeIs('admin.broadcast.*') ? 'active' : '' }}">
        <i class="bi bi-megaphone"></i>
        <span>Broadcasts</span>
    </a>

    <a href="{{ route('logout') }}" class="nav-link text-danger mt-3" 
       onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
        <i class="bi bi-box-arrow-left text-danger"></i>
        <span>Logout</span>
    </a>
    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">@csrf</form>
</div>
