Add coupon input

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>