<div class="side-menu">
    <div class='side-menu-body'>
        <ul>
            <li class="side-menu-divider m-t-0"></li>
            {{-- Dashboard --}}
            <li class="{{ $mainSuperAdminMenu == 'dashboard' ? 'open' : '' }}">
                <a href="{{ asset('dashboard') }}">
                    <i class="icon ti-microsoft"></i>
                    <span>Dashboard</span>
                </a>
            </li>

            @if (Auth::user()->hasRole('admin') || Auth::user()->can('view-lead-dashboard'))
            <li>
                <a class="{{ $mainSuperAdminMenu == 'lead-dashboard' ? 'active' : '' }}"
                    href="{{ asset('lead-dashboard-list') }}">
                    <i class="icon ti-list"></i>
                    <span> @php echo \App\Helpers\Frontend::lead_name(); @endphp Dashboard</span>
                </a>
            </li>
        @endif

            @if (Auth::user()->hasRole('admin') || Auth::user()->can('view-task'))
                <li>
                    <a class="{{ $mainSuperAdminMenu == 'leads-task' ? 'active' : '' }}"
                        href="{{ asset('leads/task-list') }}">
                        <i class="icon ti-list"></i>
                        <span>Follow-up Tasks</span>
                    </a>
                </li>
            @endif

            @if (Auth::user()->hasRole('admin') || Auth::user()->can('view-task'))
                <li>
                    <a class="{{ $mainSuperAdminMenu == 'todo-task' ? 'active' : '' }}"
                        href="{{ asset('leads/todo-list') }}">
                        <i class="icon ti-layout-list-thumb"></i>
                        <span>ToDo Tasks</span>
                    </a>
                </li>
            @endif

            @if (Auth::user()->hasRole('admin') || Auth::user()->can('view-lead'))
                <li>
                    <a class="{{ $mainSuperAdminMenu == 'leads' ? 'active' : '' }}" href="{{ asset('leads/list') }}">
                        <i class="icon fa fa-phone"></i>
                        <span class="text-capitalize"> @php echo \App\Helpers\Frontend::lead_name(); @endphp</span>
                    </a>
                </li>
            @endif
            @if (Auth::user()->hasRole('admin') || Auth::user()->can('view-deal'))
                <li>
                    <a class="{{ $mainSuperAdminMenu == 'deals' ? 'active' : '' }}" href="{{ asset('deals/list') }}">
                        <i class="icon ti-target"></i>
                        <span class="text-capitalize"> @php echo \App\Helpers\Frontend::deal_name(); @endphp</span>
                    </a>
                </li>
            @endif
            @if (Auth::user()->hasRole('admin') && Auth::user()->can('view-contact'))
                <li>
                    <a class="{{ $mainSuperAdminMenu == 'contacts' ? 'active' : '' }}" href="{{ asset('contacts') }}">
                        <i class="icon ti-agenda"></i>
                        <span>Contacts</span>
                    </a>
                </li>
            @endif
            @if (Auth::user()->hasRole('admin') && Auth::user()->can('view-activity'))
                <li>
                    <a class="{{ $mainSuperAdminMenu == 'activity' ? 'active' : '' }}"
                        href="{{ asset('activity-logs') }}">
                        <i class="icon ti-eye"></i>
                        <span>Recent Activity</span>
                    </a>
                </li>
            @endif
            @if (Auth::user()->hasRole('admin') && Auth::user()->can('view-link'))
                <li>
                    <a class="{{ $mainSuperAdminMenu == 'share' ? 'active' : '' }}" href="{{ asset('share-links') }}">
                        <i class="icon ti-share"></i>
                        <span>Share</span>
                    </a>
                </li>
            @endif
            @if (Auth::user()->hasRole('admin') || Auth::user()->can('view-user'))
                <li class="{{ $mainSuperAdminMenu == 'users' || $mainSuperAdminMenu == 'roles' ? 'open' : '' }}">
                    <a> <i class="icon ti-id-badge"></i><span>Team</span></a>
                    <ul class="m-0 p-0" style="list-style-type: square !important;">
                        <li class="main-sub-list">
                            <a class="{{ $mainSuperAdminMenu == 'users' ? 'active' : '' }}"
                                href="{{ asset('users') }}">
                                <p class="p-0 m-0 sub-list d-none"><i class="fa fa-user-plus"></i></p>
                                <span>Team Members</span>
                            </a>
                        </li>
                        @if (Auth::user()->hasRole('admin'))
                            <li class="main-sub-list">
                                <a href="{{ asset('roles') }}"
                                    class="{{ $superadminSubMenu == 'roles-list' ? 'active' : '' }}">
                                    <p class="p-0 m-0 sub-list d-none"><i class="fa fa-id-badge"></i></p>
                                    <span>{{ __('message.roles') }} & {{ __('message.permission') }}</span>
                                </a>
                            </li>
                        @endif
                        @if (Auth::user()->hasRole('admin'))
                            <li class="main-sub-list">
                                <a class="{{ $mainSuperAdminMenu == 'tag' ? 'active' : '' }}"
                                    href="{{ asset('tag') }}">
                                    <span>Team Label</span>
                                </a>
                            </li>
                        @endif
                    </ul>
                </li>
            @endif
            @if (Auth::user()->hasRole('admin') && Auth::user()->can('view-organization'))
                <li>
                    <a class="{{ $mainSuperAdminMenu == 'organizations' ? 'active' : '' }}"
                        href="{{ asset('organizations') }}">
                        <i class="icon fa fa-building-o"></i>
                        <span>Organization</span>
                    </a>
                </li>
            @endif
            @if (Auth::user()->hasRole('admin') && Auth::user()->can('view-product'))
                <li>
                    <a class="{{ $mainSuperAdminMenu == 'products' ? 'active' : '' }}" href="{{ asset('products') }}">
                        <i class="icon ti-folder"></i>
                        <span>Product</span>
                    </a>
                </li>
            @endif

            {{-- @if (Auth::user()->hasRole('admin') && Auth::user()->can('view-product')) --}}
                <li>
                    <a class="{{ $mainSuperAdminMenu == 'notification-list' ? 'active' : '' }}" href="{{ asset('notifications-list') }}">
                        <i class="icon ti-bell"></i>
                        <span>Notifications</span>
                    </a>
                </li>
            {{-- @endif --}}


            @if (Auth::user()->hasRole('admin') && Auth::user()->can('view-setting'))
                <li class="{{ $mainSuperAdminMenu == 'stages' || $mainSuperAdminMenu == 'settings' ? 'open' : '' }}">
                    <a class="{{ $mainSuperAdminMenu == 'stages' ? 'active' : '' }}" href="#">
                        <i class="icon ti-settings"></i>
                        <span>{{ __('message.settings') }} </span>
                    </a>
                    <ul>
                        <li class="main-sub-list">
                            <a class="{{ $mainSuperAdminMenu == 'stages' ? 'active' : '' }}" href="{{ asset('pipeline') }}">
                                <p class="p-0 m-0 sub-list d-none"> <i class="ti-stats-up"></i></p>
                                <span>{{ __('message.stage') }} </span>
                            </a>
                        </li>
                        <li class="main-sub-list">
                            <a class="{{ $superadminSubMenu == 'plan-list' ? 'active' : '' }}" href="{{ asset('upgrade-plan') }}">
                                <p class="p-0 m-0 sub-list d-none"> <i class="ti-wallet"></i></p>
                                <span>Plans</span>
                            </a>
                        </li>

                        <li class="main-sub-list">
                            <a class="{{ $superadminSubMenu == 'module-list' ? 'active' : '' }}" href="{{ asset('rename-module') }}">
                                <p class="p-0 m-0 sub-list d-none"> <i class="ti-more"></i></p>
                                <span>Rename Module</span>
                            </a>
                        </li>

                        <li class="main-sub-list">
                            <a class="{{ $superadminSubMenu == 'order-history' ? 'active' : '' }}" href="{{ asset('order-history') }}">
                                <p class="p-0 m-0 sub-list d-none"> <i class="ti-receipt"></i></p>
                                <span>Order History</span>
                            </a>
                        </li>
                    </ul>
                </li>
            @endif
        </ul>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous">
</script>