<div class="single-card-box d-lg-block d-none">
    <ul class="left-menu-box">
        <li>
            <a href="{{ route('user.dashboard') }}" class="{{ isActive('user.dashboard') }}">
                <x-icon name="dashboard-2" class="icon"/>
                {{ __('Dashboard') }}
                <i class="fa fa-angle-right arrow"></i>
            </a>
        </li>
        <li>
            <a href="{{ route('user.deposit.create') }}" class="{{ isActive('user.deposit.create') }}">
                <x-icon name="add-money" class="icon"/>
                {{ __('Deposit Money') }}
                <i class="fa fa-angle-right arrow"></i>
            </a>
        </li>
        <li>
            <a href="{{ route('user.withdraw.create') }}" class="{{ isActive('user.withdraw.create') }}">
                <x-icon name="withdraw" class="icon"/>
                {{ __('Withdrawals') }}
                <i class="fa fa-angle-right arrow"></i>
            </a>
        </li>
        <li>
            <a href="{{ route('user.send-money.create') }}" class="{{ isActive('user.send-money.create') }}">
                <x-icon name="send-money" class="icon"/>
                {{ __('Send Money') }}
                <i class="fa fa-angle-right arrow"></i>
            </a>
        </li>
        <li>
            <a href="{{ route('user.request-money.create') }}" class="{{ isActive('user.request-money.create') }}">
                <x-icon name="request_money" class="icon"/>
                {{ __('Request Money') }}
                <i class="fa fa-angle-right arrow"></i>
            </a>
        </li>
        <li>
            <a href="{{ route('user.exchange-money.create') }}" class="{{ isActive('user.exchange-money.create') }}">
                <x-icon name="exchange" class="icon"/>
                {{ __('Exchange Money') }}
                <i class="fa fa-angle-right arrow"></i>
            </a>
        </li>

        <li>
            <a href="{{ route('user.voucher.my') }}" class="{{ isActive('user.voucher.my') }}">
                <x-icon name="voucher" class="icon"/>
                {{ __('Voucher') }}
                <i class="fa fa-angle-right arrow"></i>
            </a>
        </li>
        @can('merchant')
            <li>
                <a href="{{ route('user.merchant.index') }}" class="{{ isActive('user.merchant.index') }}">
                    <x-icon name="merchant" class="icon"/>
                    {{ __('Merchant') }}
                    <i class="fa fa-angle-right arrow"></i>
                </a>
            </li>
        @endcan
        <li>
            <a href="{{ route('user.transaction.index') }}" class="{{ isActive('user.transaction.index') }}">
                <x-icon name="transaction-4" class="icon"/>
                {{ __('Transactions') }}
                <i class="fa fa-angle-right arrow"></i>
            </a>
        </li>
        <li>
            <a href="{{ route('user.referral.index') }}" class="{{ isActive('user.referral.index') }}">
                <x-icon name="referral" class="icon"/>
                {{ __('Referrals') }}
                <i class="fa fa-angle-right arrow"></i>
            </a>
        </li>
        <li>
            <a href="{{ route('user.support-ticket.index') }}" class="{{ isActive('user.support-ticket.index') }}">
                <x-icon name="ticket" class="icon"/>
                {{ __('Support') }}
                <i class="fa fa-angle-right arrow"></i>
            </a>
        </li>
    </ul>
</div>

