from fasthtml.components import Html
from fasthtml.components import *
from fasthtml.xtend import Script

import config
from components.footer import footer
from components.header.components.MyHeader import MyHeader
from components_helpers import mk_tooltip_container


def page_layout_new(session, settings_manager, content):
  return Html(
    Head(
      Meta(charset="UTF-8"),
      Meta(name="viewport", content="width=device-width, initial-scale=1.0"),
      Link(href="https://cdn.jsdelivr.net/npm/daisyui@5", rel="stylesheet", type="text/css"),
      Link(href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css", rel="stylesheet", type="text/css"),
      Script(src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"),
    ),
    Body(
      page_layout_lite(session, settings_manager, content),
    )
  )


def page_layout_lite(session, settings_manager, content):
  return (
      Title(f"{config.APP_NAME}"),
      Div(
        mk_tooltip_container("mmt-app"),
        MyHeader(session, settings_manager),
        Main(content, cls="flex-grow"),
        footer(),
        Script("bindTooltipsWithDelegation();"),
        cls="flex flex-col min-h-screen",
        id="mmt-app",
      )
  )