From b5e71b925f0348aafaab20786cb676bd10c504fe Mon Sep 17 00:00:00 2001
From: Etinosa Obaseki <etinosaobaseki@gmail.com>
Date: Sat, 5 Dec 2020 19:30:50 +0000
Subject: [PATCH] Add back buttons

---
 index.html | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 9da8cfa..39d3f78 100644
--- a/index.html
+++ b/index.html
@@ -68,7 +68,7 @@
         margin-bottom: 5px;
       }
       
-      input[type="text"], input[type="email"] {
+      input[type="text"], input[type="email"], input[type="url"] {
         padding: 7px 15px;
         border-radius: 5px;
         background: transparent;
@@ -113,7 +113,7 @@ <h1>Tools for your Paystack Storefront</h1>
         <section id="store-url-section">
           <h1>Enter your Paystack Storefront URL</h1>
           <form action="" id="submit-store-url">
-            <input type="text" name="storeUrl" id="storeURL" placeholder="https://paystack.shop/your-store-name" required />
+            <input type="text" name="storeUrl" id="storeURL" pattern="(https:\/\/)?(paystack.shop\/)([^\/\s]+)(.*)" placeholder="https://paystack.shop/your-store-name" required />
             <button type="submit" class="btn-primary">Set up custom domain</button>
           </form>
         </section>
@@ -123,7 +123,7 @@ <h1>Enter your Paystack Storefront URL</h1>
         <section id="custom-domain-section">
           <h1>Enter your custom domain</h1>
           <form action="" id="submit-custom-domain">
-            <input type="text" name="customDomain" id="customDomain" placeholder="https://your-store-name" required />
+            <input type="url" name="customDomain" id="customDomain" placeholder="https://your-store-name" required />
             <button type="submit" class="btn-primary">Set up custom domain</button>
             <button id="backToStoreURL" class="btn-primary">Go back</button>
           </form>
@@ -219,5 +219,15 @@ <h1>Please wait while we set things up...</h1>
 
       provisionStorefront();
     });
+
+    $("#backToStoreURL").addEventListener("click", (event) => {
+      event.preventDefault();
+      navigateTo(ROUTES.STORE_URL);
+    })
+
+    $("#backToCustomDomain").addEventListener("click", (event) => {
+      event.preventDefault();
+      navigateTo(ROUTES.STORE_URL);
+    })
   </script>
 </html>
\ No newline at end of file