<!-- Sidebar -->
<div class="sidebar">
    <div class="sidebar-header">
        <a href="/dashboard" class="logo">
            <i class="fas fa-music"></i>
            <span>مدیا پلیر من</span>
        </a>
    </div>

    <div class="nav-menu">
        <div class="menu-title">منو اصلی</div>
        <a href="#" class="nav-item active" onclick="openTab('dashboard')">
            <i class="fas fa-home"></i>
            <span>داشبورد</span>
        </a>
        <a href="#" class="nav-item" onclick="openTab('songs')">
            <i class="fas fa-music"></i>
            <span>آهنگ‌ها</span>
        </a>
        <a href="#" class="nav-item" onclick="openTab('albums')">
            <i class="fas fa-compact-disc"></i>
            <span>آلبوم‌ها</span>
        </a>
        <a href="#" class="nav-item" onclick="openTab('playlists')">
            <i class="fas fa-list"></i>
            <span>پلی‌لیست‌ها</span>
        </a>
        <a href="#" class="nav-item" onclick="openTab('favorites')">
            <i class="fas fa-heart"></i>
            <span>علاقه‌مندی‌ها</span>
        </a>

        <div class="menu-title">دسته‌بندی‌ها</div>
        <a href="#" class="nav-item" onclick="openTab('categories')">
            <i class="fas fa-th-large"></i>
            <span>ژانرها</span>
        </a>
        <a href="#" class="nav-item">
            <i class="fas fa-podcast"></i>
            <span>پادکست‌ها</span>
        </a>

        <div class="menu-title">تنظیمات</div>
        <a href="#" class="nav-item">
            <i class="fas fa-cog"></i>
            <span>تنظیمات</span>
        </a>
        <a href="#" class="nav-item">
            <i class="fas fa-question-circle"></i>
            <span>راهنما</span>
        </a>
    </div>

    <div class="user-profile">
        <div class="avatar">س</div>
        <div class="user-info">
            <div class="user-name">سارا محمدی</div>
            <div class="user-email">sara@example.com</div>
        </div>
        <button class="logout-btn">
            <i class="fas fa-sign-out-alt"></i>
        </button>
    </div>
</div>
