@php
$headerMenuJson = '{ "quickShortcutJson":[{"title" : "Services","item1" : "base-2 icon-stack-3x color-primary-600","item2" : "base-3 icon-stack-2x color-primary-700", "item3" : "ni ni-settings icon-stack-1x text-white fs-lg" },{"title" : "Account", "item1" : "base-2 icon-stack-3x color-primary-400","item2" : "base-10 text-white icon-stack-1x", "item3" : "ni md-profile color-primary-800 icon-stack-2x"} ,{"title" : "Security", "item1" : "base-9 icon-stack-3x color-success-400","item2":"base-2 icon-stack-2x color-success-500", "item3" : "ni ni-shield icon-stack-1x text-white" },{ "isSpan" : "true","item1" : "base-18 icon-stack-3x color-info-700", "title" : "Calendar", "spanClass" : "position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400","spanText" : "28" },{"title" : "Stats","item1" : "base-7 icon-stack-3x color-info-500","item2" : "base-7 icon-stack-2x color-info-700", "item3" : "ni ni-graph icon-stack-1x text-white" },{"title" : "Messages","item1" : "base-4 icon-stack-3x color-danger-500","item2" : "base-4 icon-stack-1x color-danger-400", "item3" : "ni ni-envelope icon-stack-1x text-white" },{"title" : "Notes","item1" : "base-4 icon-stack-3x color-fusion-400","item2" : "base-5 icon-stack-2x color-fusion-200", "item3" : "fal fa-keyboard icon-stack-1x color-info-50" },{"title" : "Photos","item1" : "base-16 icon-stack-3x color-fusion-500","item2" : "base-10 icon-stack-1x color-primary-50 opacity-30", "item3" : "fal fa-dot-circle icon-stack-1x text-white opacity-85" },{"title" : "Maps","item1" : "base-19 icon-stack-3x color-primary-400","item2" : "base-7 icon-stack-1x fs-xxl color-primary-200", "item3" : "base-7 icon-stack-1x color-primary-500", "item4" : "fal fa-globe icon-stack-1x text-white opacity-85" },{"title" : "Chat","item1" : "base-5 icon-stack-3x color-success-700 opacity-80","item2" : "base-12 icon-stack-2x color-success-700 opacity-30", "item3" : "fal fa-comment-alt icon-stack-1x text-white" },{"title" : "Phone","item1" : "base-5 icon-stack-3x color-warning-600","item2" : "base-7 icon-stack-2x color-warning-800 opacity-50", "item3" : "fal fa-phone icon-stack-1x text-white" },{"title" : "Projects","item1" : "base-6 icon-stack-3x color-danger-600","item2" : "fal fa-chart-line icon-stack-1x text-white" }] }';

$notificationMenuJson = '{ "notificationJson":[{"liClass" : "unread","avatar" : "/img/demo/avatars/avatar-a.png","title" : "Adison Lee","desc" : "Msed quia non numquam eius","min":"2 minutes ago" },{"liClass" : "","avatar" : "/img/demo/avatars/avatar-b.png","title" : "Oliver Kopyuv","desc" : "Msed quia non numquam eius","min":"3 minutes ago" },{"liClass" : "","avatar" : "/img/demo/avatars/avatar-e.png","title" : "Dr. John Cook PhD","desc" : "Msed quia non numquam eius","min":"2 minutes ago" },{"liClass" : "","avatar" : "/img/demo/avatars/avatar-h.png","title" : "Sarah McBrook","desc" : "Msed quia non numquam eius","min":"3 minutes ago" },{"liClass" : "","avatar" : "/img/demo/avatars/avatar-m.png","title" : "Anothony Bezyeth","desc" : "Msed quia non numquam eius","min":"one minutes ago" },{"liClass" : "","avatar" : "/img/demo/avatars/avatar-j.png","title" : "Lisa Hatchensen","desc" : "Msed quia non numquam eius","min":"one minutes ago" }] }';

