From 162423993e917055059fc3658ff7862ae2f97e80 Mon Sep 17 00:00:00 2001
From: Ray C <rayc2045@gmail.com>
Date: Wed, 29 May 2024 14:06:48 +0800
Subject: [PATCH] Add coupon input

---
 src/pages/shop/checkout.html | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/pages/shop/checkout.html b/src/pages/shop/checkout.html
index 4b70c2a..633f5ca 100644
--- a/src/pages/shop/checkout.html
+++ b/src/pages/shop/checkout.html
@@ -306,8 +306,24 @@ <h2 class="text-lg font-bold">Order Summary</h2>
               x-text="currencyFormat(discount)"
             ></span>
           </div>
+          <label
+            for="coupon-code"
+            class="relative block pt-3 bg-transparent border-b border-gray-400/60 focus-within:border-blue-600 overflow-hidden cursor-text"
+          >
+            <input
+              type="text"
+              id="coupon-code"
+              placeholder="Coupon Code"
+              class="peer p-0 w-full h-8 text-sm bg-transparent border-none placeholder-transparent focus:border-transparent focus:outline-none focus:ring-0"
+              @input.debounce.500ms="log($el.value)"
+            />
+            <span
+              class="absolute left-0 top-0 text-gray-500 text-sm transition-all"
+            >
+              Coupon Code
+            </span>
+          </label>
         </div>
-        <hr />
         <div class="flex justify-between font-medium">
           <span>Total</span>
           <span x-text="currencyFormat(total)"></span>