package view

import (
	_ "embed"
	"fmt"
	"goreader/gallery"
	"strconv"

	"github.com/silva-guimaraes/gtag"
)

//go:embed static/panzoom.min.js
var panzoom string

func Reader(g gallery.Gallery, page string) *gtag.Tag {
	images := g.Images()
	html := gtag.Doc()
	head := html.Head()
	{
		head.Tag("title").Text("leitor")
		head.Tag("style").Asis(styles)
		head.Asis("<!-- panzoom -->")
		head.Tag("script").Asis(panzoom)
	}
	body := html.Body().Id("reader")
	{
		nav := body.Tag("nav")
		{
			controls := nav.Div().Id("controls")
			{
				controls.Tag("button").Id("start-button").Text("start")
				controls.Tag("button").Id("previous-button").Text("previous")
				controls.Tag("button").Id("next-button").Text("next")
				controls.Tag("button").Id("end-button").Text("end")
			}
			nav.VoidTag("hr")
			pageCounter := nav.P().Style("block: inline;")
			{
				pageCounter.Tag("span").Id("page-counter").Text(page)
				pageCounter.Text("/")
				pageCounter.Text(strconv.Itoa(len(images)))
			}
		}
		cont := body.Div().Id("pages-container").SetAttr("data-page", page)
		{
			for i := range images {
				img := gtag.NewVoid("img").
					Class("page hidden").
					SetAttr("loading", "lazy").
					SetAttr("src", fmt.Sprintf("/page/%s/%d", g.Uuid(), i+1)).
					SetAttr("onclick", "pageNav(event);")
				cont.Append(img)
			}
		}
		body.Tag("a").Class("navigate").Id("left").SetAttr("href", "javascript:void(0)")
		body.Tag("a").Class("navigate").Id("right").SetAttr("href", "javascript:void(0)")
		body.Tag("script").Asis(readerJavascript)
	}
	return html
}