5 files changed, 77 insertions, 0 deletions
diff --git a/cmd/web/templates/settings/htmx-setting-page.tmpl b/cmd/web/templates/settings/htmx-setting-page.tmpl
new file mode 100644
index 0000000..618c17f
--- /dev/null
+++ b/cmd/web/templates/settings/htmx-setting-page.tmpl
@@ -0,0 +1,3 @@
+{{ template "settings/index" . }}
+{{ template "components/navbar" . }}
+{{ template "components/head" . }}
+\ No newline at end of file
diff --git a/cmd/web/templates/settings/index.tmpl b/cmd/web/templates/settings/index.tmpl
new file mode 100644
index 0000000..321b169
--- /dev/null
+++ b/cmd/web/templates/settings/index.tmpl
@@ -0,0 +1,22 @@
+<div class="settings-page">
+  <div class="container page">
+    <div class="row">
+
+      <div class="col-md-6 col-md-offset-3 col-xs-12">
+        <h1 class="text-xs-center">Your Settings</h1>
+
+        {{ template "settings/partials/form-message" }}
+
+        {{ template "settings/partials/form" . }}
+      </div>
+
+      <div class="col-md-6 col-md-offset-3">
+        <hr>
+        <button class="btn btn-outline-danger" hx-post="/htmx/sign-out">
+          Or click here to logout.
+        </button>
+      </div>
+
+    </div>
+  </div>
+</div>
+\ No newline at end of file
diff --git a/cmd/web/templates/settings/partials/form-message.tmpl b/cmd/web/templates/settings/partials/form-message.tmpl
new file mode 100644
index 0000000..44b855f
--- /dev/null
+++ b/cmd/web/templates/settings/partials/form-message.tmpl
@@ -0,0 +1,25 @@
+<div id="settings-form-messages"
+  {{ if .IsOob }}
+  hx-swap-oob="true"
+  {{ end }}
+>
+  {{ if .Errors }}
+  <div class="alert alert-danger">
+    <ul>
+      {{ range $error := .Errors }}
+        <li>{{ $error }}</li>
+      {{ end }}
+    </ul>
+  </div>
+  {{ end }}
+
+  {{ if .SuccessMessages }}
+  <div class="alert alert-success">
+    <ul>
+      {{ range $message := .SuccessMessages }}
+        <li>{{ $message }}</li>
+      {{ end }}
+    </ul>
+  </div>
+  {{ end }}
+</div>
+\ No newline at end of file
diff --git a/cmd/web/templates/settings/partials/form.tmpl b/cmd/web/templates/settings/partials/form.tmpl
new file mode 100644
index 0000000..c0d8c4a
--- /dev/null
+++ b/cmd/web/templates/settings/partials/form.tmpl
@@ -0,0 +1,25 @@
+<form
+  action="/settings"
+  method="POST"
+  hx-post="/htmx/settings"
+  id="settings-form"
+>
+  <fieldset class="form-group">
+    <input class="form-control" type="text" placeholder="URL of profile picture" value="{{ .AuthenticatedUser.Image }}" name="image_url">
+  </fieldset>
+  <fieldset class="form-group">
+    <input class="form-control form-control-lg" type="text" placeholder="Your Name" value="{{ .AuthenticatedUser.Name }}" name="name">
+  </fieldset>
+  <fieldset class="form-group">
+    <textarea class="form-control form-control-lg" rows="8" placeholder="Short bio about you" name="bio">{{ .AuthenticatedUser.Bio }}</textarea>
+  </fieldset>
+  <fieldset class="form-group">
+    <input class="form-control form-control-lg" type="email" placeholder="Email" value="{{ .AuthenticatedUser.Email }}" name="email">
+  </fieldset>
+  <fieldset class="form-group">
+    <input class="form-control form-control-lg" type="password" placeholder="Password" name="password">
+  </fieldset>
+  <button class="btn btn-lg btn-primary pull-xs-right" hx-post="/htmx/settings" hx-swap="none">
+    Update Settings
+  </button>
+</form>
+\ No newline at end of file
diff --git a/cmd/web/templates/settings/partials/htmx-form-message.tmpl b/cmd/web/templates/settings/partials/htmx-form-message.tmpl
new file mode 100644
index 0000000..1e5f5bc
--- /dev/null
+++ b/cmd/web/templates/settings/partials/htmx-form-message.tmpl
@@ -0,0 +1,2 @@
+{{ template "settings/partials/form-message" . }}
+{{ template "components/navbar" . }}
+\ No newline at end of file