<div class="sidebar-menu">
    <span class="sidebar-menu__close d-xl-none d-block"><i class="fas fa-times"></i></span>
    <ul class="sidebar-menu-list">
        <li class="sidebar-menu-list__item {{ menuActive('user.home') }}">
            <a class="sidebar-menu-list__link" href="{{ route('user.home') }}">
                <span class="icon"><i class="icon-grid"></i></span>
                <span class="text">@lang('Dashboard')</span>
            </a>
        </li>

        <li class="sidebar-menu-list__item has-dropdown {{ menuActive(['user.invest.log', 'user.invest.details']) }}">
            <a class="sidebar-menu-list__link" href="javascript:void(0)">
                <span class="icon"><i class="fa-solid fa-sack-dollar"></i></span>
                <span class="text">@lang('Investments')</span>
            </a>
            <div class="sidebar-submenu">
                <ul class="sidebar-submenu-list">
                    <li class="sidebar-submenu-list__item {{ menuActive('user.invest.log') }}">
                        <a class="sidebar-submenu-list__link" href="{{ route('user.invest.log') }}">
                            <span class="text">@lang('Invest Log')</span>
                        </a>
                    </li>
                    <li class="sidebar-submenu-list__item {{ menuActive('all.projects') }}">
                        <a class="sidebar-submenu-list__link" href="{{ route('all.projects') }}">
                            <span class="text">@lang('Invest Now') <i class="las la-external-link-alt"></i> </span>
                        </a>
                    </li>
                </ul>
            </div>
        </li>
        <li
            class="sidebar-menu-list__item has-dropdown {{ menuActive(['user.deposit.history', 'user.deposit.index']) }}">
            <a class="sidebar-menu-list__link" href="javascript:void(0)">
                <span class="icon"><i class="fa-solid fa-money-bill-trend-up"></i></span>
                <span class="text">@lang('Deposit')</span>
            </a>
            <div class="sidebar-submenu">
                <ul class="sidebar-submenu-list">
                    <li class="sidebar-submenu-list__item {{ menuActive('user.deposit.history') }}">
                        <a class="sidebar-submenu-list__link" href="{{ route('user.deposit.history') }}">
                            <span class="text">@lang('Deposit History')</span>
                        </a>
                    </li>
                    <li class="sidebar-submenu-list__item {{ menuActive('user.deposit.index') }}">
                        <a class="sidebar-submenu-list__link" href="{{ route('user.deposit.index') }}">
                            <span class="text">@lang('Deposit Money')</span>
                        </a>
                    </li>
                </ul>
            </div>
        </li>
        <li
            class="sidebar-menu-list__item has-dropdown {{ menuActive(['user.withdraw.history', 'user.withdraw.gateway']) }}">
            <a class="sidebar-menu-list__link" href="javascript:void(0)">
                <span class="icon"><i class="fa-solid fa-wallet"></i></span>
                <span class="text">@lang('Withdrawal')</span>
            </a>
            <div class="sidebar-submenu">
                <ul class="sidebar-submenu-list">
                    <li class="sidebar-submenu-list__item {{ menuActive('user.withdraw.history') }}">
                        <a class="sidebar-submenu-list__link" href="{{ route('user.withdraw.history') }}">
                            <span class="text">@lang('Withdraw Log')</span>
                        </a>
                    </li>
                    <li class="sidebar-submenu-list__item {{ menuActive('user.withdraw.gateway') }}">
                        <a class="sidebar-submenu-list__link" href="{{ route('user.withdraw.money') }}">
                            <span class="text">@lang('Withdraw Money')</span>
                        </a>
                    </li>
                </ul>
            </div>
        </li>
        <li
            class="sidebar-menu-list__item has-dropdown {{ menuActive(['ticket.index', 'ticket.open', 'ticket.view']) }}">
            <a class="sidebar-menu-list__link" href="javascript:void(0)">
                <span class="icon"><i class="fa-solid fa-ticket"></i></span>
                <span class="text">@lang('Support Ticket')</span>
            </a>
            <div class="sidebar-submenu">
                <ul class="sidebar-submenu-list">
                    <li class="sidebar-submenu-list__item {{ menuActive('ticket.index') }}">
                        <a class="sidebar-submenu-list__link" href="{{ route('ticket.index') }}">
                            <span class="text">@lang('Ticket History')</span>
                        </a>
                    </li>
                    <li class="sidebar-submenu-list__item {{ menuActive('ticket.open') }}">
                        <a class="sidebar-submenu-list__link" href="{{ route('ticket.open') }}">
                            <span class="text">@lang('Open Ticket')</span>
                        </a>
                    </li>
                </ul>
            </div>
        </li>

        <li class="sidebar-menu-list__item {{ menuActive('user.transactions') }}">
            <a class="sidebar-menu-list__link" href="{{ route('user.transactions') }}">
                <span class="icon"><i class="fa-solid fa-money-bill-transfer"></i></span>
                <span class="text">@lang('Transactions')</span>
            </a>
        </li>

        <li class="sidebar-menu-list__item {{ menuActive('user.referrals') }}">
            <a class="sidebar-menu-list__link" href="{{ route('user.referrals') }}">
                <span class="icon"><i class="fa-solid fa-users-viewfinder"></i></span>
                <span class="text">@lang('Referrals')</span>
            </a>
        </li>

        <li
            class="sidebar-menu-list__item has-dropdown {{ menuActive(['user.profile.setting', 'user.change.password', 'user.twofactor']) }}">
            <a class="sidebar-menu-list__link" href="javascript:void(0)">
                <span class="icon"><i class="fa-solid fa-screwdriver-wrench"></i></span>
                <span class="text">@lang('Setting')</span>
            </a>
            <div class="sidebar-submenu">
                <ul class="sidebar-submenu-list">
                    <li class="sidebar-submenu-list__item {{ menuActive('user.profile.setting') }}">
                        <a class="sidebar-submenu-list__link" href="{{ route('user.profile.setting') }}">
                            <span class="text">@lang('Profile Setting')</span>
                        </a>
                    </li>
                    <li class="sidebar-submenu-list__item {{ menuActive('user.change.password') }}">
                        <a class="sidebar-submenu-list__link" href="{{ route('user.change.password') }}">
                            <span class="text">@lang('Change Password')</span>
                        </a>
                    </li>
                    <li class="sidebar-submenu-list__item {{ menuActive('user.twofactor') }}">
                        <a class="sidebar-submenu-list__link" href="{{ route('user.twofactor') }}">
                            <span class="text">@lang('2FA Security')</span>
                        </a>
                    </li>
                </ul>
            </div>
        </li>

        <li class="sidebar-menu-list__item">
            <a class="sidebar-menu-list__link" href="{{ route('user.logout') }}">
                <span class="icon"><i class="fa-solid fa-right-from-bracket"></i></span>
                <span class="text">@lang('Logout')</span>
            </a>
        </li>
    </ul>
</div>
