Wip

public/assets/js/fn.js

@@ -43,3 +43,38 @@ function removeValidationClasess() {
     element.innerHTML = ''
   })
 }
+
+function showVerificationCodeBox() {
+  $_ID('verification-code-box').classList.remove('hidden')
+  $_ID('verification-code-box').insertAdjacentHTML('beforeend', `
+      <input 
+        class="form-control form-input form-input-bordered w-full" 
+        id="verification" 
+        type="text" 
+        name="verification"
+        value=""
+      >
+      <input type="hidden" name="step-verification" value="1">
+
+    <span id="verification-error-box" class="text-red-500 text-italic error-box"></span>
+  `)
+}
+
+function showPasswordBox() {
+  $_ID('username-box').classList.add('hidden')
+  $_ID('verification-code-box').innerHTML = ''
+
+  $_ID('reset-password-container').classList.remove('hidden')
+
+  $_ID('password-box').insertAdjacentHTML('beforeend', `
+    <input class="form-control form-input form-input-bordered w-full" id="password" type="password" name="password">
+    <input type="hidden" name="step-password" value="1">
+
+    <span id="password-error-box" class="text-red-500 text-italic error-box"></span>
+  `)
+  $_ID('password-confirm-box').insertAdjacentHTML('beforeend', `
+    <input class="form-control form-input form-input-bordered w-full" id="password_confirmation" type="password" name="password_confirmation">
+
+    <span id="password_confirmation-error-box" class="text-red-500 text-italic error-box"></span>
+  `)
+}