@php
    $admin = auth('admin')->user();
    $menu_2 = request()->segment(2);
    $menu_3 = request()->segment(3);
@endphp

<div class="vertical-menu">
    <div data-simplebar class="h-100">
        <!--- Sidemenu -->
        <div id="sidebar-menu">
            <!-- Left Menu Start -->
            <ul class="metismenu list-unstyled" id="side-menu">
                <li>
                    <a href="{{ route('admin.dashboard') }}" class=" waves-effect">
                        <i class="bx bx-home-circle"></i>
                        <span>Dashboards</span>
                    </a>
                </li>
                @if ($admin->hasPermissions(['system-manage']))
                    <li>
                        <a href="javascript: void(0);" class="has-arrow waves-effect {{in_array($menu_2,['settings','smtp','email'])?'active':''}}">
                            <i class="bx bx-cog"></i>
                            <span>Setting</span>
                        </a>
                        <ul class="sub-menu" aria-expanded="false">
                            <li class="nav-item">
                                <a class="nav-link waves-effect " href="{{ route('admin.setting') }}">Setting</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link waves-effect" href="{{ route('admin.smtp-setting') }}">SMTP
                                    Setting</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link waves-effect" href="{{ route('admin.email.index') }}">Email
                                    Content</a>
                            </li>
                        </ul>
                    </li>
                @endif

                @if ($admin->roles == 'admin')
                    <li
                        class="{{ in_array($menu_2, ['subadmin']) || request()->is('subadmin/*') ? 'active' : '' }}">
                        <a href="{{ route('admin.subadmin.index') }}" class=" waves-effect" wire:navigate>
                            <i class="bx bx-user"></i>
                            <span>Sub-admin</span>
                        </a>
                    </li>
                @endif

                @if ($admin->hasPermissions(['user-manage']))
                    <li>
                        <a href="javascript: void(0);" class="has-arrow waves-effect {{in_array($menu_2,['users'])&&in_array($menu_3,['edit',''])?'active':''}}">
                            <i class='bx bxs-user-detail'></i>
                            <span>Users</span>
                        </a>
                        <ul class="sub-menu" aria-expanded="false">
                            <li class="nav-item">
                                <a href="{{ route('admin.users.index') }}" class="nav-link waves-effect"
                                    wire:navigate>List</a>
                            </li>
                        </ul>
                    </li>
                @endif

                @if ($admin->hasPermissions(['task-manage']))
                    <li>
                        <a href="javascript: void(0);" class="has-arrow waves-effect {{in_array($menu_2,['tasks'])&&in_array($menu_3,['','create','edit'])?'active':''}}">
                            <i class='bx bx-task'></i>
                            <span>Tasks</span>
                        </a>
                        <ul class="sub-menu" aria-expanded="false">
                            <li class="nav-item">
                                <a href="{{ route('admin.tasks.index') }}" class="nav-link waves-effect"
                                    wire:navigate>Tasks</a>
                            </li>

                            <li class="nav-item">
                                <a href="{{ route('admin.tasks.create') }}" class="nav-link waves-effect"
                                    wire:navigate>Create</a>
                            </li>
                        </ul>
                    </li>
                @endif

                @if ($admin->hasPermissions(['task-apply-manage']))
                    <li>
                        <a href="javascript: void(0);" class="has-arrow waves-effect {{in_array($menu_2,['tasks'])&&in_array($menu_3,['apply'])?'active':''}}">
                            <i class='bx bxs-user-check'></i>
                            <span>Tasks Apply</span>
                        </a>
                        <ul class="sub-menu" aria-expanded="false">
                            <li class="nav-item">
                                <a href="{{ route('admin.tasks.apply') }}" class="nav-link waves-effect"
                                    wire:navigate>Apply</a>
                            </li>
                        </ul>
                    </li>
                @endif

                @if ($admin->hasPermissions(['user-referral-manage']))
                    <li>
                        <a href="javascript: void(0);" class="has-arrow waves-effect {{in_array($menu_3,['referrals'])?'active':''}}">
                            <i class='bx bx-user-check'></i>
                            <span>User Referral</span>
                        </a>
                        <ul class="sub-menu" aria-expanded="false">
                            <li class="nav-item">
                                <a href="{{ route('admin.users.referrals') }}" class="nav-link waves-effect"
                                    wire:navigate>List</a>
                            </li>
                        </ul>
                    </li>
                @endif

                @if ($admin->hasPermissions(['link-manage']))
                    <li>
                        <a href="javascript: void(0);" class="has-arrow waves-effect {{in_array($menu_2,['links'])?'active':''}}">
                            <i class='bx bx-link-alt'></i>
                            <span>Links</span>
                        </a>
                        <ul class="sub-menu" aria-expanded="false">
                            <li class="nav-item">
                                <a href="{{ route('admin.links.index') }}" class="nav-link waves-effect"
                                    wire:navigate>List</a>
                            </li>
                        </ul>
                    </li>
                @endif

                @if ($admin->hasPermissions(['contact-manage']))
                    <li>
                        <a href="javascript: void(0);" class="has-arrow waves-effect {{in_array($menu_2,['contacts'])?'active':''}}">
                            <i class='bx bx-user-circle'></i>
                            <span>Contacts</span>
                        </a>
                        <ul class="sub-menu" aria-expanded="false">
                            <li class="nav-item">
                                <a href="{{ route('admin.contacts.index') }}" class="nav-link waves-effect"
                                    wire:navigate>List</a>
                            </li>
                        </ul>
                    </li>
                @endif

                @if ($admin->hasPermissions(['ticket-manage']))
                    <li>
                        <a href="javascript: void(0);" class="has-arrow waves-effect {{in_array($menu_2,['tickets'])?'active':''}}">
                            <i class='bx bx-sticker'></i>
                            <span>Tickets</span>
                        </a>
                        <ul class="sub-menu" aria-expanded="false">
                            <li class="nav-item">
                                <a href="{{ route('admin.tickets.index') }}" class="nav-link waves-effect"
                                    wire:navigate>List</a>
                            </li>
                        </ul>
                    </li>
                @endif

                @if ($admin->hasPermissions(['sendmail-manage']))
                    <li>
                        <a href="javascript: void(0);" class="has-arrow waves-effect {{in_array($menu_2,['sendmails'])?'active':''}}">
                            <i class='bx bxl-messenger'></i>
                            <span>Send Mail</span>
                        </a>
                        <ul class="sub-menu" aria-expanded="false">
                            <li class="nav-item">
                                <a href="{{ route('admin.sendmails.index') }}" class="nav-link waves-effect"
                                    wire:navigate>List</a>
                            </li>
                        </ul>
                    </li>
                @endif

            </ul>
        </div>
        <!-- Sidebar -->
    </div>
</div>