From 3a4d20e6cbf8c8290a20b5cf5bdc9f6bc6b5bf31 Mon Sep 17 00:00:00 2001
From: MrMelon54 <github@mrmelon54.com>
Date: Fri, 20 Jan 2023 01:25:15 +0000
Subject: [PATCH] Move buttons and start adding settings

---
 src/components/settings/Settings.svelte | 47 +++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/src/components/settings/Settings.svelte b/src/components/settings/Settings.svelte
index f460ef8..41ea6ea 100644
--- a/src/components/settings/Settings.svelte
+++ b/src/components/settings/Settings.svelte
@@ -17,6 +17,53 @@
   <div class="settings-content">
     {#if $profileStore}
       <h1>Settings</h1>
+      <form>
+        <h2>Email</h2>
+        <div>
+          <span>{$profileStore.email}</span>
+          {#if $profileStore.email_verified}
+            <span>Verified</span>
+          {:else}
+            <span>Unverified</span>
+          {/if}
+        </div>
+        <section>
+          <input id="email" name="email" placeholder=" " autocomplete="email" required bind:value={inputEmail} />
+        </section>
+        <button type="submit">Change email</button>
+      </form>
+      <form>
+        <h2>Password</h2>
+        <section>
+          <label for="password">Password:</label>
+          <input id="password" name="password" placeholder=" " autocomplete="password" required bind:value={inputPassword} />
+          <label for="new-password">New Password:</label>
+          <input
+            id="new-password"
+            name="new-password"
+            placeholder=" "
+            autocomplete="new-password"
+            aria-describedby="password-constraints"
+            required
+            bind:value={inputNewPassword}
+          />
+          <label for="repeat-password">Repeat Password:</label>
+          <input
+            id="repeat-password"
+            name="repeat-password"
+            placeholder=" "
+            autocomplete="repeat-password"
+            aria-describedby="password-constraints"
+            required
+            bind:value={inputRepeatPassword}
+          />
+        </section>
+        <section>
+          <PasswordConstraints password={inputNewPassword} />
+        </section>
+        <button type="submit">Change password</button>
+      </form>
+      <section />
       <section>Honestly I'm just too lazy to make this yet</section>
     {:else}
       <LazyDelay delayMs={500}>Loading...</LazyDelay>