{{-- @if (config('layout', 'extras/user/dropdown/style') == 'light') --}}
    {{-- Header --}}
    <div class="d-flex align-items-center p-8 rounded-top">
        {{-- Symbol --}}
        {{-- <div class="symbol symbol-md bg-light-primary mr-3 flex-shrink-0">
            <img src="{{ Auth::user()->profile_photo_url }}" alt="" />
        </div> --}}
        <div class="symbol symbol-100 mr-5">
            <span class="symbol-label text-success font-weight-bold font-size-h4">{{ substr(Auth::user()->name,0,1) }}</span>
            <i class="symbol-badge bg-success"></i>
        </div>
        <div class="d-flex flex-column">
            <a href="#" class="font-weight-bold font-size-h5 text-dark-75 text-hover-primary">
                {{ Auth::user()->name }}
            </a>
            <div class="text-muted mt-1">
                {{ Auth::user()->level }}
            </div>
            <div class="navi mt-2">
                <a href="#" class="navi-item">
                    <span class="navi-link p-0 pb-2">
                        <span class="navi-icon mr-1">
                            {{ Metronic::getSVG("media/svg/icons/Communication/Mail-notification.svg", "svg-icon-lg svg-icon-primary") }}
                        </span>
                        <span class="navi-text text-muted text-hover-primary">{{ Auth::user()->email }}</span>
                        <form method="POST" action="{{ route('logout') }}">
                        @csrf
                        <a href="{{ route('logout') }}" onclick="event.preventDefault(); this.closest('form').submit();" class="btn btn-sm btn-light-primary font-weight-bolder py-2 px-5">Sign Out</a>
                        </form>
                    </span>
                </a>
            </div>
        </div>
        {{-- <span class="label label-light-success label-lg font-weight-bold label-inline">3 messages</span> --}}
    </div>
    <div class="separator separator-solid"></div>
{{-- @else
    <div class="d-flex align-items-center justify-content-between flex-wrap p-8 bgi-size-cover bgi-no-repeat rounded-top" style="background-image: url('{{ asset('media/misc/bg-1.jpg') }}')">
        <div class="d-flex align-items-center mr-2">
            <div class="symbol bg-white-o-15 mr-3">
                <span class="symbol-label text-success font-weight-bold font-size-h4">{{ substr(Auth::user()->name,0,1) }}</span>
            </div>
            <div class="text-white m-0 flex-grow-1 mr-3 font-size-h5">{{ Auth::user()->name }}</div>
        </div>
    </div>
@endif --}}

{{-- Nav --}}
{{-- <div class="navi navi-spacer-x-0 pt-5"> --}}
    {{-- Item --}}
    {{-- <a href="{{ route('profile.show') }}" class="navi-item px-8">
        <div class="navi-link">
            <div class="navi-icon mr-2">
                <i class="flaticon2-calendar-3 text-success"></i>
            </div>
            <div class="navi-text">
                <div class="font-weight-bold">
                    My Profile
                </div>
                <div class="text-muted">
                    Account settings and more
                    <span class="label label-light-danger label-inline font-weight-bold">update</span>
                </div>
            </div>
        </div>
    </a>
    <br /> --}}

    {{-- Item --}}
    {{-- <a href="#"  class="navi-item px-8">
        <div class="navi-link">
            <div class="navi-icon mr-2">
                <i class="flaticon2-mail text-warning"></i>
            </div>
            <div class="navi-text">
                <div class="font-weight-bold">
                    My Messages
                </div>
                <div class="text-muted">
                    Inbox and tasks
                </div>
            </div>
        </div>
    </a> --}}

    {{-- Item --}}
    {{-- <a href="#"  class="navi-item px-8">
        <div class="navi-link">
            <div class="navi-icon mr-2">
                <i class="flaticon2-rocket-1 text-danger"></i>
            </div>
            <div class="navi-text">
                <div class="font-weight-bold">
                    My Activities
                </div>
                <div class="text-muted">
                    Logs and notifications
                </div>
            </div>
        </div>
    </a> --}}

    {{-- Item --}}
    {{-- <a href="#" class="navi-item px-8">
        <div class="navi-link">
            <div class="navi-icon mr-2">
                <i class="flaticon2-hourglass text-primary"></i>
            </div>
            <div class="navi-text">
                <div class="font-weight-bold">
                    My Tasks
                </div>
                <div class="text-muted">
                    latest tasks and projects
                </div>
            </div>
        </div>
    </a> --}}

    {{-- Footer --}}
    {{-- <div class="navi-separator mt-3"></div>
    <div class="navi-footer  px-8 py-5">
        <a href="#" target="_blank" class="btn btn-light-primary font-weight-bold">Sign Out</a>
        <a href="#" target="_blank" class="btn btn-clean font-weight-bold">Upgrade Plan</a>
    </div> --}}
{{-- </div> --}}