{{-- <header>
    <div class="logo flex">

        <div class="toggle-menu flex"><span></span></div>
    </div>
    <nav>
        @guest
            <div class="btn-connect flex">
                <a href="{{ route('fo.login') }}">Je me connecte</a>
            </div>
        @else
            <a class="logout-link" href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Se
                déconnecter</a><br>
            <form id="logout-form" style="display: none;" action="{{ route('fo.logout') }}" method="POST">
                @csrf
            </form>
        @endguest
    </nav>

</header> --}}

<nav class="navbar navbar-expand-lg shadow">
    <div class="container-fluid">
        <div class="d-flex flex-column-reverse flex-lg-column flex-grow-1">
            <div class="navbar-collapse collapse" id="navbar-main-menu">
                <ul class="navbar-nav mb-lg-0 mb-2 ms-auto">
                    <li class="nav-item">
                        <a class="fs-4 fw-bold nav-link @if (request()->routeIs('fo.homepage')) active @endif"
                            href="{{ route('fo.homepage') }}/#howto"
                            @if (request()->routeIs('fo.homepage')) aria-current="page" @endif>{{ __('Comment jouer ?') }}</a>
                    </li>
                    <li class="nav-item">
                        <a class="fs-4 fw-bold nav-link" href="{{ route('fo.homepage') }}/#gifts">{{ __('Les cadeaux') }}</a>
                    </li>
                    <li class="nav-item">
                        <a class="fs-4 fw-bold nav-link link-tertiary @if (request()->routeIs('fo.saisir-code')) active @endif"
                            href="{{ route('fo.saisir-code') }}"
                            @if (request()->routeIs('fo.saisir-code')) aria-current="page" @endif>{{ __('Jouer !') }}</a>
                    </li>
                    @can('fo.showProducts')
                        <li class="nav-item">
                            <a class="fs-4 fw-bold nav-link @if (request()->routeIs('fo.produits-porteurs')) active @endif"
                                href="{{ route('fo.produits-porteurs') }}"
                                @if (request()->routeIs('fo.produits-porteurs')) aria-current="page" @endif>{{ __('Produits porteurs') }}</a>
                        </li>
                    @endcan
                    <li class="nav-item">
                        @guest
                            <a class="btn-connect btn btn-tertiary fw-bold fs-4 text-uppercase"
                                href="{{ route('fo.login') }}">{{ __('Je me connecte') }}</a>
                        @else
                            <form action="{{ route('fo.logout') }}" method="POST">
                                @csrf
                                <button class="btn btn-tertiary fw-bold fs-4">{{ __('Se déconnecter') }}</button>
                            </form>
                        @endguest
                    </li>
                </ul>
            </div>
            <div class="container-fluid p-0">
                <div class="row">
                    <div class="col-12 col-lg-6">
                        <div class="d-flex flex-row">
                            <a class="d-block flex-grow-1 d-flex game-logo-banner" href="{{ route('fo.homepage') }}"
                                title="{{ __('Aller sur la page d\'accueil') }}">
                                <span class="d-inline-block">
                                    <img class="img-fluid" src="{{ Vite::asset('resources/theme/mounted/assets/images/home_logo.png') }}"
                                        alt="{{ $settingsGlobal->name ?? config('app.name') }}">
                                </span>
                                <span class="d-inline-block">
                                    <img class="img-fluid"
                                        src="{{ Vite::asset('resources/theme/mounted/assets/images/logo-gauloisirs.png') }}"
                                        alt="{{ __('Logo Gauloisir') }}">
                                </span>
                            </a>
                            <div class="d-flex align-items-center p-2">
                                <button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar-main-menu" type="button"
                                    aria-controls="navbar-main-menu" aria-expanded="false"
                                    aria-label="{{ __('Afficher / Cacher le menu') }}">
                                    <span class="navbar-toggler-icon"></span>
                                </button>
                            </div>
                        </div>
                    </div>

                    @if (collect($prizesGlobal)->count())
                        <div class="rest-in-game-banner-container col d-flex align-items-end g-0">
                            <div
                                class="rest-in-game-banner flex-column flex-md-row text-bg-quad d-flex flex-grow-1 justify-content-around mt-3 py-1 pe-5 ps-2">
                                <span
                                    class="d-flex align-items-center fw-bold text-uppercase fs-5 mx-2">{{ __("Encore en jeu\u{00A0}:") }}</span>
                                @if (Arr::has($prizesGlobal, 0))
                                    <span class="d-flex justify-content-center">
                                        <span
                                            class="rounded-pill text-tertiary fw-bold fs-4 d-flex align-items-center my-1 bg-white px-3 py-1">{{ Arr::get($prizesGlobal, 0)->quantity - (optional(optional(Arr::get($prizesGlobal, 1)->instantWins)->where('won', true))->count() ?? 0) }}</span>
                                        <span
                                            class="fw-bold text-uppercase fs-5 lh-sm d-flex align-items-center mx-2">{!! clean(nl2br(__("Wonderbox \n loisirs"))) !!}</span>
                                    </span>
                                @endif
                                @if (Arr::has($prizesGlobal, 1))
                                    <span class="d-flex justify-content-center">
                                        <span
                                            class="rounded-pill text-tertiary fw-bold fs-4 d-flex align-items-center my-1 bg-white px-3 py-1">{{ Arr::get($prizesGlobal, 1)->quantity - (optional(optional(Arr::get($prizesGlobal, 1)->instantWins)->where('won', true))->count() ?? 0) }}</span>
                                        <span
                                            class="fw-bold text-uppercase fs-5 lh-sm d-flex align-items-center mx-2">{!! clean(nl2br(__("Wonderbox \n Happy Day"))) !!}</span>
                                    </span>
                                @endif
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>

    </div>
</nav>