From e30dc5865e5598fd8b016aab3e362c2b7174139b Mon Sep 17 00:00:00 2001
From: vinchent <vinchent@vinchent.xyz>
Date: Sun, 4 Aug 2024 14:55:29 +0200
Subject: [PATCH] Connecting our form to stripe.js

---
 cmd/web/templates/terminal.page.gohtml | 36 ++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/cmd/web/templates/terminal.page.gohtml b/cmd/web/templates/terminal.page.gohtml
index d3a96fe..e1c63af 100644
--- a/cmd/web/templates/terminal.page.gohtml
+++ b/cmd/web/templates/terminal.page.gohtml
@@ -56,8 +56,44 @@ Virtual Terminal
 {{ define "js" }}
 <script src="https://js.stripe.com/v3/"></script>
 <script>
+
+let card;
+let stripe;
+
+stripe = Stripe(''); // TODO: Publish key to be added
+
 function val() {
 
 }
+
+(function () {
+    // create stripe & elements
+    const elements = stripe.elements();
+    const style = {
+        base: {
+            fontSize: '16px',
+            lineHeight: '24px',
+        }
+    };
+
+    // create card entry
+    card = elements.create('card', {
+        style:style,
+        hidePostalCode: true,
+    });
+    card.mount("#card-element");
+
+    // check for input errors
+    card.addEventListener('change', function(event) {
+        var displayError = document.getElementById("card-errors");
+        if (event.error) {
+            displayError.classList.remove('d-none');
+            displayError.textContent = event.error.message;
+        } else {
+            displayError.classList.add('d-none');
+            displayError.textContent = "";
+        }
+    });
+})();
 </script>
 {{ end }}