@php
    use App\Modules\Translations\Services\TranslationService;
    use App\Modules\Translations\Models\Language;
    
    $translationsActive = TranslationService::isActive();
    $currentLocale = app()->getLocale();
    $availableLocales = TranslationService::getAvailableLocales();
    
    // Obtener información de idiomas desde la base de datos si está disponible
    $languages = collect();
    if ($translationsActive) {
        try {
            $dbLanguages = Language::getActive();
            if ($dbLanguages && $dbLanguages->count() > 0) {
                $languages = $dbLanguages;
            } else {
                // Si no hay idiomas en BD, crear desde configuración
                $languages = collect($availableLocales)->map(function($code) {
                    $names = [
                        'es' => 'Español',
                        'en' => 'English',
                        'fr' => 'Français',
                        'pt' => 'Português',
                        'it' => 'Italiano',
                        'de' => 'Deutsch',
                    ];
                    return (object)[
                        'code' => $code,
                        'name' => $names[$code] ?? ucfirst($code),
                        'native_name' => $names[$code] ?? ucfirst($code),
                    ];
                });
            }
        } catch (\Exception $e) {
            // Si falla, usar información básica desde configuración
            $languages = collect($availableLocales)->map(function($code) {
                $names = [
                    'es' => 'Español',
                    'en' => 'English',
                    'fr' => 'Français',
                    'pt' => 'Português',
                    'it' => 'Italiano',
                    'de' => 'Deutsch',
                ];
                return (object)[
                    'code' => $code,
                    'name' => $names[$code] ?? ucfirst($code),
                    'native_name' => $names[$code] ?? ucfirst($code),
                ];
            });
        }
    }
@endphp

@php
    $style = $style ?? 'default'; // 'default', 'compact', 'restaurant' o 'top-bar'
@endphp

@if($translationsActive && count($availableLocales) > 1)
    @if($style === 'top-bar')
        {{-- Estilo para barra superior (header-top) --}}
        <div class="dropdown">
            <a href="#" class="text-color-light text-decoration-none opacity-hover-9 font-weight-semibold text-2-5" id="languageDropdownTop" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                <i class="fas fa-globe me-1"></i>
                @php
                    $currentLang = $languages->firstWhere('code', $currentLocale);
                @endphp
                @if($currentLang)
                    {{ strtoupper($currentLang->code) }}
                @else
                    {{ strtoupper($currentLocale) }}
                @endif
            </a>
            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="languageDropdownTop">
                @foreach($languages as $lang)
                    <li>
                        <a class="dropdown-item {{ $lang->code === $currentLocale ? 'active' : '' }}" 
                           href="{{ route('front.language.change', $lang->code) }}">
                            <span class="me-2">{{ $lang->native_name ?? $lang->name }}</span>
                            @if($lang->code === $currentLocale)
                                <i class="fas fa-check text-primary"></i>
                            @endif
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    @elseif($style === 'restaurant')
        {{-- Estilo para demo-restaurant --}}
        <div class="dropdown d-inline-block mx-3">
            <a href="#" class="text-decoration-none text-color-dark text-color-hover-primary" id="languageDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                <i class="fas fa-globe text-4-5"></i>
            </a>
            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="languageDropdown">
                @foreach($languages as $lang)
                    <li>
                        <a class="dropdown-item {{ $lang->code === $currentLocale ? 'active' : '' }}" 
                           href="{{ route('front.language.change', $lang->code) }}">
                            <span class="me-2">{{ $lang->native_name ?? $lang->name }}</span>
                            @if($lang->code === $currentLocale)
                                <i class="fas fa-check text-primary"></i>
                            @endif
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    @elseif($style === 'compact')
        {{-- Estilo compacto para headers modulares --}}
        <div class="header-nav-feature header-nav-features-language">
            <div class="dropdown">
                <a href="#" class="header-nav-features-toggle text-decoration-none" id="languageDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="icons icon-globe header-nav-top-icon text-3-5 text-color-dark text-color-hover-primary font-weight-semibold top-3"></i>
                    <span class="d-none d-lg-inline ms-2 text-color-dark">
                        @php
                            $currentLang = $languages->firstWhere('code', $currentLocale);
                        @endphp
                        @if($currentLang)
                            {{ strtoupper($currentLang->code) }}
                        @else
                            {{ strtoupper($currentLocale) }}
                        @endif
                    </span>
                </a>
                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="languageDropdown">
                    @foreach($languages as $lang)
                        <a class="dropdown-item {{ $lang->code === $currentLocale ? 'active' : '' }}" 
                           href="{{ route('front.language.change', $lang->code) }}">
                            <span class="me-2">{{ $lang->native_name ?? $lang->name }}</span>
                            @if($lang->code === $currentLocale)
                                <i class="fas fa-check text-primary"></i>
                            @endif
                        </a>
                    @endforeach
                </div>
            </div>
        </div>
    @else
        {{-- Estilo default para headers tradicionales --}}
        <li class="nav-item nav-item-left-border nav-item-left-border-remove nav-item-left-border-sm-show">
            <div class="dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="fas fa-globe me-1"></i>
                    <span class="d-none d-md-inline">
                        @php
                            $currentLang = $languages->firstWhere('code', $currentLocale);
                        @endphp
                        @if($currentLang)
                            {{ $currentLang->native_name ?? $currentLang->name }}
                        @else
                            {{ strtoupper($currentLocale) }}
                        @endif
                    </span>
                    <span class="d-md-none">{{ strtoupper($currentLocale) }}</span>
                </a>
                <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="languageDropdown">
                    @foreach($languages as $lang)
                        <li>
                            <a class="dropdown-item {{ $lang->code === $currentLocale ? 'active' : '' }}" 
                               href="{{ route('front.language.change', $lang->code) }}">
                                <span class="me-2">{{ $lang->native_name ?? $lang->name }}</span>
                                @if($lang->code === $currentLocale)
                                    <i class="fas fa-check text-primary"></i>
                                @endif
                            </a>
                        </li>
                    @endforeach
                </ul>
            </div>
        </li>
    @endif
@endif