import Elementary
import ElementaryHTMX
import ManualDCore
import Styleguide

public struct MainPage<Inner: HTML>: SendableHTMLDocument where Inner: Sendable {

  public var title: String { "Manual-D" }
  public var lang: String { "en" }

  let inner: Inner

  init(
    _ inner: () -> Inner
  ) {
    self.inner = inner()
  }

  public var head: some HTML {
    meta(.charset(.utf8))
    meta(.name(.viewport), .content("width=device-width, initial-scale=1.0"))
    script(.src("https://unpkg.com/htmx.org@2.0.8")) {}
    script(.src("/js/main.js")) {}
    link(.rel(.stylesheet), .href("/css/output.css"))
    link(.rel(.icon), .href("/images/favicon.ico"), .custom(name: "type", value: "image/x-icon"))
    HTMLRaw(
      """
      <script src="https://unpkg.com/htmx-remove@latest"
          integrity="sha384-NwB2Xh66PNEYfVki0ao13UAFmdNtMIdBKZ8sNGRT6hKfCPaINuZ4ScxS6vVAycPT"
          crossorigin="anonymous">
      </script>
      """
    )
  }

  public var body: some HTML {
    div(.class("h-screen w-full")) {
      inner
    }
    script(.src("https://unpkg.com/lucide@latest")) {}
    script {
      "lucide.createIcons();"
    }
  }
}

struct LoggedIn: HTML, Sendable {
  let next: String

  init(next: String? = nil) {
    self.next = next ?? SiteRoute.View.router.path(for: .project(.index))
  }

  var body: some HTML {
    div(
      .hx.get(next),
      .hx.pushURL(true),
      .hx.target("body"),
      .hx.trigger(.event(.revealed)),
      .hx.indicator()
    ) {
      Indicator()
    }
  }

}

public protocol SendableHTMLDocument: HTMLDocument, Sendable {}