From 6ef72ec1df73d5a8bb7f41c1c0285ce9f460684e Mon Sep 17 00:00:00 2001
From: Marcus Hill <bcf8c9f2@opayq.com>
Date: Sun, 10 Apr 2022 23:08:07 +0100
Subject: [PATCH] Force client name to be typed upon delete attempt

---
 client_delete_modal.php | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/client_delete_modal.php b/client_delete_modal.php
index 1ffa23c0..d2d2aefa 100644
--- a/client_delete_modal.php
+++ b/client_delete_modal.php
@@ -1,3 +1,14 @@
+<script>
+    function validateClientNameDelete(client_id){
+        if (document.getElementById("clientNameProvided" + client_id).value === document.getElementById("clientName" + client_id).value){
+            document.getElementById("clientDeleteButton" + client_id).className = "btn btn-danger btn-lg px-5";
+        }
+        else{
+            document.getElementById("clientDeleteButton" + client_id).className = "btn btn-danger btn-lg px-5 disabled";
+        }
+    }
+</script>
+
 <div class="modal" id="deleteClientModal<?php echo $client_id; ?>" tabindex="-1">
   <div class="modal-dialog">
     <div class="modal-content">
@@ -5,9 +16,13 @@
       	<center class="mb-4">
       		<i class="far fa-10x fa-times-circle text-danger mb-3 mt-3"></i>
       		<h2>Are you sure?</h2>
-      		<h6 class="mb-4 text-secondary">Do you really want to delete <?php echo $client_name; ?>? This process cannot be undone.</h6>	
+          <h6 class="mb-4 text-secondary">Do you really want to <b>delete <?php echo $client_name; ?></b>? This process cannot be undone.</h6>
+          <div class="form-group">
+            <input type="hidden" id="clientName<?php echo $client_id ?>" value="<?php echo $client_name; ?>">
+            <input class="form-control" type="text" id="clientNameProvided<?php echo $client_id ?>" onkeyup="validateClientNameDelete(<?php echo $client_id ?>)" placeholder="Please enter: '<?php echo $client_name; ?>'">
+          </div>
       		<button type="button" class="btn btn-outline-secondary btn-lg px-5 mr-4" data-dismiss="modal">Cancel</button>
-      		<a class="btn btn-danger btn-lg px-5" href="post.php?delete_client=<?php echo $client_id; ?>">Yes, Delete!</a>
+      		<a class="btn btn-danger btn-lg px-5 disabled" id="clientDeleteButton<?php echo $client_id ?>" href="post.php?delete_client=<?php echo $client_id; ?>">Yes, Delete!</a>
       	</center>
       </div>
     </div>