From 1d21867692151c0ec7d9be1a0f264b721cb0eb21 Mon Sep 17 00:00:00 2001
From: Ray C <rayc2045@gmail.com>
Date: Sun, 26 May 2024 18:52:05 +0800
Subject: [PATCH] Update payment option

---
 src/pages/shop/checkout.html | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/pages/shop/checkout.html b/src/pages/shop/checkout.html
index 80e9fe8..8853f53 100644
--- a/src/pages/shop/checkout.html
+++ b/src/pages/shop/checkout.html
@@ -53,25 +53,25 @@
           {
             title: 'Order notes (optional)',
             placeholder: 'Notes about your order, e.g. special notes for delivery.',
-            content: ''
+            content: '',
           },
         ],
         paymentOptions: [
           {
-            title: 'Direct bank transfer ',
+            title: 'Direct bank transfer',
             note: 'Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order will not be shipped until the funds have cleared in our account.',
-            checked: true
+            checked: true,
           },
           {
-            title: 'Check payments ',
+            title: 'Check payments',
             note: 'Please send a check to Store Name, Store Street, Store Town, Store State / County, Store Postcode.',
-            checked: false
+            checked: false,
           },
           {
             title: 'PayPal',
             note: `Pay via PayPal; you can pay with your credit card if you don't have a PayPal account.`,
-            checked: false
-          }
+            checked: false,
+          },
         ],
         agreePolicy: false,
         get isValid() {
@@ -174,9 +174,14 @@ <h2 class="text-xl font-bold">Payment Options</h2>
         </div>
       </div>
 
-      <button :class="btn.dark" class="w-full" @click="checkInput()">
-        Place order
-      </button>
+      <button
+        x-text="paymentOptions.findIndex(opt => opt.checked) > 1
+          ? `Proceed to ${paymentOptions.find(opt => opt.checked).title}`
+          : 'Place order'"
+        :class="btn.dark"
+        class="w-full"
+        @click="checkInput()"
+      ></button>
     </div>
 
     <div