package ui

import "github.com/maddalax/htmgo/framework/h"

type ButtonProps struct {
	Id       string
	Text     string
	Target   string
	Type     string
	Trigger  string
	Get      string
	Class    string
	Children []h.Ren
}

func PrimaryButton(props ButtonProps) h.Ren {
	props.Class = h.MergeClasses(props.Class, "border-blue-700 bg-blue-700 text-white")
	return Button(props)
}

func SecondaryButton(props ButtonProps) h.Ren {
	props.Class = h.MergeClasses(props.Class, "border-gray-700 bg-gray-700 text-white")
	return Button(props)
}

func Button(props ButtonProps) h.Ren {

	text := h.Text(props.Text)

	lifecycle := h.NewLifeCycle().
		BeforeRequest(
			h.AddAttribute("disabled", "true"),
			h.SetText("Loading..."),
			h.AddClass("bg-gray-400"),
		).
		AfterRequest(
			h.RemoveAttribute("disabled"),
			h.RemoveClass("bg-gray-400"),
			h.SetText(props.Text),
		).
		OnMutationError(
			h.SetText("failed"),
			h.AddClass("bg-red-400"),
			h.RemoveAttribute("disabled"),
		)

	button := h.Button(
		h.If(props.Id != "", h.Id(props.Id)),
		h.If(props.Children != nil, h.Children(props.Children...)),
		h.If(props.Trigger != "", h.HxTrigger(props.Trigger)),
		h.Class("flex gap-1 items-center border p-4 rounded cursor-hover", props.Class),
		h.If(props.Get != "", h.Get(props.Get)),
		h.If(props.Target != "", h.HxTarget(props.Target)),
		h.IfElse(props.Type != "", h.Type(props.Type), h.Type("button")),
		lifecycle,
		text,
	)

	return button
}