@php
    $locale = app()->getLocale();
    $switchLocale = $locale === 'ar' ? 'en' : 'ar';

    $currentRoute = request()->route();
    $currentRouteName = $currentRoute?->getName();
    $currentRouteParams = $currentRoute?->parameters() ?? [];

    $currentRouteParams['locale'] = $switchLocale;

    $switchUrl = $currentRouteName
        ? route($currentRouteName, $currentRouteParams)
        : route('home', ['locale' => $switchLocale]);

    $homeUrl = route('home', ['locale' => $locale]);
@endphp

<header class="navbar-savex">
    <div class="container">
        <nav class="navbar navbar-expand-lg">
            <a class="navbar-brand d-flex align-items-center" href="{{ $homeUrl }}">
                <img
                    src="{{ asset('assets/images/logo.webp') }}"
                    alt="SavEX"
                    class="brand-logo"
                >
            </a>

            {{-- Mobile actions --}}
            <div class="d-flex align-items-center gap-2 d-lg-none {{ $locale === 'ar' ? 'me-auto' : 'ms-auto' }}">
                <a
                    href="{{ $switchUrl }}"
                    class="btn btn-savex-outline btn-sm px-3 py-2 fw-bold"
                    style="min-width: 54px;"
                >
                    {{ strtoupper($switchLocale) }}
                </a>

                <button
                    class="navbar-toggler border-0 shadow-none p-2"
                    type="button"
                    data-bs-toggle="collapse"
                    data-bs-target="#mainNavbar"
                    aria-controls="mainNavbar"
                    aria-expanded="false"
                    aria-label="{{ __('Toggle navigation') }}"
                >
                    <span class="navbar-toggler-icon"></span>
                </button>
            </div>

            <div id="mainNavbar" class="collapse navbar-collapse">
                <ul class="navbar-nav mx-auto gap-lg-4 mt-4 mt-lg-0">
                    <li class="nav-item">
                        <a
                            class="nav-link fw-bold {{ request()->routeIs('home') ? 'text-primary' : '' }}"
                            href="{{ route('home', ['locale' => $locale]) }}"
                        >
                            {{ __('Home') }}
                        </a>
                    </li>

                    <li class="nav-item">
                        <a
                            class="nav-link fw-bold {{ request()->routeIs('about') ? 'text-primary' : '' }}"
                            href="{{ route('about', ['locale' => $locale]) }}"
                        >
                            {{ __('About Us') }}
                        </a>
                    </li>

                    <li class="nav-item">
                        <a
                            class="nav-link fw-bold {{ request()->routeIs('app.info') ? 'text-primary' : '' }}"
                            href="{{ route('app.info', ['locale' => $locale]) }}"
                        >
                            {{ __('App Information') }}
                        </a>
                    </li>

                    <li class="nav-item">
                        <a
                            class="nav-link fw-bold {{ request()->routeIs('offers') ? 'text-primary' : '' }}"
                            href="{{ route('offers', ['locale' => $locale]) }}"
                        >
                            {{ __('Latest Offers') }}
                        </a>
                    </li>

                    <li class="nav-item">
                        <a
                            class="nav-link fw-bold {{ request()->routeIs('terms') ? 'text-primary' : '' }}"
                            href="{{ route('terms', ['locale' => $locale]) }}"
                        >
                            {{ __('Terms & Conditions') }}
                        </a>
                    </li>

                    <li class="nav-item">
                        <a
                            class="nav-link fw-bold {{ request()->routeIs('contact') ? 'text-primary' : '' }}"
                            href="{{ route('contact', ['locale' => $locale]) }}"
                        >
                            {{ __('Contact Us') }}
                        </a>
                    </li>
                </ul>

                {{-- Desktop actions only --}}
                <div class="d-none d-lg-flex gap-2 mt-4 mt-lg-0">
                    <a href="{{ $switchUrl }}" class="btn btn-savex-outline">
                        {{ strtoupper($switchLocale) }}
                    </a>

                    <a href="{{ route('home', ['locale' => $locale]) }}#download" class="btn btn-savex-primary">
                        {{ __('Download App') }}
                    </a>
                </div>

                {{-- Mobile download button inside menu --}}
                <div class="d-grid d-lg-none mt-4">
                    <a href="{{ route('home', ['locale' => $locale]) }}#download" class="btn btn-savex-primary">
                        {{ __('Download App') }}
                    </a>
                </div>
            </div>
        </nav>
    </div>
</header>