@php($leadAccess = app(\App\Services\LeadAccessService::class))
<div class="sidenav-menu">
    <a href="{{ route('crm.dashboard') }}" class="logo">
        <span class="logo logo-light">
            <span class="logo-lg"><img src="{{ asset('assets/branding/ast_logo_gold.png') }}" alt="{{ config('app.name') }}" class="logo-img-sidebar"></span>
            <span class="logo-sm"><img src="{{ asset('assets/branding/ast_favicon.png?v=2') }}" alt=""></span>
        </span>
        <span class="logo logo-dark">
            <span class="logo-lg"><img src="{{ asset('assets/branding/ast_logo_gold.png') }}" alt="{{ config('app.name') }}" class="logo-img-sidebar"></span>
            <span class="logo-sm"><img src="{{ asset('assets/branding/ast_favicon.png?v=2') }}" alt=""></span>
        </span>
    </a>
    <button class="button-on-hover" type="button"><span class="btn-on-hover-icon"></span></button>
    <button class="button-close-offcanvas" type="button"><i class="ti ti-menu-4 align-middle"></i></button>

    <div class="scrollbar" data-simplebar>
        <div id="sidenav-menu">
            <ul class="side-nav">
                <li class="side-nav-title mt-2">Main</li>
                <li class="side-nav-item">
                    <a href="{{ route('crm.dashboard') }}" class="side-nav-link {{ request()->is('crm') ? 'active' : '' }}">
                        <span class="menu-icon"><i class="ti ti-dashboard"></i></span>
                        <span class="menu-text">Dashboard</span>
                    </a>
                </li>

                @if($leadAccess->canViewLeads(Auth::user()))
                <li class="side-nav-item">
                    <a href="{{ route('leads') }}" class="side-nav-link {{ request()->routeIs('leads') ? 'active' : '' }}">
                        <span class="menu-icon"><i class="ti ti-user-plus"></i></span>
                        <span class="menu-text">Leads</span>
                    </a>
                </li>
                @endif

                @if($leadAccess->canViewClients(Auth::user()))
                <li class="side-nav-item">
                    <a href="{{ route('clients') }}" class="side-nav-link {{ request()->routeIs('clients') ? 'active' : '' }}">
                        <span class="menu-icon"><i class="ti ti-users"></i></span>
                        <span class="menu-text">Clients</span>
                    </a>
                </li>
                @endif

                @if($leadAccess->canViewRecovery(Auth::user()))
                <li class="side-nav-item">
                    <a href="{{ route('customers') }}" class="side-nav-link {{ request()->routeIs('customers') ? 'active' : '' }}">
                        <span class="menu-icon"><i class="ti ti-refresh"></i></span>
                        <span class="menu-text">Customers</span>
                    </a>
                </li>
                @endif

                @if(Auth::user()->access_level != 'Agent')
                <li class="side-nav-item">
                    <a data-bs-toggle="collapse" href="#sidebarUsers" class="side-nav-link"
                       aria-expanded="{{ request()->is('users*') || request()->is('desks*') ? 'true' : 'false' }}">
                        <span class="menu-icon"><i class="ti ti-users"></i></span>
                        <span class="menu-text">Users</span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse {{ request()->is('users*') || request()->is('desks*') ? 'show' : '' }}" id="sidebarUsers">
                        <ul class="sub-menu">
                            <li class="side-nav-item"><a href="{{ route('users') }}" class="side-nav-link">Users</a></li>
                            @if(Auth::user()->access_level == 'Admin' || Auth::user()->access_level == 'Office Manager')
                            <li class="side-nav-item"><a href="{{ route('desks') }}" class="side-nav-link">Desks</a></li>
                            @endif
                        </ul>
                    </div>
                </li>
                @endif

                <li class="side-nav-item">
                    <a data-bs-toggle="collapse" href="#sidebarCalls" class="side-nav-link"
                       aria-expanded="{{ request()->is('active_calls*') || request()->is('callbacks*') || request()->is('callexchange*') ? 'true' : 'false' }}">
                        <span class="menu-icon"><i class="ti ti-phone"></i></span>
                        <span class="menu-text">Calls</span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse {{ request()->is('active_calls*') || request()->is('callbacks*') || request()->is('callexchange*') ? 'show' : '' }}" id="sidebarCalls">
                        <ul class="sub-menu">
                            @if(Auth::user()->access_level == 'Admin' || Auth::user()->access_level == 'Office Manager')
                            <li class="side-nav-item"><a href="{{ route('active_calls') }}" class="side-nav-link">Active Calls</a></li>
                            @endif
                            @if($leadAccess->canViewLeads(Auth::user()) || $leadAccess->canViewClients(Auth::user()))
                            <li class="side-nav-item"><a href="{{ route('callbacks') }}" class="side-nav-link">Callbacks</a></li>
                            @endif
                            @if(in_array(Auth::user()->access_level, ['Admin','Office Manager','Desk Manager','Agent']))
                            <li class="side-nav-item"><a href="{{ route('callexchange') }}" class="side-nav-link">CallExchange PBX</a></li>
                            @endif
                        </ul>
                    </div>
                </li>

                <li class="side-nav-item">
                    <a data-bs-toggle="collapse" href="#sidebarCommunication" class="side-nav-link"
                       aria-expanded="{{ request()->routeIs('crm.chat*') || request()->is('whatsapp_messages*') || request()->is('send-sms*') || request()->routeIs('crm.messaging') ? 'true' : 'false' }}">
                        <span class="menu-icon"><i class="ti ti-message-circle"></i></span>
                        <span class="menu-text">Communication</span>
                        <span class="badge bg-danger rounded-pill ms-auto me-1" data-chat-badge hidden>0</span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse {{ request()->routeIs('crm.chat*') || request()->is('whatsapp_messages*') || request()->is('send-sms*') || request()->routeIs('crm.messaging') ? 'show' : '' }}" id="sidebarCommunication">
                        <ul class="sub-menu">
                            @if($leadAccess->canViewClients(Auth::user()))
                            <li class="side-nav-item">
                                <a href="{{ route('crm.chat.clients') }}" class="side-nav-link {{ request()->routeIs('crm.chat', 'crm.chat.office', 'crm.chat.groups', 'crm.chat.clients') ? 'active' : '' }}">
                                    <span>Chat</span>
                                    <span class="badge bg-danger rounded-pill ms-auto" data-chat-badge hidden>0</span>
                                </a>
                            </li>
                            @endif
                            @if(Auth::user()->access_level == 'Admin')
                            <li class="side-nav-item"><a href="{{ route('whatsapp_messages') }}" class="side-nav-link">WhatsApp messages</a></li>
                            @endif
                            @if(Auth::user()->access_level == 'Admin' || Auth::user()->access_level == 'Office Manager')
                            <li class="side-nav-item"><a href="{{ route('send-sms') }}" class="side-nav-link">Send SMS</a></li>
                            @endif
                            @if(Auth::user()->access_level == 'Admin')
                            <li class="side-nav-item">
                                <a href="{{ route('crm.messaging') }}" class="side-nav-link {{ request()->routeIs('crm.messaging') ? 'active' : '' }}">Telegram Messaging</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li>

                @if(Auth::user()->access_level == 'Admin' || Auth::user()->access_level == 'Office Manager')
                <li class="side-nav-item">
                    <a data-bs-toggle="collapse" href="#sidebarGeneral" class="side-nav-link"
                       aria-expanded="{{ request()->is('cloaker*') || request()->is('security*') || request()->is('office_working_hours*') ? 'true' : 'false' }}">
                        <span class="menu-icon"><i class="ti ti-briefcase"></i></span>
                        <span class="menu-text">General</span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse {{ request()->is('cloaker*') || request()->is('security*') || request()->is('office_working_hours*') ? 'show' : '' }}" id="sidebarGeneral">
                        <ul class="sub-menu">
                            <li class="side-nav-item"><a href="{{ route('office_working_hours') }}" class="side-nav-link {{ request()->is('office_working_hours*') ? 'active' : '' }}">Working Hours</a></li>
                            @if(Auth::user()->access_level == 'Admin')
                            <li class="side-nav-item"><a href="{{ route('cloaker') }}" class="side-nav-link {{ request()->is('cloaker*') ? 'active' : '' }}">Cloaker</a></li>
                            <li class="side-nav-item"><a href="{{ route('security.index') }}" class="side-nav-link {{ request()->is('security*') ? 'active' : '' }}">Security</a></li>
                            @endif
                        </ul>
                    </div>
                </li>
                @endif

                @if($leadAccess->canViewClients(Auth::user()) && in_array(Auth::user()->access_level, ['Admin', 'Office Manager', 'Desk Manager', 'Agent']))
                <li class="side-nav-title mt-2">Trading</li>
                <li class="side-nav-item">
                    <a data-bs-toggle="collapse" href="#sidebarTrading" class="side-nav-link"
                       aria-expanded="{{ request()->is('trading*') || request()->is('kyc*') ? 'true' : 'false' }}">
                        <span class="menu-icon"><i class="ti ti-chart-line"></i></span>
                        <span class="menu-text">Trading</span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse {{ request()->is('trading*') || request()->is('kyc*') ? 'show' : '' }}" id="sidebarTrading">
                        <ul class="sub-menu">
                            @if(Auth::user()->access_level == 'Admin')
                            <li class="side-nav-item"><a href="{{ route('trading.symbols') }}" class="side-nav-link">Symbols</a></li>
                            <li class="side-nav-item"><a href="{{ route('trading.ai') }}" class="side-nav-link {{ request()->routeIs('trading.ai*') ? 'active' : '' }}">Trading AI</a></li>
                            @endif
                            @if(in_array(Auth::user()->access_level, ['Admin', 'Office Manager']))
                            <li class="side-nav-item"><a href="{{ route('trading.deposits') }}" class="side-nav-link">Deposits</a></li>
                            @endif
                            @if($leadAccess->canViewClients(Auth::user()) && in_array(Auth::user()->access_level, ['Admin', 'Office Manager', 'Desk Manager', 'Agent']))
                            <li class="side-nav-item"><a href="{{ route('trading.trades') }}" class="side-nav-link">Trades</a></li>
                            <li class="side-nav-item"><a href="{{ route('trading.predictions') }}" class="side-nav-link {{ request()->routeIs('trading.predictions') ? 'active' : '' }}">Predictions</a></li>
                            <li class="side-nav-item"><a href="{{ route('trading.binary') }}" class="side-nav-link {{ request()->routeIs('trading.binary*') ? 'active' : '' }}">Binary Options</a></li>
                            @if(in_array(Auth::user()->access_level, ['Admin', 'Office Manager']))
                            <li class="side-nav-item"><a href="{{ route('trading.withdrawals') }}" class="side-nav-link">Withdrawals</a></li>
                            <li class="side-nav-item"><a href="{{ route('kyc.index') }}" class="side-nav-link">KYC Queue</a></li>
                            @endif
                            @endif
                        </ul>
                    </div>
                </li>
                @endif

                @if($leadAccess->canViewClients(Auth::user()) && in_array(Auth::user()->access_level, ['Admin', 'Office Manager']))
                <li class="side-nav-item">
                    <a href="{{ route('crm.tickets') }}" class="side-nav-link {{ request()->is('tickets*') ? 'active' : '' }}">
                        <span class="menu-icon"><i class="ti ti-lifebuoy"></i></span>
                        <span class="menu-text">Tickets</span>
                        <span id="ticket-badge"
                              class="badge text-bg-danger rounded-pill"
                              style="display:none;margin-left:auto;">0</span>
                    </a>
                </li>
                @endif

                <li class="side-nav-item">
                    <a href="{{ route('inbox') }}" class="side-nav-link {{ request()->is('inbox') || request()->is('emails*') ? 'active' : '' }}">
                        <span class="menu-icon"><i class="ti ti-mail"></i></span>
                        <span class="menu-text">Email</span>
                    </a>
                </li>

                <li class="side-nav-item">
                    <a href="{{ route('manual') }}" class="side-nav-link {{ request()->is('manual') ? 'active' : '' }}">
                        <span class="menu-icon"><i class="ti ti-book"></i></span>
                        <span class="menu-text">Manual</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>