package routes

import "github.com/LazyBachelor/LazyPM/pkg/web/components"
import "github.com/LazyBachelor/LazyPM/pkg/web/components/base"

var baseLayout = components.LayoutProps{
	Title:       "Beads Test Application",
	Description: "A sample application using Beads storage service",
	Head: components.HeadProps{
		Links: []components.Link{
			{Href: "/assets/css/styles.css", Rel: "preload", As: "style"},
			{Href: "/assets/css/styles.css", Rel: "stylesheet"},
			{Href: "/assets/manifest.json", Rel: "manifest"},
		},
		Scripts: []components.Script{
			{Src: "/assets/js/htmx.min.js", Defer: true},
			{Src: "/assets/js/ajax.min.js", Defer: true},
		},
	},
	Header: components.HeaderProps{
		Title: "LazyPM Dashboard",
		NavbarCenter: base.Input(base.InputProps{
			Name:        "search-issue",
			Type:        "search",
			Placeholder: "Search issues...",
			Class:       "",
			Attrs: templ.Attributes{
				"class": "text-base-content",
			},
		}),
		NavbarEnd: components.Status(),
	},
}

templ BaseLayout() {
	@components.Layout(baseLayout) {
		{ children... }
	}
}