{{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css"></script> --}}

<nav class="navbar navbar-expand-lg navbar-light bg-white">
    <div class="container d-flex align-items-center justify-content-between">
        <!-- Left side logos -->
        <div class="d-flex align-items-center">
            <a class="navbar-brand me-4" href="{{ url('#') }}">
                <img src="{{ asset('/assets/image/logo.png') }}" alt="Logo 1" width="100">
            </a>
        </div>

        <div class="d-flex align-items-center">
            <div class="dropdown">
                <button class="btn btn-light dropdown-toggle" type="button" id="languageDropdown"
                    data-bs-toggle="dropdown" aria-expanded="false">
                    @if (App::getLocale() == 'en')
                        <img src="{{ asset('/assets/image/English.png') }}" alt="english" class="lang"> English
                    @elseif (App::getLocale() == 'fr')
                        <img src="{{ asset('/assets/image/Français.png') }}" alt="Français" class="lang"> Français
                    @endif
                </button>
                <ul class="dropdown-menu" aria-labelledby="languageDropdown">
                    <li><a class="dropdown-item" href="{{ route('setLanguage', 'en') }}"> <img
                                src="{{ asset('/assets/image/English.png') }}" alt="english" class="lang">English</a>
                    </li>
                    <li><a class="dropdown-item" href="{{ route('setLanguage', 'fr') }}"><img
                                src="{{ asset('/assets/image/Français.png') }}" alt="Français"
                                class="lang">Français</a></li>
                    <li>

                    </li>

                </ul>
            </div>

            <!-- Right side logos -->
            <div class="d-flex align-items-center">
                <div class="d-none d-lg-block">
                    @if (Auth::user()->role == 'user' || Auth::user()->role == 'employee')
                        <a href=" {{ route('showServices') }}" class="navprofile">
                            <i class="fa-solid fa-house me-2"></i>Application</a>
                    @endif

                    @if (Auth::check())
                        <a href="{{ route('editUserProfile', ['id' => Auth::user()->id]) }}" class="navprofile">
                            <i class="fas fa-user ms-3 me-2"></i> @lang('messages.my_profile')
                        </a>
                    @endif
                </div>
                <br>

                @auth
                    <form action="{{ route('logout') }}" method="POST">
                        @csrf
                        <button type="submit" class="btn btn-light"
                            onclick="return confirm('Are you sure you want to Logout?')"><i
                                class="fa-solid fa-arrow-right-from-bracket  me-2"></i>@lang('messages.logout')</button>
                    </form>
                @endauth
            </div>
        </div>
</nav>