$profileJson='{
    "profileList":[
        {
            "dataAction":"app-reset",
            "i18n" : "drpdwn.reset_layout",
            "title" : "Reinicio diseño"
        },
        {
            "dataAction":"app-reset",
            "i18n" : "drpdwn.conf_layout",
            "title" : "Configuración de diseño"
        },
        {
            "isDivider" : "true"
        },
        {
            "dataAction":"app-fullscreen",
            "i18n" : "drpdwn.fullscreen",
            "title" : "Pantalla Completa",
            "iClass" : "float-right text-muted fw-n",
            "iText" : "F11"
        },
        {
            "dataAction":"app-print",
            "i18n" : "drpdwn.print",
            "title" : "Imprimir",
            "iClass" : "float-right text-muted fw-n",
            "iText" : "Ctrl + P"
        }
    ]
}';
@endphp
<!-- BEGIN Page Header -->
<header class="page-header" role="banner">
    <!-- we need this logo when user switches to nav-function-top -->
    <div class="page-logo">
        <a href="#" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal" data-target="#modal-shortcut">
            <img src="{{ asset('/img/logo.png') }}" alt="SmartAdmin Laravel" aria-roledescription="logo">
            <span class="page-logo-text mr-1">SmartAdmin Laravel</span>
            <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
            <i class="fal fa-angle-down d-inline-block ml-1 fs-lg color-primary-300"></i>
        </a>
    </div>
    <!-- DOC: nav menu layout change shortcut -->
    <div class="hidden-md-down dropdown-icon-menu position-relative">
        <a href="#" class="header-btn btn js-waves-off" data-action="toggle" data-class="nav-function-hidden" title="Hide Navigation">
            <i class="ni ni-menu"></i>
        </a>
        <ul>
            <li>
                <a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-minify" title="Minify Navigation">
                    <i class="ni ni-minify-nav"></i>
                </a>
            </li>
            <li>
                <a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-fixed" title="Lock Navigation">
                    <i class="ni ni-lock-nav"></i>
                </a>
            </li>
        </ul>
    </div>
    <!-- DOC: mobile button appears during mobile width -->
    <div class="hidden-lg-up">
        <a href="#" class="header-btn btn press-scale-down" data-action="toggle" data-class="mobile-nav-on">
            <i class="ni ni-menu"></i>
        </a>
    </div>
    <div class="ml-auto d-flex align-items-center">
        <!-- app settings -->
        <div class="hidden-md-down mr-3">
            <a href="{{ route('dashboard') }}" class="header-icon cursor-pointer" target="_blank">
                Inicio
            </a>
        </div>
        <div class="hidden-md-down">
            <a href="#" class="header-icon" data-toggle="modal" data-target=".js-modal-settings">
                <i class="fal fa-cog"></i>
            </a>
        </div>
        {{-- <div class="hidden-md-down">
            @php
                $sites = Session::get('doom_site_array');
            @endphp
            <a class="header-icon" data-toggle="dropdown">
                <i class="fal fa-map-signs"></i>
                <span class="badge badge-icon">{{ Session::get('doom_site_array_count') }}</span>
            </a>
            <div class="dropdown-menu">
                @foreach ($sites as $siteId => $siteName)
                    <form action="{{ route('site.change', ['site' => $siteId]) }}" method="post">
                        @csrf
                        <input type="hidden" name="site" value="{{ $siteName }}">
                        <button type="submit" class="dropdown-item">{{ $siteName }}</button>
                    </form>
                @endforeach
            </div>
        </div> --}}
        <div>
            <a href="#" data-toggle="dropdown" title="drlantern@gotbootstrap.com" class="header-icon d-flex align-items-center justify-content-center ml-2">
                <img src="{{ asset('img/demo/avatars/avatar-m.png') }}" class="profile-image rounded-circle" alt="Dr. Codex Lantern">
            </a>
            <div class="dropdown-menu dropdown-menu-animated dropdown-lg">
                <div class="dropdown-header bg-trans-gradient d-flex flex-row py-4 rounded-top">
                    <div class="d-flex flex-row align-items-center mt-1 mb-1 color-white">
                        <span class="mr-2">
                            <img src="{{ asset('img/demo/avatars/avatar-m.png') }}" class="rounded-circle profile-image" alt="Dr. Codex Lantern">
                        </span>
                        <div class="info-card-text">
                            <div class="fs-lg text-truncate text-truncate-lg">
                                {{ ucfirst(Auth::user()->name) }}
                            </div>
                            <span class="text-truncate text-truncate-md opacity-80">{{Auth::user()->email}}</span>
                        </div>
                    </div>
                </div>
                <div class="dropdown-divider m-0"></div>
                {{-- <a href="{{ route('profile.edit') }}" class="dropdown-item">
                    <span>Cambiar Contraseña</span>
                </a>
                <a href="{{ route('users.avatar', [Auth::user()]) }}" class="dropdown-item">
                    <span>Cambiar Avatar</span>
                </a>
                @if ( Session::get('doom_userrole') == 1 )
                <a id="cloudflare" href="#" class="dropdown-item" data-url="{{ route('site.clear-cache') }}">
                    <span>Limpiar Caché</span>
                </a>
                <a href="#" class="dropdown-item" data-toggle="modal" data-target="#default-example-modal">
                    <span>Limpiar Caché por URL</span>
                </a>
                <a href="{{ route('watermarks.index') }}" class="dropdown-item">
                    <span>Marca de Agua</span>
                </a>
                @endif
                <a href="{{ route('config.2fa') }}" class="dropdown-item">
                    <span>Two-Factor (2FA)</span>
                </a>
                <div class="dropdown-divider m-0"></div>
                
                @foreach ($decodedProfile->{'profileList'} as $key => $value)
                @if(isset($value->isModal) && ($value->isModal === "true"))
                <a href="#" class="dropdown-item" data-toggle="modal" data-target="{{ $value->dataTarget }}">
                    <span data-i18n="{{ $value->i18n }}">{{ $value->title }}</span>
                </a>
                @elseif(isset($value->isDivider) && ($value->isDivider === "true"))
                <div class="dropdown-divider m-0"></div>
                @else
                <a href="#" class="dropdown-item" data-action="{{ $value->dataAction }}">
                    <span data-i18n="{{ $value->i18n }}">{{ $value->title }}</span>
                    @if(isset($value->iClass))
                    <i class="{{ $value->iClass }}">{{ $value->iText }}</i>
                    @endif
                </a>
                @endif
                @endforeach --}}
                <div class="dropdown-divider m-0"></div>
                 <!-- Authentication -->
                <form method="POST" action="{{ route('logout') }}">
                    @csrf
                    <a class="dropdown-item fw-500 pt-3 pb-3"
                        href="{{ route('logout') }}"
                        onclick="event.preventDefault();
                                        this.closest('form').submit();">
                        <span data-i18n="drpdwn.page-logout">Logout</span>
                        <span class="float-right fw-n">{{ Auth::user()->name }}</span>
                    </a>
                </form>
            </div>
        </div>
    </div>
</header>
<!-- END Page Header -->