@if(auth()->user()->role === UserRoles::CLIENT())
    @include('layouts.partials.header-fixed-top')
@else
    @php
        $whiteLabelCompany = auth()->user()->white_label_company;
        $headerLogo = $whiteLabelCompany ? $whiteLabelCompany->white_label_nav_logo : asset('img/logo.png');
    @endphp
    <div class="nk-header nk-header-fixed is-light"
        x-data="{ 
            showBanner: {{ auth()->user()->showReferralBanner ? 'true' : 'false' }} }"
            x-bind:class="{'mt-4': showBanner}"
            @banner-closed.window="showBanner = false"
        >
        <div class="container-fluid">
            <div class="nk-header-wrap">
                <div class="nk-menu-trigger d-xl-none ml-n1">
                    <a href="#" class="nk-nav-toggle nk-quick-nav-icon" data-target="sidebarMenu"><em class="icon ni ni-menu"></em></a>
                </div>
                <div class="nk-header-brand d-xl-none">
                    <a href="{{ route('dashboard') }}" class="logo-link">
                        <img src="{{ $headerLogo }}" class="logo-light logo-img rounded-circle" alt="logo">
                        <img  src="{{ $headerLogo }}" class="logo-dark logo-img rounded-circle" alt="logo-dark">
                    </a>
                    {{-- <img class="logo-light logo-img" src="./images/logo.png" srcset="./images/logo2x.png 2x" alt="logo">
                    <img class="logo-dark logo-img" src="./images/logo-dark.png" srcset="./images/logo-dark2x.png 2x" alt="logo-dark"> --}}
                </div><!-- .nk-header-brand -->
                @if(!in_array(Route::current()->getName(), config('routes.account_verify', [])))
                    @livewire('widgets.general-search')
                @endif
                <!-- .nk-header-news -->
                <div class="nk-header-tools">
                    <ul class="nk-quick-nav">
                        @impersonating
                        <li>
                            <a href="{{ route('impersonate.leave') }}" class="nk-quick-nav-icon">
                                <em class="icon ni ni-user-cross"></em>
                            </a>
                        </li>
                        @endImpersonating
                        {{-- @if(in_array(Route::current()->getName(), config('routes.account_verify')))
                        <li>
                            <a href="{{ url()->previous() }}" class="nk-quick-nav-icon" data-bs-toggle="tooltip" 
                                data-original-title="Retour">
                                <em class="icon ni ni-arrow-left"></em>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('app.dashboard') }}" class="nk-quick-nav-icon" data-bs-toggle="tooltip" 
                                data-original-title="Dashboard">
                                <em class="icon ni ni-home-alt"></em>
                            </a>
                        </li>
                        @endif --}}
                        {{-- <li>
                            <a href="{{ route('projects') }}" class="nk-quick-nav-icon" x-data="tooltip" title="@lang('Projects')">
                                <em class="icon ni ni-block-over"></em>
                            </a>
                        </li> --}}
                        {{-- <li x-data="tooltip" title="@lang('Imports')">
                            @livewire('projects.project-imports-dropdown')
                        </li> --}}
                        @if(! request()->routeIs('chats.manager'))
                        <li x-data="{unreadMessages: {{ \App\Models\ChatMessage::unseenByCurrentUser()->count() }}}"
                            @chat-unread-messages.window="unreadMessages = $event.detail" 
                            x-show="unreadMessages > 0"
                            x-cloak
                        >
                            <x-ui.button href="{{ route('chats.manager') }}" class="btn-info btn-dim">
                                <em class="icon ni ni-chat-circle me-2"></em>
                                Tchats non lus : <span x-text="unreadMessages"></span>
                            </x-ui.button>
                        </li>
                        @endif
                        @if(auth()->user()->is_bo)
                        <li>
                            @include('layouts.partials.cti-button-icon')
                        </li>
                        @endif
                        <li>
                            <a href="{{ route('calendar') }}" class="nk-quick-nav-icon" x-data="tooltip" title="@lang('Calendar')">
                                <em class="icon ni ni-calender-date"></em>
                            </a>
                        </li>
                        <li class="dropdown notification-dropdown" x-data="tooltip" title="@lang('Notifications')">
                            @livewire('notifications.notifications-dropdown')
                        </li>
                        <li class="dropdown user-dropdown">
                            <a class="dropdown-toggle mr-n1 cp" data-bs-toggle="dropdown">
                                <div class="user-toggle">
                                    <x-user.avatar :user="auth()->user()"/>
                                    <div class="user-info d-none d-xl-block">
                                        <div class="user-status user-status-verified">{{ UserRoles::from(auth()->user()->role)->label() }}</div>
                                        <div class="user-name dropdown-indicator">{{ auth()->user()->firstname_and_lastname }}</div>
                                    </div>
                                </div>
                            </a>
                            <div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
                                <div class="dropdown-inner user-card-wrap bg-lighter d-none d-md-block">
                                    <div class="user-card">
                                        <x-user.avatar :user="auth()->user()"/>
                                        <div class="user-info">
                                            <span class="lead-text">{{ auth()->user()->firstname_and_lastname }}</span>
                                            <span class="sub-text">{{ str(auth()->user()->email)->limit(30, '..') }}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="dropdown-inner">
                                    <ul class="link-list">
                                        <li><a href="{{ route('profile') }}"><em class="icon ni ni-user-alt"></em><span>Mon Profil</span></a></li>
                                        @if(auth()->user()->hasRole(UserRoles::ANALYST()))
                                            <li><a href="{{ route('analyst_commissions_manager') }}"><em class="icon ni ni-coins"></em><span>Mes Commissions</span></a></li>
                                        @endif
                                        @if(auth()->user()->company?->is_bto_c)
                                            <li><a href="{{ route('consulting_commissions_manager') }}"><em class="icon ni ni-coins"></em><span>Mes Commissions</span></a></li>
                                        @endif
                                        <li><a class="dark-switch" href="#"><em class="icon ni ni-moon"></em><span>Mode Nocturne</span></a></li>
                                    </ul>
                                </div>
                                <div class="dropdown-inner">
                                    <ul class="link-list">
                                        <li><a href="{{ route('logout') }}" onclick="event.preventDefault();
                                            document.getElementById('logout-form').submit();"><em class="icon ni ni-signout"></em><span>Déconnexion</span></a></li>
                                    </ul>
                                    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                        @csrf
                                    </form>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div><!-- .nk-header-wrap -->
        </div><!-- .container-fliud -->
    </div>
@endif