From 5f531aa771bf37f4c72cf977464d883e8c0186c6 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Tue, 16 Jun 2026 10:47:31 +0200
Subject: [PATCH] feat: add anime_statistics component template

---
 templates/components/anime_statistics.gohtml | 36 ++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 templates/components/anime_statistics.gohtml

diff --git a/templates/components/anime_statistics.gohtml b/templates/components/anime_statistics.gohtml
new file mode 100644
index 0000000..46cb33d
--- /dev/null
+++ b/templates/components/anime_statistics.gohtml
@@ -0,0 +1,36 @@
+{{define "anime_statistics"}}
+{{if .Items}}
+<div class="flex flex-col gap-1.5 pt-2">
+  <div class="flex items-center justify-between text-xs">
+    <span class="text-foreground-muted">Watching</span>
+    <span class="text-foreground">{{.Items.Watching}}</span>
+  </div>
+  <div class="flex items-center justify-between text-xs">
+    <span class="text-foreground-muted">Completed</span>
+    <span class="text-foreground">{{.Items.Completed}}</span>
+  </div>
+  <div class="flex items-center justify-between text-xs">
+    <span class="text-foreground-muted">On Hold</span>
+    <span class="text-foreground">{{.Items.OnHold}}</span>
+  </div>
+  <div class="flex items-center justify-between text-xs">
+    <span class="text-foreground-muted">Dropped</span>
+    <span class="text-foreground">{{.Items.Dropped}}</span>
+  </div>
+  <div class="flex items-center justify-between text-xs">
+    <span class="text-foreground-muted">Plan to Watch</span>
+    <span class="text-foreground">{{.Items.PlanToWatch}}</span>
+  </div>
+</div>
+{{end}}
+{{end}}
+
+{{define "anime_statistics_loading"}}
+<div hx-get="/anime/{{.AnimeID}}?section=statistics" hx-trigger="load" hx-swap="innerHTML">
+  <div class="flex flex-col gap-3 pt-1">
+    {{range (seq 5)}}
+      <div class="skeleton h-4"></div>
+    {{end}}
+  </div>
+</div>
+{{end}}