<?php
$currentPage = basename($_SERVER['PHP_SELF']);
?>

<div class="sidebar" id="sidebar">

    <div class="logo text-center">
        <h4 class="mb-0">💄 MECCA</h4>
        <small style="color:#bfc8ff;">Beauty Store Manager</small>
    </div>

    <div class="mt-4">

        <small class="text-secondary px-3">MAIN</small>

        <ul>

            <li>
                <a href="/beauty_pos/dashboard.php" class="<?=($currentPage=="dashboard.php")?'active':'';?>">
                    <i class="fas fa-home"></i> Dashboard
                </a>
            </li>

            <li>
                <a href="/beauty_pos/sales/index.php">
                    <i class="fas fa-shopping-cart"></i> Point Of Sale
                </a>
            </li>

        </ul>

        <small class="text-secondary px-3 mt-3 d-block">INVENTORY</small>

        <ul>
            <li>
    <a href="/beauty_pos/brands/index.php">
        <i class="fa-solid fa-tags"></i>
        <span>Brands</span>
    </a>
</li>
<li>
    <a href="/beauty_pos/currencies/index.php">
        <i class="fa-solid fa-dollar-sign"></i>
        <span>Currencies</span>
    </a>
</li>
            <li>
                <a href="/beauty_pos/products/index.php" class="<?=($currentPage=="index.php" && strpos($_SERVER['PHP_SELF'],'products')!==false)?'active':'';?>">
                    <i class="fas fa-box-open"></i> Products
                </a>
            </li>

            <li>
                <a href="/beauty_pos/categories/index.php" class="<?=($currentPage=="index.php" && strpos($_SERVER['PHP_SELF'],'categories')!==false)?'active':'';?>">
                    <i class="fas fa-tags"></i> Categories
                </a>
            </li>

            <li>
                <a href="/beauty_pos/inventory/index.php">
                    <i class="fas fa-warehouse"></i> Inventory
                </a>
            </li>

            <li>
                <a href="/beauty_pos/suppliers/index.php">
                    <i class="fas fa-truck"></i> Suppliers
                </a>
            </li>

            <li>
                <a href="/beauty_pos/purchase_orders/index.php">
                    <i class="fas fa-file-invoice"></i> Purchase Orders
                </a>
            </li>

        </ul>

        <small class="text-secondary px-3 mt-3 d-block">CUSTOMERS</small>

        <ul>

            <li>
                <a href="/beauty_pos/customers/index.php">
                    <i class="fas fa-users"></i> Customers
                </a>
            </li>

            <li>
                <a href="/beauty_pos/appointments/index.php">
                    <i class="fas fa-calendar-check"></i> Appointments
                </a>
            </li>

            <li>
                <a href="/beauty_pos/marketing/index.php">
                    <i class="fas fa-bullhorn"></i> Marketing
                </a>
            </li>

        </ul>

        <small class="text-secondary px-3 mt-3 d-block">FINANCE</small>

        <ul>

            <li>
                <a href="/beauty_pos/expenses/index.php">
                    <i class="fas fa-money-bill-wave"></i> Expenses
                </a>
            </li>

            <li>
                <a href="/beauty_pos/reports/index.php">
                    <i class="fas fa-chart-line"></i> Reports
                </a>
            </li>

        </ul>

        <small class="text-secondary px-3 mt-3 d-block">STAFF</small>

        <ul>

            <li>
                <a href="/beauty_pos/employees/index.php">
                    <i class="fas fa-user-tie"></i> Employees
                </a>
            </li>

            <li>
                <a href="/beauty_pos/settings/index.php">
                    <i class="fas fa-cog"></i> Settings
                </a>
            </li>

            <li>
                <a href="/beauty_pos/logout.php">
                    <i class="fas fa-sign-out-alt"></i> Logout
                </a>
            </li>

        </ul>

    </div>

</div>