<div class="space-y-2 px-4">
    <!-- Dashboard -->
    <div class="mb-4">
        <a href="{{ route('admin.index') }}" class="flex items-center space-x-3 text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition">
            <i class="fas fa-tachometer-alt"></i>
            <span>Dashboard</span>
        </a>
    </div>

    <!-- Users -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="users-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-users"></i>
                <span>Users</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="users-menu-icon"></i>
        </button>
        <div id="users-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/user-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">User List</a>
            <a href="{{ url('/admin/role-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Roles</a>
            <a href="{{ url('/admin/user-role-history') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Role History</a>
            <a href="{{ url('/admin/promotions') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Promotions</a>
            <a href="{{ url('/admin/deleted-users') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Deleted Users</a>
        </div>
    </div>

    <!-- Invitations -->
    <div class="mb-4">
        <a href="{{ url('/admin/invitations') }}" class="flex items-center space-x-3 text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition">
            <i class="fas fa-envelope"></i>
            <span>Invitations</span>
        </a>
    </div>

    <!-- Content -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="content-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-file-alt"></i>
                <span>Content</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="content-menu-icon"></i>
        </button>
        <div id="content-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/content-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Content List</a>
            <a href="{{ url('/admin/content-add') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Add Content</a>
        </div>
    </div>

    <!-- Comments -->
    <div class="mb-4">
        <a href="{{ url('/admin/comments-list') }}" class="flex items-center space-x-3 text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition">
            <i class="fas fa-comments"></i>
            <span>Comments</span>
        </a>
    </div>

    <!-- Releases -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="releases-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-download"></i>
                <span>Releases</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="releases-menu-icon"></i>
        </button>
        <div id="releases-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/release-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Release List</a>
            <a href="{{ url('/admin/failrel-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Failed Releases</a>
            <a href="{{ url('/admin/category-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Categories</a>
        </div>
    </div>

    <!-- Movies -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="movies-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-film"></i>
                <span>Movies</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="movies-menu-icon"></i>
        </button>
        <div id="movies-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/movie-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Movie List</a>
            <a href="{{ url('/admin/movie-add') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Add Movie</a>
        </div>
    </div>

    <!-- TV Shows -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="shows-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-tv"></i>
                <span>TV Shows</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="shows-menu-icon"></i>
        </button>
        <div id="shows-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/show-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">TV Shows List</a>
        </div>
    </div>

    <!-- AniDB -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="anidb-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-dragon"></i>
                <span>AniDB</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="anidb-menu-icon"></i>
        </button>
        <div id="anidb-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/anidb-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">AniDB List</a>
        </div>
    </div>

    <!-- Games -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="games-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-gamepad"></i>
                <span>Games</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="games-menu-icon"></i>
        </button>
        <div id="games-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/game-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Game List</a>
        </div>
    </div>

    <!-- Console -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="console-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-gamepad"></i>
                <span>Console</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="console-menu-icon"></i>
        </button>
        <div id="console-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/console-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Console List</a>
        </div>
    </div>

    <!-- Music -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="music-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-music"></i>
                <span>Music</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="music-menu-icon"></i>
        </button>
        <div id="music-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/music-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Music List</a>
        </div>
    </div>

    <!-- Books -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="books-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-book"></i>
                <span>Books</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="books-menu-icon"></i>
        </button>
        <div id="books-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/book-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Book List</a>
        </div>
    </div>

    <!-- PreDB -->
    <div class="mb-4">
        <a href="{{ url('/admin/predb') }}" class="flex items-center space-x-3 text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition">
            <i class="fas fa-database"></i>
            <span>PreDB</span>
        </a>
    </div>

    <!-- Blacklist -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="blacklist-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-ban"></i>
                <span>Blacklist</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="blacklist-menu-icon"></i>
        </button>
        <div id="blacklist-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/binaryblacklist-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Binary Blacklist</a>
        </div>
    </div>

    <!-- Regexes -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="regexes-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-code"></i>
                <span>Regexes</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="regexes-menu-icon"></i>
        </button>
        <div id="regexes-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/category_regexes-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Category Regexes</a>
            <a href="{{ url('/admin/collection_regexes-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Collection Regexes</a>
            <a href="{{ url('/admin/release_naming_regexes-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Release Naming Regexes</a>
        </div>
    </div>

    <!-- Groups -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="groups-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-server"></i>
                <span>Groups Management</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="groups-menu-icon"></i>
        </button>
        <div id="groups-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/group-list') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">All Groups</a>
            <a href="{{ url('/admin/group-list-active') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Active Groups</a>
            <a href="{{ url('/admin/group-list-inactive') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Inactive Groups</a>
            <a href="{{ url('/admin/group-bulk') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Bulk Add Groups</a>
        </div>
    </div>

    <!-- System -->
    <div class="mb-4">
        <button type="button" class="flex items-center justify-between w-full text-left text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 py-2 px-3 rounded transition" data-toggle-submenu="system-menu">
            <div class="flex items-center space-x-3">
                <i class="fas fa-cog"></i>
                <span>System</span>
            </div>
            <i class="fas fa-chevron-down text-sm transform transition-transform" id="system-menu-icon"></i>
        </button>
        <div id="system-menu" class="hidden mt-2 ml-6 space-y-1">
            <a href="{{ url('/admin/site-edit') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Site Settings</a>
            <a href="{{ url('/admin/tmux-edit') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Tmux</a>
            <a href="{{ url('/admin/site-stats') }}" class="block py-2 px-3 text-gray-400 dark:text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-800 dark:hover:bg-gray-800 rounded transition">Statistics</a>
        </div>
    </div>

</div>


