Add notes to client overview

ajax.php

@@ -142,3 +142,15 @@ if(isset($_GET['network_get_json_details'])){
 
   echo json_encode($response);
 }
+
+if(isset($_POST['client_set_notes'])){
+  $client_id = intval($_POST['client_id']);
+  $notes = trim(strip_tags(mysqli_real_escape_string($mysqli, $_POST['notes'])));
+
+  // Update notes
+  mysqli_query($mysqli, "UPDATE clients SET client_notes = '$notes' WHERE client_id = '$client_id'");
+
+  // Logging
+  mysqli_query($mysqli,"INSERT INTO logs SET log_type = 'Client', log_action = 'Modify', log_description = '$session_name modified client notes', log_ip = '$session_ip', log_user_agent = '$session_user_agent', log_created_at = NOW(), log_client_id = $client_id, log_user_id = $session_user_id, company_id = $session_company_id");
+
+}

client_overview.php

@@ -42,9 +42,22 @@ $sql_tickets_stale = mysqli_query($mysqli,"SELECT * FROM tickets
 
   <?php if(mysqli_num_rows($sql_contacts) > 0){ ?>
 
+    <!-- Notes -->
+
+    <div class="col-2">
+
+      <div class="card card-outline card-danger mb-3">
+        <div class="card-body">
+          <h5 class="card-title mb-2"><i class="fa fa-sticky-note"></i> Client Notes</h5>
+          <textarea class="form-control" id="clientNotes" onblur="updateClientNotes(<?php echo $client_id ?>)"><?php echo $client_notes ?></textarea>
+        </div>
+      </div>
+
+    </div>
+
     <!-- Contacts-->
 
-    <div class="col-6">
+    <div class="col-4">
 
       <div class="card card-outline card-primary mb-3">
         <div class="card-body">
@@ -198,3 +211,21 @@ $sql_tickets_stale = mysqli_query($mysqli,"SELECT * FROM tickets
   <?php } ?>
 
 </div>
+
+<script>
+  function updateClientNotes(client_id) {
+      var notes = document.getElementById("clientNotes").value;
+
+      // Send a POST request to ajax.php as ajax.php with data client_set_notes=true, client_id=NUM, notes=NOTES
+      jQuery.post(
+          "ajax.php",
+          {
+              client_set_notes: 'TRUE',
+              client_id: client_id,
+              notes: notes
+          }
+      )
+
+
+  }
+</script>