<nav class="main-sidebar bg-default">
    <button class="sidebar-close"><i class="fa fa-times"></i></button>
    <div class="navbar-brand-wrapper d-flex justify-content-start align-items-center">
        <a href="{{ route('user.home') }}" class="navbar-brand">
            <span class="logo-one"><img src="{{ get_image(config('constants.logoIcon.path') .'/logo.png') }}"
                                        alt="logo-image"/></span>
            <span class="logo-two"><img src="{{ get_image(config('constants.logoIcon.path') .'/favicon.png') }}"
                                        alt="logo-image"/></span>
        </a>
    </div>
    <div id="main-sidebar">
        <ul class="nav">

            <li class="nav-item {{ sidenav_active('user.home') }}">
                <a href="{{ route('user.home') }}" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-th-large text-facebook"></i></span>
                    <span class="menu-title">@lang('Dashboard')</span>
                </a>
            </li>

            <li class="nav-item {{ sidenav_active('user.plan*') }}">
                <a href="{{ route('user.plan.index') }}" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-lightbulb-o text-facebook"></i></span>
                    <span class="menu-title">@lang('Plans')</span>
                </a>
            </li>

            <li class="nav-item {{ sidenav_active('user.referral.log') }}">
                <a href="{{ route('user.referral.log') }}" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-money text-facebook"></i></span>
                    <span class="menu-title">@lang('Referral Commission')</span>
                </a>
            </li>

            <li class="nav-item {{ sidenav_active('user.binary.log') }}">
                <a href="{{ route('user.binary.log') }}" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-money text-facebook"></i></span>
                    <span class="menu-title">@lang('Binary Commission')</span>
                </a>
            </li>

            <li class="nav-item {{ sidenav_active('user.bv.log') }}">
                <a href="{{ route('user.bv.log') }}" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-sitemap text-facebook"></i></span>
                    <span class="menu-title">@lang('BV Log')</span>
                </a>
            </li>

            <li class="nav-item {{ sidenav_active('user.my.ref') }}">
                <a href="{{ route('user.my.ref') }}" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-group text-facebook"></i></span>
                    <span class="menu-title">@lang('My Referrals')</span>
                </a>
            </li>

            <li class="nav-item {{ sidenav_active('user.my.tree') }}">
                <a href="{{ route('user.my.tree') }}" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-tree text-facebook"></i></span>
                    <span class="menu-title">@lang('My Tree')</span>
                </a>
            </li>

            <li class="nav-item {{ sidenav_active('user.binary.summery') }}">
                <a href="{{ route('user.binary.summery') }}" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-area-chart text-facebook"></i></span>
                    <span class="menu-title">@lang('Binary Summery')</span>
                </a>
            </li>


            <li class="nav-item {{ sidenav_active('user.deposit*') }}">
                <a href="#" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-credit-card text-primary"></i></span>
                    <span class="menu-title">@lang('Deposit')</span>
                    <span class="menu-arrow"><i class="fa fa-chevron-right"></i></span>
                </a>
                <ul class="sub-menu">
                    <li class="nav-item {{ sidenav_active('user.deposit') }}">
                        <a class="nav-link" href="{{ route('user.deposit') }}">
                            <span class="mr-2"><i class="fa fa-angle-right"></i></span>
                            <span class="menu-title">@lang('Deposit Now')</span>
                        </a>
                    </li>
                    <li class="nav-item {{ sidenav_active('user.deposit.history') }}">
                        <a class="nav-link" href="{{ route('user.deposit.history') }}">
                            <span class="mr-2"><i class="fa fa-angle-right"></i></span>
                            <span class="menu-title">@lang('Deposit History')</span>
                        </a>
                    </li>
                </ul>
            </li>



            <li class="nav-item {{ sidenav_active('user.withdraw*') }}">
                <a href="#" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-money text-primary"></i></span>
                    <span class="menu-title">@lang('Withdrawal')</span>
                    <span class="menu-arrow"><i class="fa fa-chevron-right"></i></span>
                </a>
                <ul class="sub-menu">
                    <li class="nav-item {{ sidenav_active('user.withdraw') }}">
                        <a class="nav-link" href="{{ route('user.withdraw') }}">
                            <span class="mr-2"><i class="fa fa-angle-right"></i></span>
                            <span class="menu-title">@lang('Withdraw Now')</span>
                        </a>
                    </li>
                    <li class="nav-item {{ sidenav_active('user.withdraw.history') }}">
                        <a class="nav-link" href="{{ route('user.withdraw.history') }}">
                            <span class="mr-2"><i class="fa fa-angle-right"></i></span>
                            <span class="menu-title">@lang('Withdraw History')</span>
                        </a>
                    </li>
                </ul>
            </li>


            <li class="nav-item {{ sidenav_active('user.balance.transfer') }}">
                <a href="{{ route('user.balance.transfer') }}" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-exchange text-facebook"></i></span>
                    <span class="menu-title">@lang('Transfer Balance')</span>
                </a>
            </li>


            <li class="nav-item {{ sidenav_active('user.transactions') }}">
                <a href="{{route('user.transactions')}}" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-money text-facebook"></i></span>
                    <span class="menu-title">@lang('Transactions')</span>
                </a>
            </li>

            <li class="nav-item {{ sidenav_active('user.go2fa') }}">
                <a href="{{route('user.go2fa')}}" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-shield text-facebook"></i></span>
                    <span class="menu-title">@lang('2FA Security')</span>
                </a>
            </li>

            <li class="nav-item {{ sidenav_active('user.profile') }}">
                <a href="{{route('user.profile')}}" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-cog text-facebook"></i></span>
                    <span class="menu-title">@lang('Account settings')</span>
                </a>
            </li>

            <li class="nav-item {{ sidenav_active('user.login.history') }}">
                <a href="{{route('user.login.history')}}" class="nav-link">
                    <span class="menu-icon"><i class="fa fa-history text-facebook"></i></span>
                    <span class="menu-title">@lang('Login History')</span>
                </a>
            </li>


        </ul>


    </div>
</nav>
