package pages

import (
	"github.com/labstack/echo/v4"
	// "github.com/camzawacki/personal-site/internal/routenames"
	"github.com/camzawacki/personal-site/internal/ui"
	// . "github.com/camzawacki/personal-site/internal/ui/components"
	// "github.com/camzawacki/personal-site/internal/ui/icons"
	"github.com/camzawacki/personal-site/internal/ui/layouts"
	"github.com/camzawacki/personal-site/internal/ui/models"
	. "maragu.dev/gomponents"
	. "maragu.dev/gomponents/html"
)

func Home(ctx echo.Context, posts *models.Posts) error {
	r := ui.NewRequest(ctx)
	r.Metatags.Description = "This is my homepage."
	r.Metatags.Keywords = []string{"Software", "Coding", "Projects", "Homepage"}

	img := Div(
		Class("w-full h-full flex justify-center"),
		Div(
			Class("bg-blue-100 size-92 object-contain overflow-hidden rounded-4xl"),
			Img(
				Src(ui.StaticFile("me2.webp")),
			),
		),
	)
	// tabs := cache.SetIfNotExists("pages.about.Tabs", func() Node {

	banner := Div(
		Class("w-full py-4 bg-red-100 text-center text-lg"),
		Text("This website is currently under construction. For an older version, see "),
		A(
			Class("underline"),
			Href("https://camzawacki.com"),
			Text("camzawacki.com"),
		),
	)
	
	education := Div(
		Class("prose-xl"),
		H2(Text("Education")),
		Ul(Class("list-disc pl-3"),
			Li(Text("PhD Electrical Engineering")),
			Li(Text("MS Robotics")),
			Li(Text("BS Mechanical Engineering & Computer Science")),
			),
		)

	content := Div(
		Class("flex flex-col p-5 mx-10 gap-2"),
		img,
		Div(Class("w-full divider")),
		banner,
		Div(
			Class("mx-auto w-160"),
			education,
		),
	)	

	return r.Render(layouts.Primary, content)
}