@php 
    $theme = 'light';
    $whiteLabelCompany = auth()->user()->white_label_company;
    $logo = $whiteLabelCompany ? $whiteLabelCompany->white_label_nav_logo : asset('img/logo.png');
@endphp
<div
    @class([
        'nk-header header-fixed-top nk-header-fixed',
        'is-theme' => $theme === 'bankkeys',
        'is-light' => $theme === 'light',
    ])
>
    <div class="container-xl wide-lg">
        <div class="nk-header-wrap">
            <div class="nk-menu-trigger me-sm-2 d-lg-none"><a href="#" class="nk-nav-toggle nk-quick-nav-icon" data-target="headerNav"><em class="icon ni ni-menu"></em></a></div>
            <div class="nk-header-brand">
                <a href="{{ route('dashboard') }}" class="logo-link">
                    <img src="{{ $logo }}" class="logo-light logo-img rounded-circle" alt="logo">
                    <img  src="{{ $logo }}" class="logo-dark logo-img rounded-circle" alt="logo-dark">
                </a>
            </div>
            <div class="nk-header-menu" data-content="headerNav">
                <div class="nk-header-mobile">
                    <div class="nk-header-brand">
                        <a href="{{ route('dashboard') }}" class="logo-link">
                            <img src="{{ $logo }}" class="logo-light logo-img rounded-circle" alt="logo">
                            <img  src="{{ $logo }}" class="logo-dark logo-img rounded-circle" alt="logo-dark">
                        </a>
                    </div>
                    <div class="nk-menu-trigger me-n2"><a href="#" class="nk-nav-toggle nk-quick-nav-icon" data-target="headerNav"><em class="icon ni ni-arrow-left"></em></a></div>
                </div>
                <ul class="nk-menu nk-menu-main ms-4">
                    @foreach(config('menu.header-fixed-top', []) as $key=>$elem)
                        @continue(isset($elem['callback']) && ! RouteService::permissionsCallback($elem['callback']))
                        @php
                            $submenu = $elem['submenu']??[];
                            $roles = array_filter(explode('|', $elem['roles']??''));
                            $permissions = array_filter(explode('|', $elem['permissions']??''));

                            foreach($submenu as $_key => $_elem) {
                                $_permissions = array_filter(explode('|', $_elem['permissions']??''));
                                if($_permissions && ! auth()->user()->canAny($_permissions)) {
                                    unset($submenu[$_key]);
                                }
                            }
                        @endphp

                        @if(isset($elem['heading']))
                            <li class="nk-menu-heading">
                                <h6 class="overline-title">{{ $elem['heading'] }}</h6>
                            </li>
                            @continue
                        @endif

                        @continue($permissions && !auth()->user()->canAny($permissions))

                        @php 
                            $routeName = Route::current()->getName();
                            $targetElem = count($submenu) == 1? array_pop($submenu) : $elem;
                            $active = Str::startsWith($routeName, $elem['route']??'') ||
                                collect($submenu)->pluck('route')->map(fn($r) => Str::startsWith($routeName, $r))->filter()->count();
                            
                            if(isset($elem['route_callback'])) {
                                $elem['href'] = RouteService::routeCallback($elem['route_callback']);
                            }
                            if(isset($targetElem['route_callback'])) {
                                $targetElem['href'] = RouteService::routeCallback($targetElem['route_callback']);
                            }
                        @endphp
                        <li @class([
                            'nk-menu-item', 
                            'active' => $active, 
                            'has-sub' => $submenu]) 
                        >
                            <a href="{{ $targetElem['href'] ?? (isset($targetElem['route'])? route($targetElem['route'], $targetElem['params']?? null) : '#') }}"
                                @class([
                                    'nk-menu-link', 
                                    'nk-menu-toggle' => $submenu])
                            >
                                @if(isset($targetElem['icon']))
                                <span class="nk-menu-icon"><em class="icon {{ $targetElem['icon'] }}"></em></span>
                                @endif
                                <span class="nk-menu-text">{{ $targetElem['name'] }}</span>
                            </a>
                            @if(count($submenu))
                            <ul class="nk-menu-sub">
                                @foreach($submenu as $_key=>$_elem)
                                    @continue(isset($_elem['callback']) && ! RouteService::permissionsCallback($_elem['callback']))
                                    @php
                                    if(isset($_elem['route_callback'])) {
                                        $_elem['href'] = RouteService::routeCallback($_elem['route_callback']);
                                    }
                                    @endphp
                                    <li class="nk-menu-item submenu-item
                                        @if(Str::startsWith(Route::current()->getName(), $_elem['route']??'')) active @endif">
                                        <a href="{{ $_elem['href'] ?? (isset($_elem['route'])? route($_elem['route'], $_elem['params']?? null) : '#') }}"
                                            class="nk-menu-link">
                                            @if(isset($_elem['icon']))
                                            <span class="nk-menu-icon"><em class="icon {{ $_elem['icon'] }}"></em></span>
                                            @endif
                                            <span class="nk-menu-text">
                                                {{ $_elem['name'] }}
                                            </span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                            @endif
                        </li>
                    @endforeach
                </ul>
            </div>
            <div class="nk-header-tools">
                <ul class="nk-quick-nav">
                    <li class="hide-mb-sm">
                        <a class="nk-quick-nav-icon" href="#" onclick="event.preventDefault();
                            document.getElementById('logout-form').submit();"><em class="icon ni ni-signout"></em></a>
                    </li>
                    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                        @csrf
                    </form>
                    @impersonating
                    <li>
                        <a href="{{ route('impersonate.leave') }}" class="nk-quick-nav-icon">
                            <em class="icon ni ni-user-cross"></em>
                        </a>
                    </li>
                    @endImpersonating
                    <li class="dropdown user-dropdown order-sm-first">
                        <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>
                                    <li><a class="dark-switch" href="#"><em class="icon ni ni-moon"></em><span>Mode Nocturne</span></a></li>
                                    {{-- @if(!auth()->user()->is('admin'))
                                    <li><a href="{{ route('app.team') }}"><em class="icon ni ni-users"></em><span>Mon Équipe</span></a></li>
                                    @endif --}}
                                    {{-- <li><a class="dark-switch" href="#"><em class="icon ni ni-moon"></em><span>Mode Nuit</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>
    </div>
</div>