<div class="sidebar">
    <div class="d-flex flex-column h-100">
        <div class="p-4">
            <h4 class="text-primary mb-4">Ocean Bank Cooperation</h4>
        </div>

        <div class="nav flex-column">
            <a href="dashboard.php" class="nav-link <?php echo ($page == 'dashboard') ? 'active' : ''; ?>">
                <i class='bx bxs-dashboard'></i> Dashboard
            </a>
            <a href="transactions.php" class="nav-link <?php echo ($page == 'transactions') ? 'active' : ''; ?>">
                <i class='bx bx-transfer'></i> Transactions
            </a>
            <a href="transfer.php" class="nav-link <?php echo ($page == 'transfer') ? 'active' : ''; ?>">
                <i class='bx bx-send'></i> Transfer
            </a>
            <a href="profile.php" class="nav-link <?php echo ($page == 'profile') ? 'active' : ''; ?>">
                <i class='bx bx-user'></i> Profile
            </a>
            <a href="settings.php" class="nav-link <?php echo ($page == 'settings') ? 'active' : ''; ?>">
                <i class='bx bx-cog'></i> Settings
            </a>
        </div>

        <div class="mt-auto p-4">
            <a href="logout.php" class="btn btn-outline-danger w-100">
                <i class='bx bx-log-out'></i> Logout
            </a>
        </div>
    </div>
</div>
