</div> <nav class="bottom-nav">
    <a href="index.php" class="nav-item <?php if(basename($_SERVER['PHP_SELF']) == 'index.php') echo 'active'; ?>"><i class="fas fa-home"></i><span>হোম</span></a>
    <a href="statement.php" class="nav-item <?php if(basename($_SERVER['PHP_SELF']) == 'statement.php') echo 'active'; ?>"><i class="fas fa-exchange-alt"></i><span>লেনদেন</span></a>
    <a href="recharge.php" class="nav-item <?php if(basename($_SERVER['PHP_SELF']) == 'recharge.php') echo 'active'; ?>"><i class="fas fa-mobile-alt"></i><span>রিচার্জ</span></a>
    <a href="inbox.php" class="nav-item <?php if(basename($_SERVER['PHP_SELF']) == 'inbox.php') echo 'active'; ?>"><i class="fas fa-inbox"></i><span>ইনবক্স</span></a>
    <a href="profile.php" class="nav-item <?php if(basename($_SERVER['PHP_SELF']) == 'profile.php') echo 'active'; ?>"><i class="fas fa-user"></i><span>প্রোফাইল</span></a>
</nav>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
  if (document.getElementById('balanceDisplay')) {
    const balanceDisplay = document.getElementById('balanceDisplay');
    const balanceHTML = `<span>৳ <?php echo number_format($user['balance'], 2); ?></span>`;
    const defaultTextHTML = '<span>ব্যালেন্স দেখুন</span>';
    let balanceTimeout = null;
    let isBalanceVisible = false;
    balanceDisplay.addEventListener('click', function() {
        clearTimeout(balanceTimeout);
        if (!isBalanceVisible) {
            balanceDisplay.innerHTML = balanceHTML;
            isBalanceVisible = true;
            balanceTimeout = setTimeout(function() {
                balanceDisplay.innerHTML = defaultTextHTML;
                isBalanceVisible = false;
            }, 3000);
        }
    });
  }
  const swiperEl = document.querySelector('.swiper');
  if (swiperEl) {
      const swiper = new Swiper('.swiper', { 
          loop: true, 
          autoplay: { delay: 3000, disableOnInteraction: false }, 
          pagination: { el: '.swiper-pagination', clickable: true } 
      });
  }
</script>
</body>
</html>