{{-- Transaction Approvals Menu Component --}}
{{-- This component can be included in any module's sidebar --}}

<li class="nav-item">
    <a href="#" class="nav-link active">
        <i class="fas fa-user-check"></i>                        
        <p>
            Transaction Approvals
        </p>
    </a>
    <ul class="nav nav-treeview">
        <li class="nav-item">
            <a href="{{ route('acc-transactions.dashboard') }}" class="nav-link {{ request()->routeIs('acc-transactions.dashboard') ? 'active' : '' }}">
                <i class="fas fa-tachometer-alt"></i>
                <p>📊 Approval Dashboard</p>
            </a>
        </li>
    </ul>
    <ul class="nav nav-treeview">
        <li class="nav-item">
            <a href="{{ route('acc-transactions.pending-for-role') }}" class="nav-link {{ request()->routeIs('acc-transactions.pending-for-role') ? 'active' : '' }}">
                <i class="fas fa-clock"></i>
                <p>⏳ Pending for Me</p>
            </a>
        </li>
    </ul>
    <ul class="nav nav-treeview">
        <li class="nav-item">
            <a href="{{ route('acc-transactions.waiting') }}" class="nav-link {{ request()->routeIs('acc-transactions.waiting') ? 'active' : '' }}">
                <i class="fas fa-hourglass-half"></i>
                <p>🔄 Waiting for Others</p>
            </a>
        </li>
    </ul>
</li>