swift-duct-calc/Sources/ViewController/Views/Navbar.swift

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 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: .project(.index))
        ) {
          img(
            .src("/images/mand_logo_sm.webp"),
          )
          span { "Duct Calc" }
        }
        .navButton()
        .tooltip("Home", position: .right)
      }
      if userProfile {
        // TODO: Make dropdown
        div(.class("flex-none")) {
          a(
            .href(route: .user(.profile(.index))),
          ) {
            SVG(.circleUser)
          }
          .navButton()
          .tooltip("Profile")
        }
      }
    }
  }
}

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