package web

import "net/http"
import "strings"
import "time"

import "github.com/invopop/ctxi18n/i18n"

import "git.arav.su/Arav/dwelling-home/pkg/mindflow"
import "git.arav.su/Arav/dwelling-home/pkg/util"

templ Mindflow(posts []mindflow.Post, categories []mindflow.Category, r *http.Request) {
	@base(i18n.T(ctx, "base.section.mindflow"), "Updates on my infrastructure, my very important opinions and thoughts.", "updates, thoughts, opinions, blog, diary", "/mindflow", r, mindflowHead()) {
		<p class="center">Here I post updates on websites and infrastructure, my very important opinions and thoughts no one asked for. If you'd like to subscribe to this bullshittery then <a href="/rss.xml">RSS feed</a> at your service. :)</p>
		<section>
			<menu id="filter" class="hidden">
				<button name="all">All</button>
				for _, category := range categories {
					<button name={ strings.ToLower(category.Name) }>{ category.Name }</button>
				}
			</menu>
			for _, post := range posts {
				<article id={ post.PostID() }>
					<header>
						<a href={ templ.SafeURL("#" + post.PostID()) }>
							<h3>{ post.Category.Name }: { post.Title }</h3>
						</a>
					</header>
					for _, line := range strings.Split(post.Body, "\n") {
						<p
						if len(line) > 0 && line[0] == '>' {
							class="quote"
						}>@templ.Raw(line)</p>
					}
					<footer>
						if post.URL != "" {
							<a href={ templ.SafeURL(post.PostURL(r.Host, false)) }>{ post.PostURL(r.Host, false) }</a>
						} else {
							<span></span>
						}
						{{ ctz := util.ToClientTimezone(post.Date, r) }}
						<time datetime={ ctz.Format(time.RFC3339) }>{ ctz.Format(time.RFC1123) }</time>
					</footer>
				</article>
			}
			if len(posts) == 0 {
				<p class="center">Nothing? There must be some... Looks like database went down.</p>
			}
		</section>
	}
}

templ mindflowHead() {
	<link rel="stylesheet" href="/assets/css/mindflow.css"/>
	<script src="/assets/js/mindflow.js" defer></script>
}