# components/sidebar.py
from dash import html, dcc
import dash_bootstrap_components as dbc # Import dbc jika ingin menggunakan ikonnya

# Function untuk bikin sidebar layout
def create_sidebar():
    return html.Div(
        [
            # --- Bagian Profil Pengguna ---
            html.Div([
                # dbc.Spinner( # Spinner saat loading nama, opsional
                    html.Div([
                        html.Div(className="sidebar-profile-avatar-icon me-2"), # Div untuk ikon avatar
                        html.Span(id="sidebar-profile-name", children="Nama Pengguna", className="sidebar-profile-text")
                    ], className="d-flex align-items-center p-2 mb-3 sidebar-profile-container")
                # )
            ], id="sidebar-profile-section"),
            # --- Akhir Bagian Profil Pengguna ---

            html.H2("Dashboard", className="sidebar-title"), # Judul bisa dikecilkan atau digeser
            dcc.Link("Beranda", href="/beranda", className="sidebar-link"),
            dcc.Link("Analisis Tren Penyakit", href="/analisis_tren_penyakit", className="sidebar-link"),
            dcc.Link("Distribusi Kasus Demografi", href="/distribusi_kasus_demografi", className="sidebar-link"),
            dcc.Link("Laporan dan Unduh Data", href="/laporan", className="sidebar-link"),
            dcc.Link("Input Data", href="/input_data", className="sidebar-link"),
            dcc.Link("Pengaturan", href="/pengaturan", className="sidebar-link"),
            dcc.Link("Logout", href="/logout", className="sidebar-link")
        ],
        className="sidebar",
        id="sidebar"
    )

sidebar_layout = create_sidebar()