# dashboard/app.py
import sys
sys.path.append('/workspace')

from dash import Dash, html, dcc, page_container
from flask import Flask
import dash_bootstrap_components as dbc
from components.header import Header
# from components.sidebar import Sidebar
import callbacks.ui_callbacks  # wichtig!
import dashboard.callbacks.overview_callbacks  # <-- Das registriert die Callbacks
import dashboard.callbacks.appointments_callbacks
from config import SECRET_KEY, ENV

server = Flask(__name__)
server.secret_key = SECRET_KEY

app = Dash(
    __name__,
    server=server,
    use_pages=True,
    # external_stylesheets=[dbc.themes.BOOTSTRAP],
    suppress_callback_exceptions=True,
    serve_locally=True
)

app.layout = html.Div([
    Header(),
    dcc.Store(id="sidebar-state", data={"collapsed": False}),
    # dcc.Store(id="calendar-click-store"),
    # dcc.Store(id="calendar-event-store"),
    html.Div(id="sidebar"),  # Sidebar wird dynamisch gerendert
    html.Div(page_container, className="page-content"),
    html.Div("TEST", id="test-div"),
])


if __name__ == "__main__":
    app.run(host="0.0.0.0", port=8050, debug=(ENV=="development"))