basic account creation flow created

templates/pages/index.html.tmpl

@@ -1,3 +1,6 @@
+{{- $loggedIn := and (and .Identity .Identity.AccessToken) true -}}
+
+
 <section class="flex justify-center max-w-full mt-[3em] mb-[3em]">
 	<h1 class="
 		min-[400px]:px-[calc(10vw-0.5em)]
@@ -12,20 +15,21 @@
 
 </section>
 
-{{- if and .Identity.User.UserID (not .Identity.Account) }}
-	{{/* TODO: make account creation automatic as part of the user creation process */}}
-	<h2><a href="/ui/account-creation">New Account</a></h2>
-{{- end }}
-
 <section class="flex flex-col items-center max-w-full mt-[1em] mb-[1em] gap-y-[2em]">
 	<p class="text-lg text-center max-w-[50%]">
 		Synchronize inventory automatically!
 	</p>
 
 	<div class="border-button border-sidebar-border bg-card text-lg text-center max-w-[50%]">
-		<a href="/api/auth/login" hx-boost="false" class="block p-[1em] font-bold">
-			Create an Account
-		</a>
+		{{- if $loggedIn }}
+			<a hx-post="/api/accounts" hx-target="body" class="block p-[1em] font-bold">
+				Create an Account
+			</a>
+		{{- else }}
+			<a href="/api/auth/login" hx-boost="false" class="block p-[1em] font-bold">
+				New Login
+			</a>
+		{{- end }}
 	</div>
 
 	<p class="text-lg text-center max-w-[50%]">

templates/pages/unauthorized.html.tmpl

@@ -0,0 +1,20 @@
+<section class="text-center">
+	<header class="m-[1em]">
+		<h2>
+			Access Not Granted
+		</h2>
+
+		{{ $link := printf "/ui%s" .Request.URL }}
+		<a href="{{ $link }}" class="block m-[1em]">
+			<code>
+				{{ $link }}
+			</code>
+		</a>
+	</header>
+
+	<div class="m-[2em]">
+		<p class="italic font-bold">
+			Sorry, you don't have access to the page you were looking for.
+		</p>
+	</div>
+</section>