@php
    $module = request()->segment(1);
    $isInModule = in_array($module, ['core', 'finance']);

    $user = auth()->user();
    $userTenants = $user ? $user->tenants()->get() : collect();
    $currentTenantId = session('tenant_id');
    $currentTenant = $userTenants->firstWhere('id', $currentTenantId) ?? $userTenants->first();

    $currentTenantName = $currentTenant->name;
    $currentTenantLogoFull = $currentTenant->logo_large;
    $currentTenantLogoSmall = $currentTenant->logo_small;
@endphp

<!-- Sidenav Menu Start -->
<div class="sidenav-menu">

    <!-- Sidebar Hover Menu Toggle Button -->
    <button class="button-on-hover">
        <i class="ti ti-menu-4 fs-22 align-middle"></i>
    </button>

    <!-- Full Sidebar Menu Close Button -->
    <button class="button-close-offcanvas">
        <i class="ti ti-x align-middle"></i>
    </button>

    <div class="scrollbar" data-simplebar>

        <div class="sidenav-user mt-2">           
            <div class="d-flex justify-content-between align-items-center">
                <div class="dropdown w-100">
                    <a class="dropdown-toggle drop-arrow-none link-reset sidenav-user-set-icon d-flex justify-content-between align-items-center" data-bs-toggle="dropdown" data-bs-offset="0,12" href="javascript:void(0);" aria-haspopup="true" aria-expanded="false" id="companySelectorDropdown">
                        <img src="{{ asset($currentTenantLogoFull) }}" alt="{{ $currentTenantName }}" class="company-logo-full">
                        <img src="{{ asset($currentTenantLogoSmall) }}" alt="{{ $currentTenantName }}" class="company-logo-small">
                        <i data-lucide="chevron-down" class="ms-2 fs-18 align-middle"></i>
                    </a>

                    <div class="dropdown-menu" aria-labelledby="companySelectorDropdown">
                        @if($userTenants->isNotEmpty())
                            @foreach($userTenants as $tenant)
                                @php
                                    $tenantName = $tenant->name;
                                    $tenantLogoFull = $tenant->logo_large;
                                    $tenantLogoSmall = $tenant->logo_small;
                                @endphp
                                <a href="javascript:void(0);" class="dropdown-item company-selector-item"
                                   data-tenant-id="{{ $tenant->id }}"
                                   data-logo="{{ asset($tenantLogoFull) }}"
                                   data-logo-small="{{ asset($tenantLogoSmall) }}"
                                   data-name="{{ $tenantName }}">
                                    <div class="d-flex align-items-center">
                                        <span>{{ $tenantName }}</span>
                                    </div>
                                </a>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <!--- Sidenav Menu -->
        <ul class="side-nav">

            <li class="side-nav-item {{ $module === 'core' ? 'active' : '' }}">
                <a href="{{ route('core.index') }}" class="side-nav-link {{ $module === 'core' ? 'active' : '' }}" title="Core">
                    <span class="menu-icon"><i data-lucide="aperture"></i></span>
                    <span class="menu-text">Core</span>
                </a>
            </li>

            @if(auth()->check() && in_array(auth()->user()->email, \App\Http\Middleware\RestrictEmails::ALLOWED_EMAILS))
                <li class="side-nav-item {{ $module === 'finance' ? 'active' : '' }}">
                    <a href="{{ route('finance.index') }}" class="side-nav-link {{ $module === 'finance' ? 'active' : '' }}" title="Finance">
                        <span class="menu-icon"><i data-lucide="circle-dollar-sign"></i></span>
                        <span class="menu-text">Finance</span>
                    </a>
                </li>
            @endif

            <li class="side-nav-item {{ $module === 'wiki' ? 'active' : '' }}">
                <a href="{{ route('wiki.index') }}" class="side-nav-link {{ $module === 'wiki' ? 'active' : '' }}" title="Wiki">
                    <span class="menu-icon"><i data-lucide="library-big"></i></span>
                    <span class="menu-text">Wiki Cortex</span>
                </a>
            </li>
        </ul>
    </div>


    <a href="{{ route('dashboard') }}" class="logo">
        <span class="logo logo-light">
            <span class="logo-lg logo-nexos-lg text-center"><img src="{{ asset('images/logo/LogoNexosCortex.png') }}" alt="logo"></span>
            <span class="logo-sm text-center"><img src="{{ asset('images/logo/LogoNexosCortex_sm.png') }}" alt="small logo"></span>
        </span>

        <span class="logo logo-dark">
            <span class="logo-lg logo-nexos-lg text-center"><img src="{{ asset('images/logo/LogoNexosCortex.png') }}" alt="dark logo"></span>
            <span class="logo-sm text-center"><img src="{{ asset('images/logo/LogoNexosCortex_sm.png') }}" alt="small logo"></span>
        </span>
    </a>

</div>
<!-- Sidenav Menu End -->

<script>
    document.addEventListener('DOMContentLoaded', function() {
        const selectorItems = document.querySelectorAll('.company-selector-item');
        const targetLogoFull = document.querySelector('#companySelectorDropdown .company-logo-full');
        const targetLogoSmall = document.querySelector('#companySelectorDropdown .company-logo-small');

        function submitTenantChange(tenantId) {
            const form = document.createElement('form');
            form.method = 'POST';
            form.action = '{{ route('tenant.select') }}';

            const tokenInput = document.createElement('input');
            tokenInput.type = 'hidden';
            tokenInput.name = '_token';
            tokenInput.value = '{{ csrf_token() }}';

            const tenantInput = document.createElement('input');
            tenantInput.type = 'hidden';
            tenantInput.name = 'tenant_id';
            tenantInput.value = tenantId;

            form.appendChild(tokenInput);
            form.appendChild(tenantInput);
            document.body.appendChild(form);
            form.submit();
        }
        
        if (selectorItems.length > 0) {
            selectorItems.forEach(function(item) {
                item.addEventListener('click', function(e) {
                    e.preventDefault();
                    const logoSrc = this.getAttribute('data-logo');
                    const logoSmallSrc = this.getAttribute('data-logo-small');
                    const companyName = this.getAttribute('data-name');
                    const tenantId = this.getAttribute('data-tenant-id');
                    
                    if (targetLogoFull) {
                        targetLogoFull.src = logoSrc;
                        targetLogoFull.alt = companyName;
                    }
                    if (targetLogoSmall) {
                        targetLogoSmall.src = logoSmallSrc;
                        targetLogoSmall.alt = companyName;
                    }

                    if (tenantId) {
                        submitTenantChange(tenantId);
                    }
                });
            });
        }
    });
</script>