From e593f438b37b8c84c8dfe5b1ab467b8ba9de656f Mon Sep 17 00:00:00 2001
From: johnnyq <johnny@pittpc.com>
Date: Sun, 15 Jun 2025 15:36:54 -0400
Subject: [PATCH] UI Work on Client Overview Increase Quick Notes and Recent
 Activities width and added contact photos or initials to important contacts

---
 assets.php          |  2 +-
 client_overview.php | 37 ++++++++++++++++++++++++++++++-------
 ticket.php          |  6 +++---
 3 files changed, 34 insertions(+), 11 deletions(-)

diff --git a/assets.php b/assets.php
index a74df2b8..d27c121c 100644
--- a/assets.php
+++ b/assets.php
@@ -535,7 +535,7 @@ if (mysqli_num_rows($os_sql) > 0) {
                         if ($contact_name) {
                             $contact_name_display = "<a href='#' 
                                 data-toggle='ajax-modal'
-                                data-modal-size='xl'
+                                data-modal-size='lg'
                                 data-ajax-url='ajax/ajax_contact_details.php'
                                 data-ajax-id='$asset_contact_id'>
                                 $contact_name $contact_archive_display
diff --git a/client_overview.php b/client_overview.php
index 3ac80369..11414807 100644
--- a/client_overview.php
+++ b/client_overview.php
@@ -193,7 +193,7 @@ $sql_asset_retired = mysqli_query(
 
         <!-- Notes -->
 
-        <div class="col-md-4">
+        <div class="col-md-8">
 
             <div class="card card-dark mb-3">
                 <div class="card-header">
@@ -226,19 +226,42 @@ $sql_asset_retired = mysqli_query(
                             $contact_extension = nullable_htmlentities($row['contact_extension']);
                             $contact_mobile_country_code = nullable_htmlentities($row['contact_mobile_country_code']);
                             $contact_mobile = nullable_htmlentities(formatPhoneNumber($row['contact_mobile'], $contact_mobile_country_code));
+                            $contact_photo = nullable_htmlentities($row['contact_photo']);
+                            $contact_initials = initials($contact_name);
 
                             ?>
                             <tr>
                                 <td>
-                                    <a href="#" class="text-bold"
-                                        data-toggle="ajax-modal"
+                                    <a href="#" data-toggle="ajax-modal"
                                         data-modal-size="lg"
                                         data-ajax-url="ajax/ajax_contact_details.php"
                                         data-ajax-id="<?php echo $contact_id; ?>">
-                                        <?php echo $contact_name; ?>
+                                        <div class="media">
+                                            <?php if ($contact_photo) { ?>
+                                                <span class="fa-stack fa-2x mr-2 text-center">
+                                                    <img class="img-size-50 img-circle" src="<?php echo "uploads/clients/$client_id/$contact_photo"; ?>">
+                                                </span>
+                                            <?php } else { ?>
+                                                <span class="fa-stack fa-2x mr-2">
+                                                    <i class="fa fa-circle fa-stack-2x text-secondary"></i>
+                                                    <span class="fa fa-stack-1x text-white"><?php echo $contact_initials; ?></span>
+                                                </span>
+                                            <?php } ?>
+
+                                            <div class="media-body">
+                                                <div class="text-bold"><?php echo $contact_name; ?></div>
+                                                <small class="text-secondary"><?php echo $contact_title; ?></small>
+                                                <div><?php echo $contact_primary_display; ?></div>
+                                                <?php
+                                                if (!empty($contact_tags_display)) { ?>
+                                                    <div class="mt-1">
+                                                        <?php echo $contact_tags_display; ?>
+                                                    </div>
+                                                <?php } ?>   
+                                            </div>
+                                        </div>
                                     </a>
-                                    <br>
-                                    <small class="text-secondary"><?php echo $contact_title; ?></small>
+                                    
                                 </td>
                                 <td>
                                     <?php if (!empty($contact_phone)) { ?>
@@ -613,7 +636,7 @@ $sql_asset_retired = mysqli_query(
 
             <!-- Recent Activities -->
 
-            <div class="col-md-4">
+            <div class="col-md-6">
 
                 <div class="card card-dark mb-3">
                     <div class="card-header">
diff --git a/ticket.php b/ticket.php
index 40265423..ea369a6c 100644
--- a/ticket.php
+++ b/ticket.php
@@ -647,13 +647,13 @@ if (isset($_GET['ticket_id'])) {
 
                             <div class="form-group">
                                 <div class="btn-group btn-block btn-group-toggle" data-toggle="buttons">
-                                    <label class="btn btn-outline-secondary active">
+                                    <label class="btn btn-outline-dark active">
                                         <input type="radio" name="public_reply_type" value="0" checked>Internal Note
                                     </label>
-                                    <label class="btn btn-outline-secondary">
+                                    <label class="btn btn-outline-info">
                                         <input type="radio" name="public_reply_type" value="2">Public Comment & Email
                                     </label>
-                                    <label class="btn btn-outline-secondary">
+                                    <label class="btn btn-outline-info">
                                         <input type="radio" name="public_reply_type" value="1">Public Comment
                                     </label>
                                 </div>