<header class="header">
    <div class="title-control">
        <button class="btn side-toggle">
            <span></span>
            <span></span>
            <span></span>
        </button>

        <a href="{{route('admin.dashboard')}}" class="side-logo primary-color">
            <h3>{{ App_Name() }}</h3>
        </a>

        <h1 class="page-title">@yield('page_title')</h1>
    </div>

    <div class="head-control">

        <!-- Demo Mode  -->
        @if( env('DEMO_MODE') == 'ON')
        <div class="demo-mode-box">
            <span>{{__('label.demo_mode')}}</span>
        </div>
        @endif

        <!-- Language -->
        <div class="dropdown dropright">
            <a href="#" class="btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="fa-solid fa-language fa-2xl primary-color"></i>
            </a>

            <div class="dropdown-menu p-2 mt-2" aria-labelledby="dropdownMenuLink">
                <a class="dropdown-item primary-color" href="{{ route('change.language', ['locale' => 'en']) }}">English</a>
                <a class="dropdown-item primary-color" href="{{ route('change.language', ['locale' => 'fr']) }}">French</a>
                <a class="dropdown-item primary-color" href="{{ route('change.language', ['locale' => 'hi']) }}">Hindi</a>
                <a class="dropdown-item primary-color" href="{{ route('change.language', ['locale' => 'pt']) }}">Portuguese</a>
            </div>
        </div>

        <!-- Profile -->
        <div class="dropdown dropright">
            
            <a href="{{ route('app.setting') }}" class="btn">
                <i class="fa-solid fa-gear fa-2xl primary-color" class="avatar-img"></i>
            </a>

            <a href="#" class="btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="fa-solid fa-user fa-2xl primary-color" class="avatar-img"></i>
            </a>

            <div class="dropdown-menu p-2 mt-2" aria-labelledby="dropdownMenuLink">
                <a class="dropdown-item primary-color" href="{{ route('profile.index') }}">
                    <span><i class="fa-solid fa-user fa-xl mr-2"></i></span>
                    {{__('label.profile')}}
                </a>
                <a class="dropdown-item primary-color" href="{{ route('admin.logout') }}">
                    <span><i class="fa-solid fa-arrow-right-from-bracket fa-xl mr-2"></i></span>
                    {{__('label.logout')}}
                </a>
            </div>
        </div>
    </div>
</header>