@php $locales = config('app.available_locales'); @endphp
<nav class="app-navbar navbar navbar-expand px-3 py-2">
    <button class="btn btn-light d-lg-none me-2" id="sidebarToggle" type="button">
        <i class="bi bi-list"></i>
    </button>

    <img src="{{ asset('images/logo-mark.png') }}" alt="Smart Solutions" class="navbar-logo d-lg-none">

    <span class="navbar-brand navbar-title mb-0 h6 d-none d-md-block">@yield('title', __('app.dashboard'))</span>

    <ul class="navbar-nav ms-auto align-items-center">
        {{-- Language switcher --}}
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">
                <i class="bi bi-translate"></i> {{ $locales[$locale]['name'] ?? $locale }}
            </a>
            <ul class="dropdown-menu dropdown-menu-end">
                @foreach($locales as $code => $meta)
                    <li>
                        <a class="dropdown-item {{ $code === $locale ? 'active' : '' }}"
                           href="{{ route('locale.switch', $code) }}">
                            {{ $meta['name'] }}
                        </a>
                    </li>
                @endforeach
            </ul>
        </li>

        {{-- User menu --}}
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">
                <i class="bi bi-person-circle"></i> {{ auth()->user()->name }}
            </a>
            <ul class="dropdown-menu dropdown-menu-end">
                <li><a class="dropdown-item" href="{{ route('profile.edit') }}">
                    <i class="bi bi-gear me-1"></i> {{ __('app.profile') }}
                </a></li>
                <li><hr class="dropdown-divider"></li>
                <li>
                    <form method="POST" action="{{ route('logout') }}">
                        @csrf
                        <button type="submit" class="dropdown-item text-danger">
                            <i class="bi bi-box-arrow-right me-1"></i> {{ __('app.logout') }}
                        </button>
                    </form>
                </li>
            </ul>
        </li>
    </ul>
</nav>