<aside class="sidebar">
    <div class="sidebar-header">
        <a href="{{ route('dashboard') }}" class="sidebar-logo">
            <i class="fas fa-play-circle"></i>
            <span class="sidebar-logo-text">StreamFlix</span>
        </a>
        <button class="sidebar-toggle">
            <i class="fas fa-bars"></i>
        </button>
    </div>

    <nav class="nav-menu">
        <div class="nav-section">
            <div class="nav-section-title">Main</div>
            <div class="nav-item">
                <a href="{{ route('dashboard') }}"
                    class="nav-link {{ request()->is('dashboard') ? 'active' : '' }}">
                    <i class="fas fa-tachometer-alt nav-icon"></i>
                    <span class="nav-text">Dashboard</span>
                </a>
            </div>
        </div>

        <div class="nav-section">
            <div class="nav-section-title">Content</div>
            <div class="nav-item">
                <a href="{{ route('category.list') }}"
                    class="nav-link {{ request()->routeIs('category.list') ? 'active' : '' }}">
                <i class="fas fa-tags nav-icon"></i>
                <span class="nav-text">Categories</span>
                </a>
            </div>
            <div class="nav-item">
                <a href="{{ route('language.list') }}"
                    class="nav-link {{ request()->routeIs('language.list') ? 'active' : '' }}">
                    <i class="fas fa-language nav-icon"></i>
                    <span class="nav-text">Languages</span>
                </a>
            </div>
            <div class="nav-item">
                <a href="{{ route('movie.list') }}"
                    class="nav-link {{ request()->routeIs('movie.list') ? 'active' : '' }}">
                    <i class="fas fa-film nav-icon"></i>
                    <span class="nav-text">Movies</span>
                    <span class="nav-badge">245</span>
                </a>
            </div>

        </div>

        <div class="nav-section">
            <div class="nav-section-title">Management</div>
            <div class="nav-item">
                <a href="users.html" class="nav-link">
                    <i class="fas fa-users nav-icon"></i>
                    <span class="nav-text">Users</span>
                </a>
            </div>
            <div class="nav-item">
                <a href="" class="nav-link">
                    <i class="fas fa-ad nav-icon"></i>
                    <span class="nav-text">Advertisements</span>
                    <span class="nav-badge">null</span>
                </a>
            </div>
            <div class="nav-item">
                <a href="requests.html" class="nav-link">
                    <i class="fas fa-inbox nav-icon"></i>
                    <span class="nav-text">Movie Requests</span>
                    <span class="nav-badge">comming</span>
                </a>
            </div>
        </div>

        <div class="nav-section">
            <div class="nav-section-title">System</div>
            <div class="nav-item">
                <a href="{{ route('profile.edit') }}" class="nav-link">
                    <i class="fas fa-cog nav-icon"></i>
                    <span class="nav-text">Settings</span>
                </a>
            </div>


            <div class="nav-item">
                <form method="POST" action="{{ route('logout') }}" class="nav-link">
                    @csrf
                    <button type="submit" class="nav-link">
                        <i class="fas fa-sign-out-alt nav-icon"></i>
                        <span class="nav-text">Logout</span>
                    </button>
                </form>
            </div>

        </div>
    </nav>
</aside>