save orders

cmd/web/templates/buy-once.page.gohtml

@@ -23,7 +23,33 @@ Buy one widget
     <p class="mt-2 mb-3 text-center">{{$widget.Description}}</p>
     <hr>
     <div class="mb-3">
-        <label for="cardholder-name" class="form-label">Cardholder Name</label>
+        <label for="first-name" class="form-label">First Name</label>
+        <input type="text"
+               id="first-name"
+               name="first_name"
+               autocomplete="first-name-new"
+               required=""
+               class="form-control">
+    </div>
+    <div class="mb-3">
+        <label for="last-name" class="form-label">Last Name</label>
+        <input type="text"
+               id="last-name"
+               name="last_name"
+               autocomplete="last-name-new"
+               required=""
+               class="form-control">
+    </div>
+    <div class="mb-3">
+        <label for="cardholder-email" class="form-label">Email</label>
+        <input type="text"
+               id="cardholder-email"
+               name="cardholder_email"
+               autocomplete="cardholder-email-new"
+               required=""
+               class="form-control">
+    <div class="mb-3">
+        <label for="cardholder-name" class="form-label">Name on card</label>
         <input type="text"
                id="cardholder-name"
                name="cardholder_name"
@@ -31,14 +57,6 @@ Buy one widget
                required=""
                class="form-control">
     </div>
-    <div class="mb-3">
-        <label for="cardholder-email" class="form-label">Cardholder Email</label>
-        <input type="text"
-               id="cardholder-email"
-               name="cardholder_email"
-               autocomplete="cardholder-email-new"
-               required=""
-               class="form-control">
     </div>
     <!-- card number will be built by stripe -->
     <div class="mb-3">

cmd/web/templates/succeeded.page.gohtml

@@ -6,7 +6,7 @@ Payment Succedded!
 <h2 class="mt-5">Payment Succeeded</h2>
 <hr>
 <p>Payment Intent: {{ index .Data "pi" }}</p>
-<p>Cardholder: {{ index .Data "cardholder" }}</p>
+<p>Customer Name: {{ index .Data "first_name" }} {{ index .Data "last_name" }}</p>
 <p>Email: {{ index .Data "email" }}</p>
 <p>Payment Method: {{ index .Data "pm" }}</p>
 <p>Payment Amount: {{ index .Data "pa" }}</p>