@php $__active = $active ?? ''; @endphp
<nav id="sidebar">
    <div class="sidebar-brand">
        <h2>WEPESI HOTEL MANAGEMENT SOULUTION</h2>
        <small>Super Admin</small>
    </div>

    <ul class="nav">
        <li class="nav-item">
            <a href="{{ route('super.admin.dashboard') }}" class="nav-link {{ $__active === 'dashboard' ? 'active' : '' }}">
                <i class="fas fa-tachometer-alt"></i>
                <span>Dashboard</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('super.admin.hotels.index') }}" class="nav-link {{ $__active === 'hotels' ? 'active' : '' }}">
                <i class="fas fa-hotel"></i>
                <span>Hotels</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('super.admin.website-assignments.index') }}" class="nav-link {{ $__active === 'website-assignments' ? 'active' : '' }}">
                <i class="fas fa-globe"></i>
                <span>Guest websites</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('super.admin.contact-requests.index') }}" class="nav-link {{ $__active === 'contact-requests' ? 'active' : '' }}">
                <i class="fas fa-inbox"></i>
                <span>Contact requests</span>
                @php $unread = \App\Models\ContactRequest::where('status', 'new')->count(); @endphp
                @if($unread > 0)
                    <span style="margin-left:auto;background:#dc3545;color:#fff;font-size:0.7rem;padding:2px 8px;border-radius:999px;font-weight:700">{{ $unread }}</span>
                @endif
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('super.admin.subscriptions.index') }}" class="nav-link {{ $__active === 'subscriptions' ? 'active' : '' }}">
                <i class="fas fa-credit-card"></i>
                <span>Subscriptions</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('super.admin.payments.index') }}" class="nav-link {{ $__active === 'payments' ? 'active' : '' }}">
                <i class="fas fa-money-bill-wave"></i>
                <span>Payments</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('super.admin.users.index') }}" class="nav-link {{ $__active === 'users' ? 'active' : '' }}">
                <i class="fas fa-users-cog"></i>
                <span>System Users</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('super.admin.reports.index') }}" class="nav-link {{ $__active === 'reports' ? 'active' : '' }}">
                <i class="fas fa-chart-bar"></i>
                <span>Reports</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('super.admin.settings.index') }}" class="nav-link {{ $__active === 'settings' ? 'active' : '' }}">
                <i class="fas fa-cog"></i>
                <span>Settings</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="#" class="nav-link" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                <i class="fas fa-sign-out-alt"></i>
                <span>Logout</span>
            </a>
        </li>
    </ul>
</nav>