@php
    $role = auth()->user()->currentRole;
    $activeRecordTypes = activeRecordTypes(true);
@endphp

<div x-data="{ mobileOpen: false }">
    <nav x-data="{ open: false }" class="bg-white dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700">
        <!-- Primary Navigation Menu -->
        <div class="bg-white border-b border-gray-200 px-4 py-2.5 dark:bg-gray-800 dark:border-gray-700 left-0 right-0 top-0 z-50">
            <div class="flex items-center justify-between">
                <!-- Logo and Search Section -->
                <div class="flex items-center justify-center">
                    <a href="{{ route('dashboard') }}" class="flex mr-6">
                        <x-application-mark class="block h-7 w-auto" />
                    </a>
                </div>

                <!-- User Menu Section -->
                <div class="flex items-center justify-center">
                    <!-- Notifications Dropdown menu -->
                    <livewire:alert-tracker />

                    <span class="hidden mx-2 w-px h-5 bg-gray-200 dark:bg-gray-600 lg:inline lg:mx-2"></span>
                    <x-dropdown align="right" width="48">
                        <x-slot name="trigger">
                            @if (Laravel\Jetstream\Jetstream::managesProfilePhotos())
                            <button class="flex text-sm border-2 border-transparent rounded-full focus:outline-none focus:border-gray-300 transition">
                                <img class="h-8 w-8 rounded-full object-cover" src="{{ Auth::user()->profile_photo_url }}" alt="{{ Auth::user()->name }}" />
                            </button>
                            @else
                            <span class="inline-flex rounded-md">
                                <button type="button" class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none focus:bg-gray-50 dark:focus:bg-gray-700 active:bg-gray-50 dark:active:bg-gray-700 transition ease-in-out duration-150">
                                    {{ Auth::user()->name }}

                                    <svg class="ms-2 -me-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
                                    </svg>
                                </button>
                            </span>
                            @endif
                        </x-slot>

                        <x-slot name="content">
                            @isNotTenant
                            <div class="block px-4 py-2 text-xs text-gray-400">
                                {{ __('Manage Account') }}
                            </div>
                            <x-dropdown-link href="{{ route('account.index') }}">
                                @lang('accounts')
                            </x-dropdown-link>
                            @endisNotTenant

                            @isTenant
                                @php
                                    $instances = session('user_instances', collect())->groupBy('account.name');
                                @endphp
                                    <div class="divide-y divide-gray-200 dark:divide-gray-600">
                                    @foreach($instances as $accountName => $accountInstances)
                                    <div class="">
                                        <div class="block px-4 pt-2 text-xs text-gray-400">
                                            {{ $accountName }}
                                        </div>
                                        @foreach($accountInstances as $instance)
                                            <x-dropdown-link href="https://{{ $instance->id }}.{{ config('app.main_url') }}/dashboard">
                                                {{ $instance->name }}
                                            </x-dropdown-link>
                                        @endforeach
                                    </div>
                                    @endforeach
                                </div>
                            @endisTenant


                            {{-- <x-dropdown-link href="{{ route('profile.show') }}">
                            @lang('profile')
                            </x-dropdown-link> --}}

                            @if (Laravel\Jetstream\Jetstream::hasApiFeatures())
                            <x-dropdown-link href="{{ route('api-tokens.index') }}">
                                {{ __('API Tokens') }}
                            </x-dropdown-link>
                            @endif

                            <div class="border-t border-gray-200 dark:border-gray-600"></div>

                            <!-- Authentication -->
                            <form method="POST" action="{{ route('logout') }}" x-data>
                                @csrf

                                <x-dropdown-link href="{{ route('logout') }}" @click.prevent="$root.submit();">
                                    {{ __('Log Out') }}
                                </x-dropdown-link>
                            </form>
                        </x-slot>
                    </x-dropdown>
                    <button type="button" @click="mobileOpen = !mobileOpen" class="items-center p-2 text-gray-500 rounded-lg lg:hidden hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-700 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600">
                        <span class="sr-only">Open menu</span>
                        <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
                        </svg>
                    </button>
                </div>
            </div>
        </div>

        <!-- Desktop Secondary Navigation -->
        <div class="hidden lg:block bg-gray-800 border-b border-gray-200 dark:bg-gray-700 dark:border-gray-800 z-40">
            <div class="flex items-center">
                <ul class="flex items-center text-sm text-gray-900 font-medium items-stretch">
                    <li class="block flex relative">
                        <a href="/" class="subnav-dd flex align-center icon">
                            <svg class="h-5 w-5 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                <path fill-rule="evenodd" d="M9.293 2.293a1 1 0 011.414 0l7 7A1 1 0 0117 11h-1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-3a1 1 0 00-1-1H9a1 1 0 00-1 1v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-6H3a1 1 0 01-.707-1.707l7-7z" clip-rule="evenodd"></path>
                            </svg>
                        </a>
                    </li>
                    <li class="block flex relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" @click.away="open = false">
                        <a href="{{ route('favorites.index') }}" class="subnav-dd flex align-center icon">
                            <i class="fas fa-star"></i>
                        </a>
                        <div class="absolute z-10 top-full left-0 w-48 bg-white shadow-md" x-show="open" x-cloak>
                            @php
                                $favorites = \Domain\Favorites\Models\Favorite::where('user_id', auth()->id())
                                    ->latest()
                                    ->get();
                            @endphp

                            @forelse($favorites as $favorite)
                                <a href="{{ url($favorite->url) }}"
                                   onclick="window.location.href='{{ url($favorite->url) }}'; return false;"
                                   class="block px-4 py-2 text-gray-800 hover:bg-gray-200">
                                    {{ $favorite->name }}
                                </a>
                            @empty
                                <div class="px-4 py-2 text-gray-500 italic">No favorites yet</div>
                            @endforelse

                            @if($favorites->count() > 0)
                                <div class="border-t border-gray-200"></div>
                            @endif

                            <a href="{{ route('favorites.index') }}"
                               class="block px-4 py-2 text-gray-800 hover:bg-gray-200">
                                View All Favorites
                            </a>
                        </div>
                    </li>

                    @if (!empty(array_intersect(['employee', 'subsidiary', 'location'], $activeRecordTypes['All'])))
                        <li class="block flex relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" @click.away="open = false">
                            <div class="subnav-dd">Company</div>
                            <div class="absolute z-10 top-full left-0  w-48 bg-white shadow-md " x-show="open" x-cloak>

                            @if (
                                in_array("employee", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('employee'))?->can_read ?? $role?->can_read)
                            )
                                <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                    <a href="{{ route('employee.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                        Employees
                                        <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4" />
                                        </svg>
                                    </a>
                                    <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                        <a href="{{ route('employee.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                        {{-- <a href="{{ route('payrollitem.index') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">Payroll Items</a> --}}
                                    </div>
                                </div>
                            @endif
                            @if (
                                in_array("subsidiary", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('subsidiary'))?->can_read ?? $role?->can_read)
                            )
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('subsidiary.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Subsidiaries
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4" />
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('subsidiary.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            @endif
                            @if (
                                in_array("location", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('location'))?->can_read ?? $role?->can_read)
                            )
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('location.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Locations
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4" />
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('location.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            @endif
                        </div>
                    </li>
                    @endif

                    @if (!empty(array_intersect(["opportunity", "salesorder", "estimate", "invoice", "subscription", "subscriptionplan"], $activeRecordTypes['All'])))
                    <li class="block flex relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" @click.away="open = false">
                        <div class="subnav-dd">CRM</div>
                        <div class="absolute z-10 top-full left-0  w-48 bg-white shadow-md " x-show="open" x-cloak>
                            @if (
                                in_array("opportunity", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('opportunity'))?->can_read ?? $role?->can_read)
                            )
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('opportunity.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Opportunities
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('opportunity.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            @endif
                            @if (
                                in_array("estimate", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('estimate'))?->can_read ?? $role?->can_read)
                            )
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('estimate.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Estimates
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('estimate.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            @endif
                            @if (
                                in_array("salesorder", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('salesorder'))?->can_read ?? $role?->can_read)
                            )
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('salesorder.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Sales Orders
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('salesorder.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            @endif
                            @if (
                                in_array("invoice", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('invoice'))?->can_read ?? $role?->can_read)
                            )
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('invoice.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Invoices
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('invoice.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            @endif

                            @if (
                                in_array("subscription", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('subscription'))?->can_read ?? $role?->can_read)
                            )
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('subscription.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Subscriptions
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('subscription.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                    <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                        <a href="{{ route('subscriptionplan.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                            Subscription Plans
                                            <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                              <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                            </svg>
                                        </a>
                                        <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                            <a href="{{ route('subscriptionplan.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                    </li>
                    @endif
                    <li class="block flex relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" @click.away="open = false">
                        <div class="subnav-dd">Setup</div>
                        <div class="absolute z-10 top-full left-0  w-48 bg-white shadow-md " x-show="open" x-cloak>
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('configuration.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Configuration
                                </a>
                            </div>
                            @if($role->can_manage_roles)
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('roles.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Roles
                                </a>
                            </div>
                            @endif
                        </div>
                    </li>

                    @if (!empty(array_intersect(["workorder", "item", "billofmaterial", "billofmaterialsrevision"], $activeRecordTypes['All'])))
                    <li class="block flex relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" @click.away="open = false">
                        <div class="subnav-dd">Manufacturing</div>
                        <div class="absolute z-10 top-full left-0  w-48 bg-white shadow-md " x-show="open" x-cloak>
                            @if (
                                in_array("workorder", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('workorder'))?->can_read ?? $role?->can_read)
                            )
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('workorder.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Work Orders
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('workorder.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            @endif

                            @if (
                                in_array("billofmaterial", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('billofmaterial'))?->can_read ?? $role?->can_read)
                            )

                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('billofmaterial.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Bill of Materials
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('billofmaterial.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            @endif

                            @if (
                                in_array("billofmaterialsrevision", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('billofmaterialsrevision'))?->can_read ?? $role?->can_read)
                            )

                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('billofmaterialsrevision.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    BOM Revisions
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('billofmaterialsrevision.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            @endif
                        </div>
                    </li>
                    @endif
                    @if($role->can_manage_documents)
                    <li class="block flex relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" @click.away="open = false">
                        <div class="subnav-dd">Documents</div>
                        <div class="absolute z-10 top-full left-0  w-48 bg-white shadow-md " x-show="open" x-cloak>
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('file.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                     File Management
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('file.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    @endif
                    @if (!empty(array_intersect(["customer", "project", "projecttask", "timeentry"], $activeRecordTypes['All'])))
                    <li class="block flex relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" @click.away="open = false">
                        <div class="subnav-dd">Project Management</div>
                        <div class="absolute z-10 top-full left-0  w-48 bg-white shadow-md " x-show="open" x-cloak>
                            @if (in_array("customer", $activeRecordTypes['All'])  && auth()->user()->hasPermissionForRecordType('can_read', 'customer'))
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('customer.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Customers
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('customer.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            @endif
                            @if (
                                in_array("project", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('project'))?->can_read ?? $role?->can_read)
                            )
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('project.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Projects
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('project.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            @endif
                            @if (
                                in_array("projecttask", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('projecttask'))?->can_read ?? $role?->can_read)
                            )
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('projecttask.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Project Tasks
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('projecttask.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                    @if (
                                        in_array("subtask", $activeRecordTypes['All']) &&
                                        (optional($userPermissionsByType->get('projecttask'))?->can_read ?? $role?->can_read)
                                    )
                                    <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                        <a href="{{ route('subtask.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                            Subtasks
                                            <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                              <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                            </svg>
                                        </a>
                                        <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                            <a href="{{ route('subtask.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                            @endif
                            @if (
                                in_array("timeentry", $activeRecordTypes['All']) &&
                                (optional($userPermissionsByType->get('timeentry'))?->can_read ?? $role?->can_read)
                            )
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('timeentry.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Time Entries
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('timeentry.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('timesheet.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Timesheet
                                </a>
                            </div>
                            @endif
                            @if (!in_array("salesorder", $activeRecordTypes['All']))
                            <div class="relative"  >
                                <a href="{{ route('gantt.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Gantt
                                </a>
                            </div>
                            @endif
                            <div class="relative"  >
                                <a href="{{ route('timeline.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Timeline
                                </a>
                            </div>
                        </div>
                    </li>
                    @endif
                    <li class="block flex relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" @click.away="open = false">
                        <div class="subnav-dd">Customization</div>
                        <div class="absolute z-10 top-full left-0  w-48 bg-white shadow-md " x-show="open" x-cloak>
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('entryforms.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Forms
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('entryforms.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('formfields.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Form Fields
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('formfields.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>

                           <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('kpi.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    KPIs
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('kpi.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('lists.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Lists
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('lists.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>

                           <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('savedsearch.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Saved Searches
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('savedsearch.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>

                           <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('tablebuilders.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Table Builder
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('tablebuilders.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    @if($role->can_manage_ipass)
                    <li class="block flex relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                        <div class="subnav-dd">IPaaS</div>
                        <div class="absolute z-10 top-full left-0  w-48 bg-white shadow-md " x-show="open" x-cloak>
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('ipaas.flows.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Flows
                                </a>
                            </div>
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('connector.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Conectors
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('connector.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    @endif
                    @if($role->can_manage_adhoc)
                    <li class="block flex relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" @click.away="open = false">
                        <div class="subnav-dd">Ad hoc Form</div>
                        <div class="absolute z-10 top-full left-0  w-48 bg-white shadow-md " x-show="open" >
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('survey.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                Ad hoc Lists
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('survey.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New Survey</a>
                                    {{-- <a href="{{ route('survey_questions.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New Question</a> --}}
                                </div>
                            </div>
                            <div class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
                                <a href="{{ route('survey_categories.index') }}" class="w-full flex justify-between text-left px-4 py-2 text-gray-800 hover:bg-gray-200 focus:outline-none">
                                    Categories Lists
                                    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 16 4-4-4-4"/>
                                    </svg>
                                </a>
                                <div class="absolute left-full top-0 w-full bg-white shadow-md " x-show="open" @mouseenter="open = true" >
                                    <a href="{{ route('survey_categories.create') }}" class="block px-4 py-2 text-gray-800 hover:bg-gray-200">New Category</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    @endif
                </ul>
            </div>
          </div>
        </nav>

        <!-- Mobile Navigation Menu -->
        <div :class="{'block': mobileOpen, 'hidden': !mobileOpen}" class="hidden lg:hidden bg-gray-800">
            <div class="px-2 pt-2 pb-3 space-y-1">
                <!-- Company Section -->
                @if (!empty(array_intersect(['employee', 'subsidiary', 'location'], $activeRecordTypes['All'])))
                    <div class="px-3 py-2 text-white font-semibold">Company</div>
                    @if (in_array("employee", $activeRecordTypes['All']))
                        <a href="{{ route('employee.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Employees
                        </a>
                    @endif
                    @if (in_array("subsidiary", $activeRecordTypes['All']))
                        <a href="{{ route('subsidiary.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Subsidiaries
                        </a>
                    @endif
                    @if (in_array("location", $activeRecordTypes['All']))
                        <a href="{{ route('location.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Locations
                        </a>
                    @endif
                @endif

                <!-- CRM Section -->
                @if (!empty(array_intersect(["opportunity", "salesorder", "estimate", "invoice", "subscription", "subscriptionplan"], $activeRecordTypes['All'])))
                    <div class="px-3 py-2 text-white font-semibold">CRM</div>
                    @if (in_array("opportunity", $activeRecordTypes['All']))
                        <a href="{{ route('opportunity.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Opportunities
                        </a>
                    @endif
                    @if (in_array("estimate", $activeRecordTypes['All']))
                        <a href="{{ route('estimate.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Estimates
                        </a>
                    @endif
                    @if (in_array("salesorder", $activeRecordTypes['All']))
                        <a href="{{ route('salesorder.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Sales Orders
                        </a>
                    @endif
                    @if (in_array("invoice", $activeRecordTypes['All']))
                        <a href="{{ route('invoice.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Invoices
                        </a>
                    @endif
                    @if (in_array("subscription", $activeRecordTypes['All']))
                        <a href="{{ route('subscription.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Subscriptions
                        </a>
                    @endif
                @endif

                <!-- Other Sections -->
                <div class="px-3 py-2 text-white font-semibold">Setup</div>
                <a href="{{ route('configuration.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                    Configuration
                </a>

                @if (!empty(array_intersect(["workorder", "item", "billofmaterial", "billofmaterialsrevision"], $activeRecordTypes['All'])))
                    <div class="px-3 py-2 text-white font-semibold">Manufacturing</div>
                    @if (in_array("workorder", $activeRecordTypes['All']))
                        <a href="{{ route('workorder.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Work Orders
                        </a>
                    @endif
                    @if (in_array("billofmaterial", $activeRecordTypes['All']))
                        <a href="{{ route('billofmaterial.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Bill of Materials
                        </a>
                    @endif
                    @if (in_array("billofmaterialsrevision", $activeRecordTypes['All']))
                        <a href="{{ route('billofmaterialsrevision.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            BOM Revisions
                        </a>
                    @endif
                @endif

                <div class="px-3 py-2 text-white font-semibold">Documents</div>
                <a href="{{ route('file.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                    File Management
                </a>

                @if (!empty(array_intersect(["customer", "project", "projecttask", "timeentry"], $activeRecordTypes['All'])))
                    <div class="px-3 py-2 text-white font-semibold">Project Management</div>
                    @if (in_array("customer", $activeRecordTypes['All']))
                        <a href="{{ route('customer.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Customers
                        </a>
                    @endif
                    @if (in_array("project", $activeRecordTypes['All']))
                        <a href="{{ route('project.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Projects
                        </a>
                    @endif
                    @if (in_array("projecttask", $activeRecordTypes['All']))
                        <a href="{{ route('projecttask.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Project Tasks
                        </a>
                    @endif
                    @if (in_array("timeentry", $activeRecordTypes['All']))
                        <a href="{{ route('timeentry.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                            Time Entries
                        </a>
                    @endif
                @endif

                <div class="px-3 py-2 text-white font-semibold">Customization</div>
                <a href="{{ route('entryforms.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                    Forms
                </a>
                <a href="{{ route('formfields.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                    Form Fields
                </a>
                <a href="{{ route('kpi.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                    KPIs
                </a>
                <a href="{{ route('lists.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                    Lists
                </a>
                <a href="{{ route('savedsearch.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                    Saved Searches
                </a>
                <a href="{{ route('tablebuilders.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                    Table Builder
                </a>

                <div class="px-3 py-2 text-white font-semibold">IPaaS</div>
                <a href="{{ route('ipaas.flows.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                    Flows
                </a>
                <a href="{{ route('connector.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                    Conectors
                </a>

                <div class="px-3 py-2 text-white font-semibold">Ad hoc Form</div>
                <a href="{{ route('survey.index') }}" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">
                    Ad hoc Lists
                </a>
            </div>
        </div>
    </nav>
</div>