package main

import (
	"github.com/ryanhamamura/via"
	// "github.com/go-via/via-plugin-picocss/picocss"
	"github.com/ryanhamamura/via/h"
)

type Counter struct{ Count int }

func main() {
	v := via.New()

	v.Config(via.Options{
		DocumentTitle: "Live Reload Demo",
		DevMode:       true,
		LogLevel:      via.LogLevelDebug,
		Plugins:       []via.Plugin{
			// picocss.Default
		},
	})

	v.Page("/", func(c *via.Context) {
		data := Counter{Count: 0}
		step := c.Signal(1)

		increment := c.Action(func() {
			data.Count += step.Int()
			c.Sync()
		})

		c.View(func() h.H {
			return h.Main(h.Class("container"), h.Br(),
				h.H1(h.Text("⚡Via Live Reload Demo")),
				h.Hr(),
				h.Div(
					h.H2(h.Strong(h.Text("Count - ")), h.Textf("%d", data.Count)),
					h.H5(h.Strong(h.Text("Step - ")), h.Span(step.Text())),
					h.Div(h.Role("group"),
						h.Input(h.Type("number"), step.Bind()),
						h.Button(h.Text("Increment"), increment.OnClick()),
					),
				),
			)
		})
	})

	v.Start()
}