v2

CONTENT/ROOT_URI/Agent/Agent_Nav.php

@@ -15,7 +15,8 @@
     color: #fff;
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: space-between;
+    padding: 0 15px;
     font-size: 18px;
     font-weight: bold;
     z-index: 1000;
@@ -25,7 +26,7 @@
   .agent-body {
     margin-top: 60px; /* ✅ header height */
     padding: 15px;
-    padding-bottom: calc(55px + env(safe-area-inset-bottom)); /* ✅ bottom nav height + safe area */
+    padding-bottom: 85px; /* ✅ bottom nav (55px) + safe gap (30px) */
     box-sizing: border-box;
     min-height: 100vh;
   }
@@ -33,7 +34,7 @@
   /* ===== Bottom Nav ===== */
   .agent-bottom-nav {
     position: fixed;
-    bottom: env(safe-area-inset-bottom); /* ✅ stays above phone navigation bar */
+    bottom: 0; /* ✅ Always stick above system bar */
     left: 0;
     right: 0;
     height: 55px;
@@ -43,10 +44,6 @@
     align-items: center;
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     z-index: 999;
-
-    /* Optional floating look */
-    border-radius: 12px 12px 0 0;
-    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
   }
 
   .agent-bottom-link {
@@ -70,7 +67,10 @@
 
 <!-- ===== Header ===== -->
 <div class="agent-header">
-  Agent Panel
+  <div>Agent Panel</div>
+  <?php if(isset($_SESSION) && !empty($_SESSION['user_id'])){ ?>
+    <button onclick="window.location.href='/Agent/logout'" style="background:none;border:none;color:#fff;font-size:16px;cursor:pointer;">Logout</button>
+  <?php } ?>
 </div>
 
 <!-- ===== Content ===== -->