@props([
    'components' => [],
    'notifications' => true,
    'locales' => true,
])

<div {{ $attributes->merge(['class' => 'layout-navigation']) }}>
    @section("header-inner")

    @show

    <x-moonshine::components
        :components="$components"
    />

    {{ $slot ?? '' }}

    @includeWhen(
        $notifications && config('moonshine.auth.enable', true),
        'panel.includes.base.nav.notifications'
    )

    @if($locales)
        <div class="flex items-center gap-2">
            @auth
                @if(!isset(auth()->user()->moonshine_user_role_id))
                    <x-moonshine.modal async :asyncUrl="route('async-promo-code')" auto
                                        :title="__(config('game.donate.config.item.name_' . app()->getLocale()))">

                        <x-slot name="outerHtml">
                            <x-moonshine::link-button class="btn-promo"
                                                      @click.prevent="toggleModal; document.body.classList.add('overflow-hidden')">
                                Ввести промокод
                            </x-moonshine::link-button>
                        </x-slot>

                    </x-moonshine.modal>
                    <div>
                        <button type="button"
                                class="flex text-sm bg-gray-800 rounded-full focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
                                aria-expanded="false" data-dropdown-toggle="dropdown-user">

                            <span class="sr-only">Open user menu</span>
                            @if($user->avatar)
                                <img class="w-8 h-8 rounded-full btn-ava" src="{{ asset($user->avatar) }}"
                                     alt="{{ $user->name }}">
                            @else
                                <span
                                    class="btn-ava w-10 h-10 rounded-full bg-gray-200 flex flex-col justify-center items-center">
                            <span>{{ substr($user->name, 0, 1) }}</span>
                        </span>
                            @endif
                        </button>
                    </div>
                @endif
            @endauth
            <x-moonshine.drop-down-button>
                @foreach(config('game.lang') as $lang)
                    @if(app()->getLocale() !== $lang)
                        <x-moonshine.lang
                            title="{{ strtoupper($lang) }}"
                            img="{{ asset('assets/panel/images/lang/' . strtolower($lang) . '.webp') }}"
                        />
                    @endif
                @endforeach
            </x-moonshine.drop-down-button>
        </div>
    @endif
</div>