package mujica

import (
	"log/slog"

	"github.com/egoist/mygo/ui"

	"mujicaui/internal"
	"mujicaui/theme"
)

// IndexQuote is an index level, its change and recent values for the mini chart.
type IndexQuote struct {
	Name          string
	Price         float64
	Change        float64
	ChangePercent float64
	// Series is recent levels; empty hides the chart.
	Series []float64
}

// IndexCardOptions configure an IndexCard.
type IndexCardOptions struct {
	// Decimals of the level and change; zero means 2.
	Decimals int
	// Clickable makes the card a button.
	Clickable bool
	Disabled  bool
}

// IndexCard shows an index level, its change and a mini chart.
func IndexCard(c *ui.Context, q IndexQuote, opts IndexCardOptions) ChoiceResult {
	if q.Name == "" {
		panic("mujica: IndexCard needs a Name")
	}
	dec := priceDecimals("IndexCard", opts.Decimals)
	k := Tokens(c)
	u := Density(c).Unit()
	var e *ui.Element
	ui.Row(c).Shrink(0).Disabled(opts.Disabled).Children(func() {
		if opts.Clickable {
			e = ui.ButtonBase(c).Justify(ui.Start)
			internal.Ring(e, k.Focus, theme.CardRadius)
		} else {
			e = ui.Row(c).Role(ui.RoleGroup)
		}
	})
	e.Column().AlignItems(ui.Stretch).Gap(u).Padding(u*3).Width(200).Radius(theme.CardRadius).Background(k.Surface).
		Label(q.Name).Border(theme.BorderWidth, k.Border)
	if opts.Clickable && e.Hovered() {
		e.Border(theme.BorderWidth, k.ControlBorder).Background(k.SurfaceHover)
	}
	e.Children(func() {
		ui.Text(c, q.Name).Font(theme.SerifFont).TextColor(k.TextMuted).SingleLine()
		PriceText(c, q.Price, PriceTextOptions{Decimals: dec, Size: theme.H3Size})
		ui.Row(c).Children(func() {
			PriceChangeBadge(c, q.Change, q.ChangePercent, PriceChangeBadgeOptions{Decimals: dec})
		})
		if len(q.Series) > 0 {
			Sparkline(c, q.Series, SparklineOptions{Frame: ChartFrame{Label: q.Name}, Width: 172})
		}
	})
	clicked := opts.Clickable && e.Clicked() && !e.IsDisabled()
	if clicked {
		slog.Debug("mujica: index_card click", "name", q.Name)
	}
	return ChoiceResult{Element: e, changed: clicked}
}