<div class="container-fluid border-top">
    <footer class="py-5 container">
        <div class="row justify-content-center">
            <div class="col-6 col-md-2 mb-3">
                <ul class="nav flex-column">
                    @foreach ($categories as $category)
                        @if ($category->id % 2 == 0)
                            <li class="nav-item mb-2">
                                <a class="nav-link p-0 text-body-secondary"
                                    href="{{ route('home.country.category', ['country' => $category->country_locale_slug, 'category' => $category->slug]) }}">{{ $category->name }}</a>
                            </li>
                        @endif
                    @endforeach
                </ul>
            </div>

            <div class="col-6 col-md-2 mb-3">
                <ul class="nav flex-column">
                    @foreach ($categories as $category)
                        @if ($category->id % 2 == 1)
                            <li class="nav-item mb-2">
                                <a class="nav-link p-0 text-body-secondary"
                                    href="{{ route('home.country.category', ['country' => $category->country_locale_slug, 'category' => $category->slug]) }}">{{ $category->name }}</a>
                            </li>
                        @endif
                    @endforeach
                </ul>
            </div>


            <div class="col-md-5 mb-3">


                @if ($country_locales->count() > 1)
                    <div class="dropdown mb-4">
                        <button class="btn btn-outline-primary dropdown-toggle" type="button" id="dropdownMenuSwitch"
                            data-bs-toggle="dropdown" aria-expanded="false">
                            {{ $current_country_locale->name }}
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuSwitch">
                            @foreach ($country_locales as $country_locale)
                                @if ($country_locale->id != $current_country_locale->id)
                                    <li><a class="dropdown-item"
                                            href="{{ route('home.country', [
                                                'country' => $country_locale->slug,
                                            ]) }}">{{ $country_locale->name }}</a>
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                    </div>
                @endif

                {{--                 <form>
                    <h5>Subscribe to our newsletter</h5>
                    <p>Monthly digest of what's new and exciting from us.</p>
                    <div class="d-flex flex-column flex-sm-row w-100 gap-2">
                        <label for="newsletter1" class="visually-hidden">Email address</label>
                        <input id="newsletter1" type="disabled" class="form-control disabled" placeholder="Email address">
                        <button class="btn btn-primary" type="button">Subscribe</button>
                    </div>
                </form> --}}
            </div>
        </div>

        <div class="d-flex flex-column flex-sm-row justify-content-center py-4 my-4">
            <p>© {{ date('Y') }} {{ config('app.name') }}. All rights reserved.</p>
            {{--             <ul class="list-unstyled d-flex">
                <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24"
                            height="24">
                            <use xlink:href="#twitter"></use>
                        </svg></a></li>
                <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24"
                            height="24">
                            <use xlink:href="#instagram"></use>
                        </svg></a></li>
                <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24"
                            height="24">
                            <use xlink:href="#facebook"></use>
                        </svg></a></li>
            </ul> --}}
        </div>
    </footer>
</div>
