{{-- resources/views/panels/sidebar.blade.php --}}
@php
    use App\Helpers\Helper;
    $configData = Helper::applClasses();
    $role = Auth::user()->role ?? 'guest';
@endphp

<!-- BEGIN: Main Menu-->
<div class="main-menu menu-fixed {{ $configData['theme'] === 'dark' || $configData['theme'] === 'semi-dark' ? 'menu-dark' : 'menu-light' }} menu-accordion menu-shadow"
    data-scroll-to-active="true" style="z-index: 1050;">

    <div class="navbar-header d-flex justify-content-end align-items-center px-2">
        <button class="btn btn-sm d-xl-none" id="mobile-menu-toggle"><i data-feather="x"></i></button>
    </div>

    <div class="shadow-bottom"></div>

    <div class="main-menu-content" id="sidebar-menu-content"
        style="overflow-y: auto; max-height: calc(100vh - 60px); padding: 30px 20px 30px 30px; width: 225px;">
        <ul class="navigation navigation-main list-unstyled" id="main-menu-navigation" data-menu="menu-navigation">

            {{-- AGENT MENU --}}
            @if ($role === 'agent')
                <li class="nav-item mb-2 {{ request()->routeIs('agent.dashboard') ? 'active' : '' }}">
                    <a href="{{ route('agent.dashboard') }}" class="d-flex align-items-center">
                        <i data-feather="home" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Dashboard</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('profile.edit') ? 'active' : '' }}">
                    <a href="{{ route('profile.edit') }}" class="d-flex align-items-center">
                        <i data-feather="user" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Profile</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('agent.clients') ? 'active' : '' }}">
                    <a href="{{ route('agent.clients') }}" class="d-flex align-items-center">
                        <i data-feather="users" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Clients</span>
                    </a>
                </li>

                {{-- Single Leads entry (everything funnels to the index with tabs) --}}
                <li class="nav-item mb-2 {{ request()->routeIs('agent.leads.index') ? 'active' : '' }}">
                    <a href="{{ route('agent.leads.index') }}" class="d-flex align-items-center">
                        <i data-feather="database" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Leads</span>
                    </a>
                </li>

                {{-- Removed: Purchase Leads, Purchased Leads, Archived Purchased --}}

                <li class="nav-item mb-2 {{ request()->routeIs('agent.files') ? 'active' : '' }}">
                    <a href="{{ route('agent.files') }}" class="d-flex align-items-center">
                        <i data-feather="file" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Files</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('agent.appointments') ? 'active' : '' }}">
                    <a href="{{ route('agent.appointments') }}" class="d-flex align-items-center">
                        <i data-feather="calendar" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Appointments</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('agent.resources') ? 'active' : '' }}">
                    <a href="{{ route('agent.resources') }}" class="d-flex align-items-center">
                        <i data-feather="book-open" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Resources</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('agent.settings') ? 'active' : '' }}">
                    <a href="{{ route('agent.settings') }}" class="d-flex align-items-center">
                        <i data-feather="settings" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Settings</span>
                    </a>
                </li>
            @endif

            {{-- CLIENT MENU --}}
            @if ($role === 'client')
                <li class="nav-item mb-2 {{ request()->routeIs('client.dashboard') ? 'active' : '' }}">
                    <a href="{{ route('client.dashboard') }}" class="d-flex align-items-center">
                        <i data-feather="home" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Dashboard</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('profile.edit') ? 'active' : '' }}">
                    <a href="{{ route('profile.edit') }}" class="d-flex align-items-center">
                        <i data-feather="user" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Profile</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('client.agent') ? 'active' : '' }}">
                    <a href="{{ route('client.agent') }}" class="d-flex align-items-center">
                        <i data-feather="user-check" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">My Agent</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('client.files') ? 'active' : '' }}>
                    <a href="{{ route('client.files') }}"
                    class="d-flex align-items-center">
                    <i data-feather="file-text" style="color:#D65B26; margin-right:10px;"></i>
                    <span class="menu-title" style="color:#0B1970;">Files</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('client.appointments') ? 'active' : '' }}">
                    <a href="{{ route('client.appointments') }}" class="d-flex align-items-center">
                        <i data-feather="calendar" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Appointments</span>
                    </a>
                </li>
            @endif

            {{-- ADMIN MENU --}}
            @if ($role === 'admin')
                <li class="nav-item mb-2 {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}">
                    <a href="{{ route('admin.dashboard') }}" class="d-flex align-items-center">
                        <i data-feather="home" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Dashboard</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('profile.edit') ? 'active' : '' }}">
                    <a href="{{ route('profile.edit') }}" class="d-flex align-items-center">
                        <i data-feather="user" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Profile</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('admin.users') ? 'active' : '' }}">
                    <a href="{{ route('admin.users') }}" class="d-flex align-items-center">
                        <i data-feather="users" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Users</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('admin.roles') ? 'active' : '' }}">
                    <a href="{{ route('admin.roles') }}" class="d-flex align-items-center">
                        <i data-feather="shield" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Roles</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('admin.permissions') ? 'active' : '' }}">
                    <a href="{{ route('admin.permissions') }}" class="d-flex align-items-center">
                        <i data-feather="lock" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Permissions</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('admin.leads') ? 'active' : '' }}">
                    <a href="{{ route('admin.leads') }}" class="d-flex align-items-center">
                        <i data-feather="list" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Leads</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('admin.support-contact.edit') ? 'active' : '' }}">
                    <a href="{{ route('admin.support-contact.edit') }}" class="d-flex align-items-center">
                        <i data-feather="phone" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Support Contact</span>
                    </a>
                </li>
                <li class="nav-item mb-2 {{ request()->routeIs('admin.useful-links.index') ? 'active' : '' }}">
                    <a href="{{ route('admin.useful-links.index') }}" class="d-flex align-items-center">
                        <i data-feather="link" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Useful Links</span>
                    </a>
                </li>
                <li class="nav-item mb-2 sidebar-group-active open">
                    <a href="#" class="d-flex align-items-center">
                        <i data-feather="settings" style="color:#D65B26; margin-right:10px;"></i>
                        <span class="menu-title" style="color:#0B1970;">Settings</span>
                    </a>
                    <ul class="menu-content" style="display:block; padding-left: 25px;">
                        <li class="{{ request()->routeIs('admin.settings.app') ? 'active' : '' }}">
                            <a href="{{ route('admin.settings.app') }}" class="d-flex align-items-center">
                                <i data-feather="sliders" class="me-50"></i>
                                <span class="menu-item">App Settings</span>
                            </a>
                        </li>
                        <li class="{{ request()->routeIs('admin.settings.colors') ? 'active' : '' }}">
                            <a href="{{ route('admin.settings.colors') }}" class="d-flex align-items-center">
                                <i data-feather="layout" class="me-50"></i>
                                <span class="menu-item">Theme Settings</span>
                            </a>
                        </li>
                        <li class="{{ request()->routeIs('admin.settings.pages') ? 'active' : '' }}">
                            <a href="{{ route('admin.settings.pages') }}" class="d-flex align-items-center">
                                <i data-feather="file-text" class="me-50"></i>
                                <span class="menu-item">Pages</span>
                            </a>
                        </li>
                        <li class="{{ request()->routeIs('admin.settings.leads') ? 'active' : '' }}">
                            <a href="{{ route('admin.settings.leads') }}" class="d-flex align-items-center">
                                <i data-feather="dollar-sign" class="me-50"></i>
                                <span class="menu-item">Lead Pricing</span>
                            </a>
                        </li>
                    </ul>
                </li>
            @endif

        </ul>
    </div>
</div>
<!-- END: Main Menu -->