<div class="sidebar">
    <div class="side-head">
        <a href="{{ route('user.dashboard') }}" class="primary-color side-logo">
            <h3>{{ App_Name() }}</h3>
        </a>
        <button class="btn side-toggle">
            <span></span>
            <span></span>
            <span></span>
        </button>
    </div>

    <ul class="side-menu mt-4">
        <li class="side_line {{ request()->routeIs('user.dashboard*') ? 'active' : '' }}{{ request()->routeIs('user.profile*') ? 'active' : '' }}{{ request()->routeIs('user.password*') ? 'active' : '' }}">
            <a href="{{ route('user.dashboard') }}">
                <i class="fa-solid fa-house fa-2xl menu-icon"></i>
                <span>{{__('label.dashboard')}}</span>
            </a>
        </li>

        <p class="partition"><span>{{__('label.content')}}</span></p>
        <li class="side_line {{ request()->routeIs('user.video*') ? 'active' : '' }}">
            <a href="{{ route('user.video.index') }}">
                <i class="fa-solid fa-video fa-2xl menu-icon"></i>
                <span>{{__('label.videos')}}</span>
            </a>
        </li>
        <li class="side_line {{ request()->routeIs('user.music*') ? 'active' : '' }}">
            <a href="{{ route('user.music.index') }}">
                <i class="fa-solid fa-music fa-2xl menu-icon"></i>
                <span>{{__('label.music')}}</span>
            </a>
        </li>
        <li class="side_line {{ request()->routeIs('user.reels*') ? 'active' : '' }}">
            <a href="{{ route('user.reels.index') }}">
                <i class="fa-solid fa-film fa-2xl menu-icon"></i>
                <span>{{__('label.reels')}}</span>
            </a>
        </li>
        <li class="side_line {{ request()->routeIs('user.podcast*') ? 'active' : '' }}">
            <a href="{{ route('user.podcasts.index') }}">
                <i class="fa-solid fa-podcast fa-2xl menu-icon"></i>
                <span>{{__('label.podcasts')}}</span>
            </a>
        </li>
        <li class="side_line {{ request()->routeIs('user.playlist*') ? 'active' : '' }}">
            <a href="{{ route('user.playlist.index') }}">
                <i class="fa-solid fa-headphones fa-2xl menu-icon"></i>
                <span>{{__('label.playlists')}}</span>
            </a>
        </li>
        <li class="side_line {{ request()->routeIs('user.radio*') ? 'active' : '' }}">
            <a href="{{ route('user.radio.index') }}">
                <i class="fa-solid fa-radio fa-2xl menu-icon"></i>
                <span>{{__('label.radio')}}</span>
            </a>
        </li>
        <li class="{{ (request()->routeIs('user.feed.*')) ? 'active' : '' }}">
            <a href="{{ route('user.feed.index') }}">
                <i class="fa-solid fa-camera-retro fa-2xl menu-icon"></i>
                <span>{{__('label.feeds')}}</span>
            </a>
        </li>

        <p class="partition"><span>{{__('label.ads')}}</span></p>
        <li class="side_line {{ request()->routeIs('user.ads*') ? 'active' : '' }}">
            <a href="{{ route('user.ads.index') }}">
                <i class="fa-solid fa-rectangle-ad fa-2xl menu-icon"></i>
                <span>{{__('label.custom_ads')}}</span>
            </a>
        </li>

        <p class="partition"><span>{{__('label.logout')}}</span></p>
        <li>
            <a href="{{ route('user.logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                <i class="fa-solid fa-arrow-right-from-bracket fa-2xl menu-icon"></i>
                <span>{{__('label.logout')}}</span>
            </a>

            <form id="logout-form" action="{{ route('user.logout') }}" method="GET" class="d-none">
                @csrf
            </form>
        </li>
    </ul>
</div>