<div class="main-menu menu-fixed menu-dark menu-accordion menu-shadow" data-scroll-to-active="true">
    <div class="navbar-header">
        <ul class="nav navbar-nav flex-row">
            <li class="nav-item mr-auto"><a class="navbar-brand" href="{{ route('dashboard.home') }}">
                    <div class="brand-logo"></div>
{{--                    <h2 class="brand-text mb-0">@lang('sidebar.blockat')</h2>--}}
                </a></li>
            <li class="nav-item nav-toggle"><a class="nav-link modern-nav-toggle pr-0" data-toggle="collapse">
                    <i class="feather icon-x d-block d-xl-none font-medium-4 primary toggle-icon"></i>
                    <i class="toggle-icon feather icon-disc font-medium-4 d-none d-xl-block collapse-toggle-icon primary" data-ticon="icon-disc"></i>
                </a>
            </li>
        </ul>
    </div>
    <div class="shadow-bottom"></div>
    <div class="main-menu-content">
        <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
            <li class=" nav-item"><a href="{{ route('dashboard.home') }}"><i class="fas fa-tachometer-alt-fastest"></i><span class="menu-title" data-i18n="Dashboard">@lang('sidebar.dashboard')</span></a></li>
            @can('permissions_index')
                <li class=" nav-item"><a href="{{ route('roles.index') }}"><i class="fas fa-user-shield"></i><span class="menu-item" data-i18n="Shop">@lang('sidebar.roles')</span></a></li>
            @endcan

            @can('admins_index')
                <li class=" nav-item"><a href="{{ route('admins.index') }}"><i class="fas fa-user-shield"></i><span class="menu-item" data-i18n="Shop">@lang('sidebar.admins')</span></a></li>
            @endcan

            @canany('countries_index', 'categories_index', 'packages_index')
                <li class=" nav-item"><a href="#"><i class="fas fa-database"></i><span class="menu-title" data-i18n="Ecommerce">@lang('sidebar.master_data')</span></a>
                    <ul class="menu-content">
                        @can('countries_index')
                            <li><a href="{{ route('countries.index') }}"><i class="fas fa-globe-africa"></i><span class="menu-item" data-i18n="Shop">@lang('sidebar.countries')</span></a></li>
                        @endcan
                        @can('categories_index')
                            <li><a href="{{ route('categories.index') }}"><i class="fas fa-folder-tree"></i><span class="menu-item" data-i18n="Shop">@lang('sidebar.categories')</span></a>
                            </li>
                        @endcan
                        @can('packages_index')
                            <li><a href="{{ route('packages.index') }}"><i class="fa fa-tasks"></i><span class="menu-item" data-i18n="Shop">@lang('sidebar.packages')</span></a>
                            </li>
                        @endcan
                    </ul>
                </li>
            @endcanany
            @can('users_index')
                <li class=" nav-item"><a href="{{ route('users.index') }}"><i class="fas fa-users"></i><span class="menu-item" data-i18n="Shop">@lang('sidebar.users')</span></a>
                </li>
            @endcan
            @can('marketers_index')
                <li class=" nav-item"><a href="{{ route('marketer.index') }}"><i class="fas fa-user"></i><span class="menu-item" data-i18n="Marketer">@lang('sidebar.marketer')</span></a>
                </li>
            @endcan
            @can('shops_index')
                <li class=" nav-item"><a href="{{ route('shops.index') }}"><i class="fas fa-store-alt"></i><span class="menu-item" data-i18n="Shop">@lang('sidebar.shops')</span></a>
                </li>
            @endcan
            @can('products_index')
                <li class=" nav-item"><a href="{{ route('products.index') }}"><i class="fas fa-dolly-flatbed-alt"></i><span class="menu-item" data-i18n="Shop">@lang('sidebar.products')</span></a>
                </li>
            @endcan


            @canany('subscriptions_index', 'payment_transactions_index')
                <li class=" nav-item"><a href="#"><i class="fas fa-sack-dollar"></i><span class="menu-title" data-i18n="Ecommerce">@lang('sidebar.financial_management')</span></a>
                    <ul class="menu-content">
                        @can('subscriptions_index')
                            <li>
                                <a href="{{ route('payment_subscription') }}"><i class="fas fa-hand-holding-usd"></i><span class="menu-item" data-i18n="Shop">@lang('sidebar.subscriptions')</span></a>
                            </li>
                            {{-- <li>
                                <a href="{{ route('subscriptions.index') }}"><i class="fas fa-credit-card"></i><span class="menu-item" data-i18n="Shop">@lang('sidebar.subscriptions')</span></a>
                            </li> --}}
                        @endcan
                        {{-- @can('payment_transactions_index')
                            <li>
                                <a href="{{ route('payment_transactions.index') }}"><i class="fas fa-hand-holding-usd"></i><span class="menu-item" data-i18n="Shop">@lang('sidebar.payment_transactions')</span></a>
                            </li>
                        @endcan --}}
                    </ul>
                </li>
            @endcanany


            @can('complaints_index')
                <li class=" nav-item"><a href="{{ route('complaints.index') }}"><i class="fas fa-angry"></i><span class="menu-item" data-i18n="Shop">@lang('sidebar.complaints')</span></a>
                </li>
            @endcan
            @can('notifications_index')
                <li class=" nav-item"><a href="{{ route('notifications.index') }}"><i class="fab fa-facebook-messenger"></i><span class="menu-title" data-i18n="Form Layout">@lang('sidebar.send_notifications')</span></a>
            @endcan
            @can('settings_index')
                <li class=" nav-item"><a href="{{ route('settings.index') }}"><i class="fas fa-sliders-h-square"></i><span class="menu-title" data-i18n="Form Layout">@lang('sidebar.settings')</span></a>
            @endcan

            <li class=" nav-item"><a href="{{ route('dashboard.logout') }}"><i class="fas fa-sign-out-alt"></i><span class="menu-title" data-i18n="Form Layout">@lang('sidebar.logout')</span></a>
            </li>
        </ul>
    </div>
</div>
