import Elementary
import ManualDCore
import Styleguide

struct Navbar: HTML, Sendable {
  let sidebarToggle: Bool
  let userProfile: Bool

  init(
    sidebarToggle: Bool,
    userProfile: Bool = true
  ) {
    self.sidebarToggle = sidebarToggle
    self.userProfile = userProfile
  }

  var homeRoute: SiteRoute.View {
    if userProfile {
      return .project(.index)
    }
    return .home
  }

  var body: some HTML<HTMLTag.nav> {
    nav(
      .class(
        """
        navbar w-full bg-base-300 text-base-content shadow-sm mb-4
        """
      )
    ) {
      div(.class("flex flex-1 space-x-4 items-center")) {
        if sidebarToggle {
          label(
            .for("my-drawer-1"),
            .class("size-7"),
            .init(name: "aria-label", value: "open sidebar")
          ) {
            SVG(.sidebarToggle)
          }
          .navButton()
          .tooltip("Open sidebar", position: .right)
        }

        a(
          .class("flex w-fit h-fit text-xl items-end px-4 py-2"),
          .href(route: homeRoute)
        ) {
          img(
            .src("/images/mand_logo_sm.webp"),
          )
          span { "Duct Calc" }
        }
        .navButton()
        .tooltip("Home", position: .right)
      }
      if userProfile {
        div(.class("flex-none dropdown dropdown-end dropdown-hover")) {
          div(.class("btn m-1"), .tabindex(0), .role("button")) {
            SVG(.circleUser)
          }
          .navButton()
          ul(
            .tabindex(-1),
            .class("dropdown-content menu bg-base-200 rounded-box z-1 w-52 py-2 shadow-sm")
          ) {
            li {
              a(.href(route: .user(.profile(.index)))) { "Profile" }
            }
            li {
              a(.href(route: .user(.logout))) { "Logout" }
            }
          }
        }
      }
    }
  }
}

extension HTML where Tag: HTMLTrait.Attributes.Global {
  func navButton() -> _AttributedElement<Self> {
    attributes(
      .class("btn btn-square btn-ghost hover:bg-neutral hover:text-white")
    )
  }
}