<header id="page-topbar">
                <div class="navbar-header">
                    <div class="d-flex">
                        <!-- LOGO -->
                        <div class="navbar-brand-box">
                            <a href="javascript:void(0);" class="logo logo-dark">
                                <span class="logo-sm">
                                    <img src="{{asset('images/logo.png')}}" alt="" height="22">
                                </span>
                                <span class="logo-lg">
                                    <img src="{{asset('images/logo.png')}}" height="70" width="120">
                                </span>
                            </a>
                        </div>

                        <button type="button" class="btn btn-sm px-3 font-size-16 header-item waves-effect" id="vertical-menu-btn">
                            <i class="fa fa-fw fa-bars"></i>
                        </button>

                        <!-- App Search-->
                        

                        <div class="dropdown dropdown-mega d-none d-lg-block ml-2">
                            <!-- <div id="clock" class="mt-4"> </div> -->
                            
                        </div>
                    </div>

                    <div class="d-flex">
                        <div class="welcome-message mt-4 text-success mr-2 d-none d-lg-block">{{date('l, F j, Y')}}</div>
                        
                        <div id="clock" class="clock mt-4 text-info text-center d-none d-lg-block"> </div>

                        <div class="lang-switch mt-4">
                                @if(session('locale')=='ar')
                                    <a href="{{ route('language', 'en') }}"><span class="lang-text bg-primary text-white"> English</span></a>
                                @else
                                    <a href="{{ route('language', 'ar') }}"><span class="lang-text bg-primary text-white"> العربية  </span></a>
                                @endif
                        </div>
                        
                        <div class="dropdown d-none d-inline-block">
                              
                        </div>

                        <div class="dropdown d-none d-lg-inline-block ml-1">
                            
                        </div>

                        
                        <div class="dropdown d-inline-block">
                           
                        </div>

                        <div class="dropdown d-inline-block">
                            <button type="button" class="btn header-item waves-effect" id="page-header-user-dropdown"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <img class="rounded-circle header-profile-user" src="{{asset('images/user.png')}}"
                                    alt="Header Avatar">
                                <span class="d-none d-xl-inline-block ml-1">{{__('messages.welcome')}}, {{session('username')}}</span>
                                <i class="mdi mdi-chevron-down d-none d-xl-inline-block"></i>
                            </button>
                            <div class="dropdown-menu dropdown-menu-right">
                                <!-- item-->
                                <form method="POST" id="logout-form" action="{{ route('logoutAdmin') }}">
                                    @csrf
                                </form> 
                                <a class="dropdown-item text-danger" href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                                    <i class="bx bx-power-off font-size-16 align-middle mr-1 text-danger"></i> 
                                    {{__('messages.logout')}}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </header>