From 44ac77de02eefeb0863ac1adc730bbec3b1d1e7f Mon Sep 17 00:00:00 2001
From: Kwesi Banson Jnr <kwesibanson@Jaehaerys.local>
Date: Tue, 24 Mar 2026 13:53:23 +0000
Subject: [PATCH] fix: updated client apps view and master layout

---
 .../client-traffic/client-apps.blade.php      | 28 ++++++++++++++++---
 .../views/client-traffic/index.blade.php      |  1 +
 resources/views/layouts/master.blade.php      |  4 +--
 3 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/resources/views/client-traffic/client-apps.blade.php b/resources/views/client-traffic/client-apps.blade.php
index ee1646d..411fe3e 100644
--- a/resources/views/client-traffic/client-apps.blade.php
+++ b/resources/views/client-traffic/client-apps.blade.php
@@ -3,6 +3,7 @@
     {{ $page_title }}
 @endsection
 @section('page-css')
+@endsection
 @section('content')
         <section class="row g-4">
             <div class="col-xl-9">
@@ -31,10 +32,14 @@
                                     @foreach($apps_arr->content as $row)
                                         <tr>
                                             <td class="fw-semibold">{{ $row->name}}</td>
-                                            <td class="recipient-cell">
+                                            <td class="recipient-cellss">
                                                 <div class="fw-semibold">{{ $row->type}}</div>
                                             </td>
-                                            <td><i class="bi bi-eye" id="viewApiKeyIcon"></i></td>                                            
+                                            <td class="text-wrap text-break apiKeyCell" style="max-width: 100px;">
+                                                <i class="bi bi-eye viewApiKeyIcon"></i>
+                                                <input type="hidden" name="hidden_key" class="hiddenKeyInput" value="{{ $row->apiKey }}">
+                                                
+                                            </td>                                            
                                             <td>
                                                 {{ \Carbon\Carbon::parse($row->createdAt)->format('Y-m-d H:i:s') }}
                                             </td>
@@ -80,8 +85,23 @@
 @endsection
 @section('page-js')
     <script>
-        
-        
+        $(document).ready(function(){
+            $('.viewApiKeyIcon').click(function(){
+                var actualApiKey = $(this).siblings('.hiddenKeyInput').val();
+                console.log(actualApiKey);
+                // $.alert(actualApiKey);
+
+                $.dialog({
+                    title: 'API Key',
+                    type: 'green',
+                    // content: actualApiKey ,
+                    content: '<div class="wrap-text text-break">' + actualApiKey + '</div>',
+                    boxWidth: '500px',
+                });
+            });
+
+        });
+      
     </script>
 
 @endsection
\ No newline at end of file
diff --git a/resources/views/client-traffic/index.blade.php b/resources/views/client-traffic/index.blade.php
index 27add70..40e5eb3 100644
--- a/resources/views/client-traffic/index.blade.php
+++ b/resources/views/client-traffic/index.blade.php
@@ -3,6 +3,7 @@
     {{ $page_title }}
 @endsection
 @section('page-css')
+@endsection
 @section('content')
         <section class="traffic-hero mb-4">
             <div class="row g-4 align-items-end">
diff --git a/resources/views/layouts/master.blade.php b/resources/views/layouts/master.blade.php
index 0fe81c0..3c3b38d 100644
--- a/resources/views/layouts/master.blade.php
+++ b/resources/views/layouts/master.blade.php
@@ -55,8 +55,8 @@
     </div>
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-<!--     <script src="{{ url('public/libs/jquery-3.2.1.min.js') }}"></script>
-    <script src="{{ url('public/libs/jquery-confirm/jquery-confirm.min.js') }}"></script> -->
+    <script src="{{ url('public/libs/jquery-3.2.1.min.js') }}"></script>
+    <script src="{{ url('public/libs/jquery-confirm/jquery-confirm.min.js') }}"></script>
      @yield('page-js')
      <script>
         const myForm = document.getElementById('clientNewAppForm');