From 6c6e47ae1e4a0a56867b75c42728fdd1ce3d0823 Mon Sep 17 00:00:00 2001
From: Aritra Banik <ar1trabanik@Aritras-MacBook-Air.local>
Date: Sun, 25 Feb 2024 12:34:58 +0530
Subject: [PATCH] 043

---
 src/a3.nim             | 12 +++++++++++-
 src/a3a/checkout.nimja | 14 +++++++++++---
 src/a3pkg/htmx.nim     | 17 +++++++++++++++++
 3 files changed, 39 insertions(+), 4 deletions(-)

diff --git a/src/a3.nim b/src/a3.nim
index 8638c8f..103f41c 100644
--- a/src/a3.nim
+++ b/src/a3.nim
@@ -412,7 +412,6 @@ import
 
 "/validation/zip" -> post:
   var zip = ctx.urlForm["c_postal_zip"]
-  echo zip
   var val: Validity
   if zip == "":
     val.message = "Zip is Required"
@@ -433,6 +432,17 @@ import
     val.class = "text-success"
   ctx.send sendEmail(email, val)
 
+"/validation/phone" -> post:
+  var phone = ctx.urlForm["c_phone"]
+  var val: Validity
+  if phone == "":
+    val.message = "Phone is Required"
+    val.class = "text-danger"
+  else:
+    val.message = ""
+    val.class = "text-success"
+  ctx.send sendPhone(phone, val)
+
 "/contact" -> get:
   
   var
diff --git a/src/a3a/checkout.nimja b/src/a3a/checkout.nimja
index cf04f74..b1ec703 100644
--- a/src/a3a/checkout.nimja
+++ b/src/a3a/checkout.nimja
@@ -192,10 +192,18 @@
                   name="c_email_address"
                 >
               </div>
-              <div class="col-md-6">
+              <div
+                class="col-md-6"
+                hx-target="this"
+                hx-swap="outerHTML"
+              >
                 <label for="c_phone" class="text-black">Phone <span class="text-danger">*</span></label>
-                <label class="text-danger">{{phoneError}}</label>
-                <input type="text" class="form-control" id="c_phone" name="c_phone" placeholder="Phone Number">
+                {# <label class="text-danger">{{phoneError}}</label> #}
+                <input type="text" class="form-control" id="c_phone"
+                  hx-post="/validation/phone"
+                  name="c_phone"
+                  placeholder="Phone Number"
+                >
               </div>
             </div>
 
diff --git a/src/a3pkg/htmx.nim b/src/a3pkg/htmx.nim
index acd3b5a..a56d693 100644
--- a/src/a3pkg/htmx.nim
+++ b/src/a3pkg/htmx.nim
@@ -106,4 +106,21 @@ proc sendEmail*(email: string, input: Validity): string =
         value="{email}"
       >
     </div>
+  """
+
+proc sendPhone*(phone: string, input: Validity): string =
+  result = fmt"""
+    <div
+      class="col-md-12"
+      hx-target="this"
+      hx-swap="outerHTML"
+    >
+      <label for="c_phone" class="text-black">Phone <span class="text-danger">*</span></label>
+      <label class="{input.class}">{input.message}</label>
+      <input type="text" class="form-control" id="c_phone"
+        hx-post="/validation/phone"
+        name="c_phone"
+        value="{phone}"
+      >
+    </div>
   """
\ No newline at end of file