<aside id="default-sidebar" class="fixed left-0 z-40 w-64 h-screen transition-transform -translate-x-full sm:translate-x-0" aria-label="Sidebar">
    <div class="h-full px-3 py-4 overflow-y-auto bg-white/30 dark:bg-neutral-950/40 backdrop-blur">
        <ul class="space-y-2 font-medium">
            <li>
                <a href="{{ route('admin.upload.index') }}" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-pink-700/40 group @if(Route::is('admin.upload.index')) bg-pink-700/40 @endif">
                    <i class="fa-solid fa-upload"></i>
                    <span class="ms-3">Create Release</span>
                </a>
            </li>
            <li>
                <a href="{{ route('admin.alert.index') }}" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-pink-700/40 group @if(Route::is('admin.alert.index')) bg-pink-700/40 @endif">
                    <i class="fa-solid fa-bell"></i>
                    <span class="ms-3">Alerts</span>
                </a>
            </li>
            <li>
                <a href="{{ route('admin.user.index') }}" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-pink-700/40 group @if(Route::is('admin.user.index')) bg-pink-700/40 @endif">
                    <i class="fa-solid fa-user"></i>
                    <span class="ms-3">Users</span>
                </a>
            </li>
            <li>
                <a href="{{ route('admin.comments.index') }}" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-pink-700/40 group @if(Route::is('admin.comments.index')) bg-pink-700/40 @endif">
                    <i class="fa-solid fa-comment"></i>
                    <span class="ms-3">Comments</span>
                </a>
            </li>
            <li>
                <a href="{{ route('admin.contact.index') }}" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-pink-700/40 group @if(Route::is('admin.contact.index')) bg-pink-700/40 @endif">
                    <i class="fa-solid fa-message"></i>
                    <span class="ms-3">Contacts</span>
                </a>
            </li>
            <li>
                <a href="{{ route('admin.background.index') }}" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-pink-700/40 group @if(Route::is('admin.background.index')) bg-pink-700/40 @endif">
                    <i class="fa-solid fa-images"></i>
                    <span class="ms-3">Backgrounds</span>
                </a>
            </li>
        </ul>
    </div>
</aside>