add agent name in navbar, add matiruty button in recurring

CONTENT/ROOT_URI/Admin/ADMIN_nav.php

@@ -10,43 +10,71 @@ require_login();
     margin: auto;
     vertical-align: middle;
   }
+  .welcome-text {
+    padding: 15px;
+    color: #FFF;
+    display: inline-block;
+  }
+  .navbar-right {
+    display: flex;
+    align-items: center;
+  }
+  /* Mobile-specific styles */
+  @media (max-width: 767px) {
+    .mobile-welcome {
+      padding: 15px;
+      color: #FFF;
+      line-height: 20px;
+      margin-left: 15px;
+    }
+    .desktop-welcome {
+      display: none;
+    }
+  }
+  /* Desktop styles */
+  @media (min-width: 768px) {
+    .mobile-welcome {
+      display: none;
+    }
+    .desktop-welcome {
+      display: inline-block;
+    }
+  }
 </style>
 <!-- nav start -->
 <nav class="navbar navbar-default">
   <div class="container-fluid">
     <div class="navbar-header">
       <a href="/Admin/"><img class="img-responsive logo" style="height:50px" src="/asset/images/logo.webp" alt=""></a>
+      
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
         <span class="sr-only">Toggle navigation</span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <!-- <a class="navbar-brand" href="/Admin/">Gramin Venture</a> -->
+      <span class="mobile-welcome">Welcome! <?php echo htmlspecialchars($_SESSION['name'] ?? ''); ?></span>
     </div>
 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
       <ul class="nav navbar-nav">
-        <li ><a href="/Admin/Create_AC_Recurring">New Recurring </a></li>
+        <li><a href="/Admin/Create_AC_Recurring">New Recurring</a></li>
-        <li ><a href="/Admin/Create_AC_FD">New FD </a></li>
+        <li><a href="/Admin/Create_AC_FD">New FD</a></li>
-        <li ><a href="/Admin/Create_AC_Loan">New Loan </a></li>
+        <li><a href="/Admin/Create_AC_Loan">New Loan</a></li>
-        <li ><a href="/Admin/Add_group">Add New Group </a></li>
+        <li><a href="/Admin/Add_group">Add New Group</a></li>
         <li><a href="/Admin/View_AC?Type=Recurring">View A/C</a></li>
-        <li><a href="/Admin/Trans_New">Transaction</a></li> <!-- Added -->
+        <li><a href="/Admin/Trans_New">Transaction</a></li>
         <li><a href="/Admin/Report">Report</a></li>
         <li><a href="/Admin/Due">Due</a></li>
         <li><a href="/Admin/Revert">Revert</a></li>
-
         <li><a href="/Admin/agent_View_report">Commission</a></li>
-
         <li><a href="/Admin/Settings_Agent">Agent Settings</a></li>
       </ul>
-      </ul>
 
-      <ul class="nav navbar-nav navbar-right" style="display: flex; align-items: center;">
+      <ul class="nav navbar-nav navbar-right">
-        <p class="" style="margin-top: 10px; color: #FFFFFF;"><?php echo $_SESSION['name'] ?? ''; ?></p>
+        <li class="desktop-welcome"><span class="welcome-text">Welcome! <?php echo htmlspecialchars($_SESSION['name'] ?? ''); ?></span></li>
         <li><a href="/Admin/Signout">Signout</a></li>
       </ul>
     </div>
   </div>
-</nav>
+</nav>