<?php
  date_default_timezone_set('Asia/Kolkata');
?>
<style>
    .agent-body {
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
      overflow-y: auto;

      /* ✅ Prevent content from hiding behind bottom nav */
      padding-bottom: 80px; /* nav height + extra safe space */
    }

    /* ===== Header/Navbar ===== */
    .agent-header {
      background: #e95420;
      color: #fff;
      padding: 30px 15px 12px 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 18px;
      font-weight: bold;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 999;
    }
    .agent-header-title {
      margin: 0;
    }
    .agent-header-logout {
      background: transparent;
      border: none;
      color: #fff;
      font-size: 16px;
      cursor: pointer;
    }

    /* ===== Bottom Navigation ===== */
    .agent-bottom-nav {
      position: fixed;
      margin-top: 150px;
      bottom: 45px; /* ✅ stays above system navigation keys */
      left: 10px;
      right: 10px;
      height: 55px;
      background: #e95420;
      display: flex;
      justify-content: space-around;
      align-items: center;
      border-top: 1px solid rgba(255,255,255,0.2);
      z-index: 999;

      /* Optional: make it look like floating nav */
      border-radius: 12px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    }
    .agent-bottom-link {
      color: #fff;
      text-align: center;
      font-size: 14px;
      text-decoration: none;
      flex: 1;
      padding: 5px 0;
    }
    .agent-bottom-link i {
      display: block;
      font-size: 15px;
      margin-bottom: 2px;
    }
    .agent-bottom-link.active {
      background: rgba(255,255,255,0.2);
      border-radius: 8px;
    }
</style>

<div class="agent-body">

  <!-- Top Header -->
  <div class="agent-header">
    <div class="agent-header-title">Agent Panel</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;">
    <!-- Dashboard Content -->
  </div>

  <!-- Bottom Navigation -->
   <?php if(isset($_SESSION) && !empty($_SESSION['user_id'])){ ?>
      <div class="agent-bottom-nav">
        <a href="/Agent/Dashboard" class="agent-bottom-link active">
          <i class="fa-solid fa-house"></i>
          Home
        </a>
        <a href="/Agent/report" class="agent-bottom-link">
          <i class="fa-solid fa-chart-line"></i>
          Reports
        </a>
        <a href="/Agent/Receive" class="agent-bottom-link">
          <i class="fa-solid fa-plus"></i>
          Payment
        </a>
        <a href="/Agent/transaction" class="agent-bottom-link">
          <i class="fa-solid fa-money-check-dollar"></i>
          Transaction
        </a>
      </div>
   <?php } ?>

</div>
