8 files changed, 97 insertions, 8 deletions
diff --git a/pkg/webui/html/base.html b/pkg/webui/html/base.html
index 06328e4..c0138ac 100644
--- a/pkg/webui/html/base.html
+++ b/pkg/webui/html/base.html
@@ -12,11 +12,10 @@
   <span>Login</span>
 </a>
 {{ else }}
-<a href="/states"{{ if eq .Page.Section "states" }} class="active"{{ end}}>
+<a href="/states"{{ if eq .Page.Section "states" }} class="fill"{{ end}}>
   <i>home_storage</i>
   <span>States</span>
 </a>
-<hr>
 <a href="/logout">
   <i>logout</i>
   <span>Logout</span>
@@ -39,6 +38,11 @@
     <nav class="bottom s">{{ template "nav" . }}</nav>
     <header>
       <nav>
+        {{ if ne .Page.Precedent "" }}
+        <a href="{{ .Page.Precedent }}" class="button circle chip">
+            <i>arrow_back</i>
+          </a>
+        {{ end }}
         <h5 class="max center-align">{{ .Page.Title }}</h5>
       </nav>
     </header>
diff --git a/pkg/webui/html/state.html b/pkg/webui/html/state.html
new file mode 100644
index 0000000..4439d9e
--- /dev/null
+++ b/pkg/webui/html/state.html
@@ -0,0 +1,30 @@
+{{ define "main" }}
+<main class="responsive" id="main">
+  <p>
+    Locked:
+    {{ if eq .State.Lock nil }}no{{ else }}
+    <span>yes</span>
+    <div class="tooltip left max">
+      <b>Lock</b>
+      <p>{{ .State.Lock }}</p>
+    </div>
+    {{ end }}
+  </p>
+  <table class="clickable-rows no-space">
+    <thead>
+      <tr>
+        <th>By</th>
+        <th>Created</th>
+      </tr>
+    </thead>
+    <tbody>
+      {{ range .Versions }}
+      <tr>
+        <td><a href="/version/{{ .Id }}">{{ index $.Usernames .AccountId }}</a></td>
+        <td><a href="/version/{{ .Id }}">{{ .Created }}</a></td>
+      </tr>
+      {{ end }}
+    </tbody>
+  </table>
+</main>
+{{ end }}
diff --git a/pkg/webui/html/states.html b/pkg/webui/html/states.html
index f61b87c..787ac73 100644
--- a/pkg/webui/html/states.html
+++ b/pkg/webui/html/states.html
@@ -1,6 +1,6 @@
 {{ define "main" }}
 <main class="responsive" id="main">
-  <table class="clickable-rows no-space stripes">
+  <table class="clickable-rows no-space">
     <thead>
       <tr>
         <th>Path</th>
diff --git a/pkg/webui/index.go b/pkg/webui/index.go
index deea5d1..89e5ad6 100644
--- a/pkg/webui/index.go
+++ b/pkg/webui/index.go
@@ -6,8 +6,9 @@ import (
 )
 
 type Page struct {
-	Section string
-	Title   string
+	Precedent string
+	Section   string
+	Title     string
 }
 
 func handleIndexGET() http.Handler {
diff --git a/pkg/webui/routes.go b/pkg/webui/routes.go
index 9bf04ec..4330630 100644
--- a/pkg/webui/routes.go
+++ b/pkg/webui/routes.go
@@ -17,6 +17,7 @@ func addRoutes(
 	mux.Handle("POST /login", requireSession(handleLoginPOST(db)))
 	mux.Handle("GET /logout", requireLogin(handleLogoutGET(db)))
 	mux.Handle("GET /states", requireLogin(handleStatesGET(db)))
+	mux.Handle("GET /state/{id}", requireLogin(handleStateGET(db)))
 	mux.Handle("GET /static/", cache(http.FileServer(http.FS(staticFS))))
 	mux.Handle("GET /", requireLogin(handleIndexGET()))
 }
diff --git a/pkg/webui/state.go b/pkg/webui/state.go
new file mode 100644
index 0000000..c7a6aaf
--- /dev/null
+++ b/pkg/webui/state.go
@@ -0,0 +1,54 @@
+package webui
+
+import (
+	"html/template"
+	"net/http"
+	"strconv"
+
+	"git.adyxax.org/adyxax/tfstated/pkg/database"
+	"git.adyxax.org/adyxax/tfstated/pkg/model"
+)
+
+var stateTemplate = template.Must(template.ParseFS(htmlFS, "html/base.html", "html/state.html"))
+
+func handleStateGET(db *database.DB) http.Handler {
+	type StatesData struct {
+		Page
+		State     *model.State
+		Usernames map[int]string
+		Versions  []model.Version
+	}
+	return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		stateIdStr := r.PathValue("id")
+		stateId, err := strconv.Atoi(stateIdStr)
+		if err != nil {
+			errorResponse(w, http.StatusBadRequest, err)
+			return
+		}
+		state, err := db.LoadStateById(stateId)
+		if err != nil {
+			errorResponse(w, http.StatusInternalServerError, err)
+			return
+		}
+		versions, err := db.LoadVersionsByState(state)
+		if err != nil {
+			errorResponse(w, http.StatusInternalServerError, err)
+			return
+		}
+		usernames, err := db.LoadAccountUsernames()
+		if err != nil {
+			errorResponse(w, http.StatusInternalServerError, err)
+			return
+		}
+		render(w, stateTemplate, http.StatusOK, StatesData{
+			Page: Page{
+				Precedent: "/states",
+				Section:   "states",
+				Title:     state.Path,
+			},
+			State:     state,
+			Usernames: usernames,
+			Versions:  versions,
+		})
+	})
+}
diff --git a/pkg/webui/states.go b/pkg/webui/states.go
index 0e956fb..d99d310 100644
--- a/pkg/webui/states.go
+++ b/pkg/webui/states.go
@@ -16,7 +16,7 @@ func handleStatesGET(db *database.DB) http.Handler {
 		States []model.State
 	}
 	return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-		states, err := db.LoadStatesByPath()
+		states, err := db.LoadStates()
 		if err != nil {
 			errorResponse(w, http.StatusInternalServerError, err)
 			return
diff --git a/pkg/webui/static/main.css b/pkg/webui/static/main.css
index f0fe350..ae56cd0 100644
--- a/pkg/webui/static/main.css
+++ b/pkg/webui/static/main.css
@@ -1,6 +1,5 @@
-.clickable-rows tbody a {
+table tbody a {
     display: block;
-    padding: 0 1em 0;
     text-decoration: none;
     transition: all 0.25s ease-out;
 }