# ui.R
dashboardPage(
  dashboardHeader(
    title = "GemFin",
    
    # Back-Button
    tags$li(
      class = "dropdown",
      style = "padding: 8px 10px;",
      actionBttn("back_btn", "Zurück",
        size = "xs", style = "minimal",
        icon = icon("arrow-left"))
    ),
    
    # Filter Buchungen
    tags$li(
      class = "dropdown",
      conditionalPanel(
        condition = "input.tabs == 'buchungen'",
        div(
          style = "display: flex; align-items: center; gap: 4px; padding: 8px 4px;",
          actionBttn("filter_alle",  "Alle",         size = "xs", style = "minimal"),
          actionBttn("filter_giro",  "Girokonto",    size = "xs", style = "minimal"),
          actionBttn("filter_monat", "Dieser Monat", size = "xs", style = "minimal")
        )
      )
    ),
    
    # Filter Umsätze
    tags$li(
      class = "dropdown",
      conditionalPanel(
        condition = "input.tabs == 'umsatz'",
        div(
          style = "display: flex; align-items: center; gap: 4px; padding: 8px 4px;",
          actionBttn("umsatz_filter_ungebucht", "Ungebucht",
            size = "xs", style = "minimal", color = "warning"),
          actionBttn("umsatz_filter_alle", "Alle",
            size = "xs", style = "minimal"),
          actionBttn("umsatz_sync", "Sync",
            size = "xs", style = "minimal",
            icon = icon("rotate"), color = "primary")
        )
      )
    )
  ),
  
  dashboardSidebar(
    sidebarMenu(id = "tabs",
      menuItem("Buchungen", tabName = "buchungen", icon = icon("list")),
      menuItem("Umsätze",   tabName = "umsatz",   icon = icon("bank")),
      menuItem("Konten",    tabName = "konten",    icon = icon("building-columns")),
      menuItem("Adressen",    tabName = "contacts",    icon = icon("people-group"))
    )
  ),
  
  dashboardBody(
    tags$head(
      tags$link(rel = "stylesheet", type = "text/css", href = "main.css")
    ),
    tabItems(
      tabItem(tabName = "buchungen",
        buchungenUI("buchungen_tab")
      ),
      tabItem(tabName = "umsatz",
        umsatzUI("umsatz_tab")
      ),
      tabItem(tabName = "konten",
        accountsUI("accounts_tab")
      ),
      tabItem(tabName = "contacts",
        contactsUI("contacts_tab")
      )
    )
  )
)