package homeview

import "github.com/tigorlazuardi/redmage/views/components"
import "github.com/tigorlazuardi/redmage/views"
import "github.com/tigorlazuardi/redmage/views/utils"
import "time"

templ Home(c *views.Context, data Data) {
	@components.Doctype() {
		@components.Head(c, components.HeadTitle("Redmage - Home"))
		@components.Body(c) {
			@components.Container() {
				if data.Error != nil {
					@components.ErrorToast(data.Error.Error())
				} else {
					@home(c, data)
				}
			}
		}
	}
}

templ home(_ *views.Context, data Data) {
	<div class="prose">
		<section class="mb-4 mx-auto">
			<h1>Recently Added</h1>
			for _, deviceMapValue := range data.RecentlyAddedImages {
				<h2>{ deviceMapValue.device.Name }</h2>
				for _, subreddit := range deviceMapValue.subreddits {
					<h4>{ subreddit.subreddit.Name }</h4>
					@RecentlyAddedImageList(subreddit.images, 0)
				}
			}
		</section>
		<section>
			<h1>Subreddits</h1>
			for _, subreddit := range data.SubredditsList.Data {
				<h3>{ subreddit.Name } - { utils.NextScheduleTime(subreddit.Schedule).Format(time.RubyDate) }</h3>
			}
		</section>
	</div>
}