{{-- Desktop Navigation Menu Items --}}
<!-- Dashboard -->
<div class="menu-item relative px-4 py-3 hover:bg-amber-100 cursor-pointer">
    <div class="flex flex-col items-center">
        <i class="fas fa-tachometer-alt text-amber-700 mb-1"></i>
        <span>Dashboard</span>
    </div>
</div>

<!-- Product Info -->
<div class="menu-item relative px-4 py-3 hover:bg-gray-100 cursor-pointer group">
    <div class="flex flex-col items-center">
        <i class="fas fa-box text-amber-700 mb-1"></i>
        <div class="flex items-center">
            <span>Transactions</span>
            <i class="fas fa-chevron-down text-xs ml-1"></i>
        </div>
    </div>
    <div class="submenu absolute left-0 mt-0 w-48 bg-white shadow-md rounded-b-md z-50">
        <a href="{{url('transactions')}}" class="block px-4 py-2 text-gray-700 hover:bg-blue-50">Transactions History</a>
    </div>
</div>