@php
    use App\Models\Language;
    use App\Models\Page;
    
    $availableLanguages = Language::getActive();
    $currentLocale = app()->getLocale();
    $currentPage = null;
    
    // Try to find current page for translation links
    $currentPath = request()->path();
    $segments = explode('/', $currentPath);
    
    // Remove language code from path if present
    $availableLocales = $availableLanguages->pluck('code')->toArray();
    if (!empty($segments) && in_array($segments[0], $availableLocales)) {
        array_shift($segments);
    }
    
    $currentSlug = implode('/', $segments);
    if (empty($currentSlug) || $currentSlug === '/') {
        $currentSlug = '/';
    }
    
    $currentPage = Page::where('slug', $currentSlug)->first();
@endphp

<div class="language-switcher {{ $class ?? '' }}">
    @if($availableLanguages->count() > 1)
        <div class="dropdown">
            <button class="btn btn-outline-secondary dropdown-toggle" type="button" id="languageSwitcher" data-bs-toggle="dropdown" aria-expanded="false">
                <i class="fas fa-globe me-2"></i>
                {{ $availableLanguages->where('code', $currentLocale)->first()->name ?? strtoupper($currentLocale) }}
            </button>
            <ul class="dropdown-menu" aria-labelledby="languageSwitcher">
                @foreach($availableLanguages as $language)
                    @if($language->code !== $currentLocale)
                        <li>
                            <a class="dropdown-item" href="{{ $currentPage ? $currentPage->getTranslationUrl($language->code) : route('frontend.language.switch', $language->code) }}">
                                <i class="fas fa-language me-2"></i>
                                {{ $language->name }}
                            </a>
                        </li>
                    @endif
                @endforeach
            </ul>
        </div>
    @endif
</div>

<style>
.language-switcher .dropdown-toggle {
    border: 1px solid #dee2e6;
    background-color: white;
    color: #495057;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 0.375rem;
    transition: all 0.15s ease-in-out;
}

.language-switcher .dropdown-toggle:hover {
    background-color: #f8f9fa;
    border-color: #adb5bd;
}

.language-switcher .dropdown-item {
    padding: 0.5rem 1rem;
    color: #495057;
    text-decoration: none;
    transition: all 0.15s ease-in-out;
}

.language-switcher .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #16181b;
}

.language-switcher .dropdown-item i {
    color: #6c757d;
}
</style>