<div class="sidebar-menu">
    <div class="sidebar-menu__inner">
        <div class="cross-sidebar"><i class="fas fa-times"></i></div>
        <ul class="sidebar-menu-list">
            <li class="sidebar-menu-list__item">
                <a href="{{ route('vendor.home') }}" class="sidebar-menu-list__link {{ menuActive('vendor.home') }}">
                    <span class="icon"><i class="fas fa-th-large"></i></span>
                    <span class="text">@lang('Dashboard')</span>
                </a>
            </li>
            <li class="sidebar-menu-list__item has-dropdown">
                <a href="javascript:void(0)" class="sidebar-menu-list__link {{ menuActive('vendor.property*', 3) }}">
                    <span class="icon"><i class="fas fa-city"></i></span>
                    <span class="text">@lang('Properties')</span>
                </a>
                <div class="sidebar-submenu {{ menuActive('vendor.property*', 2) }}">
                    <ul class="sidebar-submenu-list">
                        <li class="sidebar-submenu-list__item">
                            <a href="{{ route('vendor.property.create') }}"
                               class="sidebar-submenu-list__link {{ menuActive('vendor.property.create') }}">
                                <span class="text"><i class="las la-dot-circle"></i> @lang('Add New Property')</span>
                            </a>
                        </li>
                        <li class="sidebar-submenu-list__item">
                            <a href="{{ route('vendor.property.index') }}"
                               class="sidebar-submenu-list__link {{ menuActive(['vendor.property.index']) }}">
                                <span class="text"><i class="las la-dot-circle"></i> @lang('All Property')</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="sidebar-menu-list__item">
                <a href="{{ route('vendor.invest.index') }}" class="sidebar-menu-list__link {{ menuActive('vendor.invest.index') }}">
                    <span class="icon"><i class="las la-stream"></i></span>
                    <span class="text">@lang('All Investment')</span>
                </a>
            </li>
            <li class="sidebar-menu-list__item">
                <a href="{{ route('vendor.invest.profit.history') }}" class="sidebar-menu-list__link {{ menuActive('vendor.invest.profit.history') }}">
                    <span class="icon"><i class="fas fa-coins"></i></span>
                    <span class="text">@lang('Profit History')</span>
                </a>
            </li>

            <li class="sidebar-menu-list__item has-dropdown">
                <a href="javascript:void(0)" class="sidebar-menu-list__link {{ menuActive('vendor.deposit*', 3) }}">
                    <span class="icon"><i class="fas fa-wallet"></i></span>
                    <span class="text">@lang('Deposit')</span>
                </a>
                <div class="sidebar-submenu {{ menuActive('vendor.deposit*', 2) }}">
                    <ul class="sidebar-submenu-list">
                        <li class="sidebar-submenu-list__item">
                            <a href="{{ route('vendor.deposit.index') }}"
                               class="sidebar-submenu-list__link {{ menuActive(['vendor.deposit.index', 'vendor.deposit.confirm']) }}">
                                <span class="text"><i class="las la-dot-circle"></i> @lang('Deposit Money')</span>
                            </a>
                        </li>
                        <li class="sidebar-submenu-list__item">
                            <a href="{{ route('vendor.deposit.history') }}"
                               class="sidebar-submenu-list__link {{ menuActive('vendor.deposit.history') }}">
                                <span class="text"><i class="las la-dot-circle"></i> @lang('Deposit History')</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="sidebar-menu-list__item has-dropdown">
                <a href="javascript:void(0)" class="sidebar-menu-list__link {{ menuActive('vendor.withdraw*', 3) }}">
                    <span class="icon"><i class="far fa-credit-card"></i></span>
                    <span class="text">@lang('Withdraw')</span>
                </a>
                <div class="sidebar-submenu {{ menuActive('vendor.withdraw*', 2) }}">
                    <ul class="sidebar-submenu-list">
                        <li class="sidebar-submenu-list__item">
                            <a href="{{ route('vendor.withdraw') }}"
                               class="sidebar-submenu-list__link {{ menuActive(['vendor.withdraw', 'vendor.withdraw.preview']) }}">
                                <span class="text"><i class="las la-dot-circle"></i> @lang('Withdraw Money')</span>
                            </a>
                        </li>
                        <li class="sidebar-submenu-list__item">
                            <a href="{{ route('vendor.withdraw.history') }}"
                               class="sidebar-submenu-list__link {{ menuActive('vendor.withdraw.history') }}">
                                <span class="text"><i class="las la-dot-circle"></i> @lang('Withdraw History')</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="sidebar-menu-list__item">
                <a href="{{ route('vendor.transactions') }}" class="sidebar-menu-list__link {{ menuActive('vendor.transactions') }}">
                    <span class="icon"><i class="fas fa-exchange-alt"></i></span>
                    <span class="text">@lang('Transactions')</span>
                </a>
            </li>
            <li class="sidebar-menu-list__item has-dropdown">
                <a href="javascript:void(0)" class="sidebar-menu-list__link {{ menuActive('vendor.ticket*', 3) }}">
                    <span class="icon"><i class="fas fa-headset"></i></span>
                    <span class="text">@lang('Support Ticket')</span>
                </a>
                <div class="sidebar-submenu {{ menuActive('vendor.ticket*', 2) }}">
                    <ul class="sidebar-submenu-list">
                        <li class="sidebar-submenu-list__item">
                            <a href="{{ route('vendor.ticket.open') }}" class="sidebar-submenu-list__link {{ menuActive('vendor.ticket.open') }}">
                                <span class="text"><i class="las la-dot-circle"></i> @lang('Open New Ticket')</span>
                            </a>
                        </li>
                        <li class="sidebar-submenu-list__item">
                            <a href="{{ route('vendor.ticket.index') }}"
                               class="sidebar-submenu-list__link {{ menuActive(['vendor.ticket.index', 'vendor.ticket.view']) }}">
                                <span class="text"><i class="las la-dot-circle"></i> @lang('My Tickets')</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="sidebar-menu-list__item">
                <a class="sidebar-menu-list__link {{ menuActive('vendor.profile.setting') }}"
                   href="{{ route('vendor.profile.setting') }}">
                    <span class="icon"><i class="fas fa-user-circle"></i></span>
                    <span class="text">@lang('Profile Setting')</span>
                </a>
            </li>
            <li class="sidebar-menu-list__item">
                <a class="sidebar-menu-list__link {{ menuActive('vendor.change.password') }}"
                   href="{{ route('vendor.change.password') }}">
                    <span class="icon"><i class="fas fa-cog"></i></span>
                    <span class="text">@lang('Change Password')</span>
                </a>
            </li>
            <li class="sidebar-menu-list__item">
                <a class="sidebar-menu-list__link {{ menuActive('vendor.twofactor') }}"
                   href="{{ route('vendor.twofactor') }}">
                    <span class="icon"><i class="fas fa-shield-alt"></i></span>
                    <span class="text">@lang('2FA Security')</span>
                </a>
            </li>
            <li class="sidebar-menu-list__item">
                <a class="sidebar-menu-list__link" href="{{ route('vendor.logout') }}">
                    <span class="icon"><i class="fas fa-sign-out-alt"></i></span>
                    <span class="text">@lang('Logout')</span>
                </a>
            </li>

        </ul>
    </div>
</div>
