<!--start header -->
        <header>
            <div class="topbar d-flex align-items-center">
                <nav class="navbar navbar-expand">
                    <div class="mobile-toggle-menu"><i class='bx bx-menu'></i>
                    </div>
                    <div class="search-bar flex-grow-1 hide d-none">
                        <div class="position-relative search-bar-box">
                            <input type="text" class="form-control search-control" placeholder="Type to search..."> <span class="position-absolute top-50 search-show translate-middle-y"><i class='bx bx-search'></i></span>
                            <span class="position-absolute top-50 search-close translate-middle-y"><i class='bx bx-x'></i></span>
                        </div>
                    </div>
                    <div class="top-menu ms-auto">
                        <ul class="navbar-nav align-items-center">
                            
                            @if(count(config('panel.available_languages', [])) > 1)
                            <?php $language_flag = config('panel.language_flag'); ?>
                            <div class="user-box dropdown d-none hide">
                                <a class="d-flex align-items-center nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    <img src="{{url('/images/lang/')}}/{{$language_flag[app()->getLocale()]}}" class="lang-img" alt="user avatar">
                                    <div class="user-info ps-3">
                                        <p class="user-name mb-0">{{ strtoupper(app()->getLocale()) }}</p>
                                        
                                    </div>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                    @foreach(config('panel.available_languages') as $langLocale => $langName)

                                        <li><a class="dropdown-item" href="{{ url()->current() }}?change_language={{ $langLocale }}"><img src="{{url('/images/lang/')}}/{{$language_flag[$langLocale]}}" class="lang-img" alt="user avatar"> <span>({{ strtoupper($langLocale) }})</span></a>
                                        </li>
                                    @endforeach
                                    
                                </ul>
                            </div>
                            @endif
                            
                            
                        </ul>
                    </div>
                    <?php
                    $user_profile_img = URL::asset('images/profile.webp');

                    
                    if(!empty(Auth::user()->user_profile_img)){
                        $user_profile_img = URL::asset('Profile/'.Auth::user()->id.'/'.Auth::user()->user_profile_img);
                    }
                    ?>
                    <div class="user-box dropdown">
                        <a class="d-flex align-items-center nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            <img src="@if(isset($user_profile_img)) {{$user_profile_img}} @else {{URL::asset('assets/images/avatars/avatar-2.png')}} @endif " class="user-img user_profile_img_file" alt="user avatar">
                            <div class="user-info ps-3">
                                <p class="user-name mb-0">{{ Auth::user()->name }}</p>
                                <p class="designattion mb-0">Web Designer</p>
                            </div>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-end">
                            <li><a class="dropdown-item" href="{{route('admin.user_profile')}}"><i class="bx bx-user"></i><span>Profile</span></a>
                            
                            <li>
                                <div class="dropdown-divider mb-0"></div>
                            </li>
                            <li><a class="dropdown-item" onclick="event.preventDefault(); document.getElementById('logoutform').submit();" href="javascript:;"><i class='bx bx-log-out-circle'></i><span>{{ trans('global.logout') }}</span></a>
                            </li>
                        </ul>
                    </div>
                </nav>
            </div>
        </header>
        <!--end header -->
<form id="logoutform" action="{{ route('logout') }}" method="POST" style="display: none;">
    {{ csrf_field() }}
</form>