package pages

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

func UploadFile(ctx echo.Context, files []*models.File) error {
	r := ui.NewRequest(ctx)
	r.Title = "Upload a file"

	fileList := make(Group, len(files))
	for i, file := range files {
		fileList[i] = file.Render()
	}

	n := Group{
		P(Text("This is a very basic example of how to handle file uploads. Files uploaded will be saved to the directory specified in your configuration.")),
		Divider(""),
		forms.File{}.Render(r),
		Divider(""),
		H3(
			Class("title"),
			Text("Uploaded files"),
		),
		Card(CardParams{
			Body:  Group{Text("Below are all files in the configured upload directory.")},
			Color: ColorWarning,
			Size:  SizeMedium,
		}),
		Table(
			Class("table"),
			THead(
				Tr(
					Th(Text("Filename")),
					Th(Text("Size")),
					Th(Text("Modified on")),
				),
			),
			TBody(
				fileList,
			),
		),
	}

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