v2

CONTENT/ROOT_URI/Agent/Agent_Nav.php

@@ -1,5 +1,8 @@
 <?php
   date_default_timezone_set('Asia/Kolkata');
+  $profile_pic = !empty($_SESSION['profile_pic']) 
+                  ? "/CONTENT/ROOT_URI/Agent/" . htmlspecialchars($_SESSION['profile_pic']) 
+                  : "/CONTENT/ROOT_URI/Agent/default.png"; // placeholder image
 ?>
 <style>
     .agent-body {
@@ -14,7 +17,7 @@
     .agent-header {
       background: #e95420;
       color: #fff;
-      padding: 30px 15px 12px 15px;
+      padding: 15px 15px;
       display: flex;
       justify-content: space-between;
       align-items: center;
@@ -28,6 +31,16 @@
     }
     .agent-header-title {
       margin: 0;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+    .agent-header-title img {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      object-fit: cover;
+      border: 2px solid #fff;
     }
     .agent-header-logout {
       background: transparent;
@@ -55,13 +68,13 @@
 
     .agent-bottom-nav::after {
       content: "";
-      position: fixed;       /* fixed দিতে হবে */
-      bottom: 0;             /* একদম স্ক্রিনের নিচে বসবে */
+      position: fixed;
+      bottom: 0;
       left: 0;
       right: 0;
-      height: 50px;          /* margin-bottom এর সমান */
-      background: black;     /* এখানে কালো রঙ */
-      z-index: -1;           /* nav-এর পেছনে যাবে */
+      height: 50px;
+      background: black;
+      z-index: -1;
     }
     .agent-bottom-link {
       color: #fff;
@@ -86,14 +99,17 @@
 
   <!-- Top Header -->
   <div class="agent-header">
-    <div class="agent-header-title">Agent Panel</div>
+    <div class="agent-header-title">
+      <img src="<?php echo $profile_pic; ?>" alt="Profile">
+      <span>Agent Panel</span>
+    </div>
     <?php if(isset($_SESSION) && !empty($_SESSION['user_id'])){ ?>
       <button onclick="window.location.href='/Agent/logout'" class="agent-header-logout">Logout</button>
     <?php } ?>
   </div>
 
   <!-- Some content -->
-  <div style="margin-top:20px; padding:15px;">
+  <div style="margin-top:80px; padding:15px;">
     <!-- Dashboard Content -->
   </div>
 
@@ -108,7 +124,7 @@
           <i class="fa-solid fa-chart-line"></i>
           Reports
         </a>
-        <a href="/Agent/Receive" class="agent-bottom-link" style="">
+        <a href="/Agent/Receive" class="agent-bottom-link">
           <i class="fa-solid fa-plus"></i>
           Payment
         </a>
@@ -116,12 +132,7 @@
           <i class="fa-solid fa-money-check-dollar"></i>
           Transaction
         </a>
-        <!-- <a href="javascript:void(0)" onclick="window.location.reload();" class="agent-bottom-link">
-          <i class="fa-solid fa-rotate-right"></i>
-          Reload
-        </a> -->
       </div>
-
    <?php } ?>
 
-</div>
+</div>