From fe1da62058e24287c4ba596cec82f05b475b523d Mon Sep 17 00:00:00 2001
From: glyph <glyph@mycelial.technology>
Date: Fri, 11 Feb 2022 10:32:59 +0200
Subject: [PATCH] add template for profile update form

---
 .../scuttlebutt/update_profile.html.tera      | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 peach-web/templates/scuttlebutt/update_profile.html.tera

diff --git a/peach-web/templates/scuttlebutt/update_profile.html.tera b/peach-web/templates/scuttlebutt/update_profile.html.tera
new file mode 100644
index 0000000..15114c3
--- /dev/null
+++ b/peach-web/templates/scuttlebutt/update_profile.html.tera
@@ -0,0 +1,24 @@
+{%- extends "nav" -%}
+{%- block card %}
+    {# ASSIGN VARIABLES #}
+    {# ---------------- #}
+      <!-- SSB PROFILE UPDATE FORM -->
+      <div class="card center">
+        <form id="profileInfo" class="center" action="/scuttlebutt/profile/update" method="post">
+          <div style="display: flex; flex-direction: column">
+            <label for="name" class="label-small font-gray">NAME</label>
+            <input style="margin-bottom: 1rem;" type="text" id="name" name="new_name" placeholder="Choose a name for your profile..." value="{{ name }}">
+            <label for="description" class="label-small font-gray">DESCRIPTION</label>
+            <textarea id="description" class="message-input" style="margin-bottom: 1rem;" name="new_description" placeholder="Write a description for your profile...">{{ description }}</textarea>
+          </div> 
+          <input type="hidden" name="current_name" value="{{ name }}">
+          <input type="hidden" name="current_description" value="{{ description }}">
+          <div id="buttonDiv">
+            <input id="updateProfile" class="button button-primary center" title="Publish" type="submit" value="Publish">
+            <a class="button button-secondary center" href="/scuttlebutt/profile" title="Cancel">Cancel</a>
+          </div>
+        </form>
+        <!-- FLASH MESSAGE -->
+        {% include "snippets/flash_message" %}
+      </div>
+{%- endblock card -%}