From f77ceeff84d43158a48f7a6e0dcf997b395d1f44 Mon Sep 17 00:00:00 2001
From: Alex Tselegidis <alextselegidis@gmail.com>
Date: Mon, 14 Dec 2020 10:48:36 +0200
Subject: [PATCH] Corrected click event behavior of the captcha refresh button

---
 application/views/appointments/book.php | 4 +++-
 assets/js/frontend_book.js              | 2 +-
 assets/js/frontend_book_api.js          | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/application/views/appointments/book.php b/application/views/appointments/book.php
index 47e511bc..772eaa82 100755
--- a/application/views/appointments/book.php
+++ b/application/views/appointments/book.php
@@ -363,7 +363,9 @@
                             <div class="col-12 col-md-6">
                                 <h4 class="captcha-title">
                                     CAPTCHA
-                                    <small class="fas fa-sync-alt"></small>
+                                    <button class="btn btn-link text-dark text-decoration-none py-0">
+                                        <i class="fas fa-sync-alt"></i>
+                                    </button>
                                 </h4>
                                 <img class="captcha-image" src="<?= site_url('captcha') ?>">
                                 <input class="captcha-text form-control" type="text" value=""/>
diff --git a/assets/js/frontend_book.js b/assets/js/frontend_book.js
index 3c6a6f0c..15e2ea25 100644
--- a/assets/js/frontend_book.js
+++ b/assets/js/frontend_book.js
@@ -433,7 +433,7 @@ window.FrontendBook = window.FrontendBook || {};
          *
          * @param {jQuery.Event} event
          */
-        $('.captcha-title svg').on('click', function (event) {
+        $('.captcha-title button').on('click', function (event) {
             $('.captcha-image').attr('src', GlobalVariables.baseUrl + '/index.php/captcha?' + Date.now());
         });
 
diff --git a/assets/js/frontend_book_api.js b/assets/js/frontend_book_api.js
index 119eeaed..d5330352 100755
--- a/assets/js/frontend_book_api.js
+++ b/assets/js/frontend_book_api.js
@@ -194,7 +194,7 @@ window.FrontendBookApi = window.FrontendBookApi || {};
                         $('#captcha-hint').fadeTo(400, 0);
                     }, 3000);
 
-                    $('.captcha-title svg').trigger('click');
+                    $('.captcha-title button').trigger('click');
 
                     $captchaText.closest('.form-group').addClass('has-error');
 
@@ -205,7 +205,7 @@ window.FrontendBookApi = window.FrontendBookApi || {};
                     + '/index.php/appointments/book_success/' + response.appointment_hash;
             })
             .fail(function (jqxhr, textStatus, errorThrown) {
-                $('.captcha-title svg').trigger('click');
+                $('.captcha-title button').trigger('click');
             })
             .always(function () {
                 $layer.remove();