From 30f70b35a2148cb4acbecd24826368720bddeaf9 Mon Sep 17 00:00:00 2001
From: IceToast <>
Date: Wed, 18 Jan 2023 18:01:54 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20Disabled=20submit=20butto?=
 =?UTF-8?q?n=20when=20no=20method=20choosen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/default/views/store/checkout.blade.php | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/themes/default/views/store/checkout.blade.php b/themes/default/views/store/checkout.blade.php
index 39254bba..cab3d937 100644
--- a/themes/default/views/store/checkout.blade.php
+++ b/themes/default/views/store/checkout.blade.php
@@ -28,7 +28,7 @@
             <div class="row">
                 <div class="col-12">
 
-                    <form action="{{ route('payment.pay') }}" method="POST">
+                    <form x-data="{ payment_method: '', clicked: false }" action="{{ route('payment.pay') }}" method="POST">
                         @csrf
                         @method('post')
                         <!-- Main content -->
@@ -84,9 +84,9 @@
                                             <div class="ml-2">
                                                 <label class="text-center" for="{{ $gateway->name }}">
                                                     <img class="mb-3" height="50" src="{{ $gateway->image }}"></br>
-                                                    <input x-model="payment_method" type="radio"
-                                                        id="{{ $gateway->name }}" value="{{ $gateway->name }}"
-                                                        name="payment_method">
+                                                    <input x-on:click="console.log(payment_method)" x-model="payment_method"
+                                                        type="radio" id="{{ $gateway->name }}"
+                                                        value="{{ $gateway->name }}">
                                                     </input>
                                                 </label>
                                             </div>
@@ -129,9 +129,10 @@
                             <!-- this row will not appear when printing -->
                             <div class="row no-print">
                                 <div class="col-12">
-                                    <button x-on="console.log('Method', paymentMethod)" :disabled="!paymentMethod"
-                                        :class="!paymentMethod ? 'disabled' : ''" class="btn btn-success float-right"><i
-                                            class="far fa-credit-card mr-2"></i>
+                                    <button :disabled="!payment_method || clicked"
+                                        :class="!payment_method || clicked ? 'disabled' : ''"
+                                        class="btn btn-success float-right"><i class="far fa-credit-card mr-2"
+                                            @click="clicked = true"></i>
                                         {{ __('Submit Payment') }}
                                     </button>
                                 </div>