From 6c9f7f07e2d05172f8fd6e0f9d3f56203ef0af25 Mon Sep 17 00:00:00 2001
From: jouls <jl.superalis@gmail.com>
Date: Fri, 8 Mar 2024 11:09:13 +0800
Subject: [PATCH] added comments, minor changes on forms

---
 users/edit-kyc.php | 48 +++++++++++++++++++++++++---------------------
 1 file changed, 26 insertions(+), 22 deletions(-)

diff --git a/users/edit-kyc.php b/users/edit-kyc.php
index 6a825a2..92cf1bb 100644
--- a/users/edit-kyc.php
+++ b/users/edit-kyc.php
@@ -21,8 +21,10 @@
     <div class="mainContainer">
         <div class="section form-container">
             <?php
+            //gets the pass parameter kycID and assigned to local variable $IDkyc
             $IDkyc = isset($_GET['kycID']) ? $_GET['kycID'] : '';
             include '../functions-test.php';
+            //calls the get_kyc_info function insdie the functions-test.php that retrieves all the kyc data
             $response = get_kyc_info($IDkyc);
             $array = json_decode($response, true);
 
@@ -45,12 +47,13 @@
                     <img class="modal-content" id="img01" style="max-width: 100%; max-height: 80vh; width: auto; height: auto; margin: auto; display: block;">
 
                 </div>
+                <!-- Displays all the information retrieved by get_kyc_info() related to userInfo -->
                 <h3>User Information</h3>
                 <div class="form-container">
                     <fieldset disabled>
                         <form>
                             <label for="IdUser">USER ID:</label>
-                            <input class="form-control" type="text" id="IdUser" name="kycID" value="<?php echo $array['userRef']['_id']; ?>" readonly>
+                            <input class="form-control" type="text" id="IdUser" name="UserID" value="<?php echo $array['userRef']['_id']; ?>" readonly>
 
                             <label for="fullName">Full Name:</label>
                             <input class="form-control" type="text" id="fullName" name="fullName" value="<?php echo $array['userRef']['fName'] . ' ' . $array['userRef']['lName']; ?>" readonly>
@@ -69,7 +72,7 @@
             }
             ?>
         </div>
-
+        <!-- Displays all the information related to kycInfo -->
         <div class="section form-container">
             <h2>Images</h2>
             <div class="image-container">
@@ -77,8 +80,8 @@
                 if (!empty($array['images'])) {
                     foreach ($array['images'] as $image) {
 
-                    $img =  $image['link']   ;
-                    echo '<img src="' . $img . '" alt="KYC Image" id="'. $img . '" class="kycImg" onclick="trigger(\''. $img . '\', \'KYC Image\');">';
+                        $img =  $image['link'];
+                        echo '<img src="' . $img . '" alt="KYC Image" id="' . $img . '" class="kycImg" onclick="trigger(\'' . $img . '\', \'KYC Image\');">';
                     }
                 } else {
                     echo '<p>No images available.</p>';
@@ -110,7 +113,7 @@
                 </form>
             </div>
         </div>
-
+        <!-- Display section for confirmation or validation of information via checkbox -->
         <div class="section form-container">
             <h2>Confirm KYC Details</h2>
             <div class="checkboxFormContainer">
@@ -148,7 +151,7 @@
             </form>
         </div>
     </div>
-
+    <!-- Scripts for modal boxes and image hovering -->
     <script type="text/javascript">
         function handleCheckboxChange() {
             // Check the status of checkboxes and enable/disable the "Accept" button
@@ -190,26 +193,27 @@
                 // User entered an empty reason
                 alert("Please provide a valid reason for rejection.");
             }
+        };
+
+        var modal = document.getElementById("myModal");
+
+
+        function trigger(var1, caption) {
+            var modalImg = document.getElementById("img01");
+
+            modal.style.display = "block";
+            modalImg.src = document.getElementById(var1).src;
+            captionText.innerHTML = caption;
         }
 
-    var modal = document.getElementById("myModal");
-
-
-    function trigger(var1, caption) {
-        var modalImg = document.getElementById("img01");
-
-        modal.style.display = "block";
-        modalImg.src = document.getElementById(var1).src;
-        captionText.innerHTML = caption;
-    }
-
-    // Close the modal when clicking outside the image
-    window.onclick = function(event) {
-        if (event.target == modal) {
-            modal.style.display = "none";
+        // Close the modal when clicking outside the image
+        window.onclick = function(event) {
+            if (event.target == modal) {
+                modal.style.display = "none";
+            }
         }
-    }
     </script>
+    <!-- Creating a modal dialog box using Bootstrap framework in HTML. -->
     <div class="modal fade" id="rejectModal" tabindex="-1" role="dialog" aria-labelledby="rejectModalLabel" aria-hidden="true">
         <div class="modal-dialog" role="document">
             <div class="modal-content">