@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="{{ asset('media/users/300_21.jpg') }}" alt="" />
        </div>

        {{-- Text --}}
        <div class="text-dark m-0 flex-grow-1 mr-3 font-size-h5">{{ $logged_in_user->name }}</div>
    </div>
    <div class="separator separator-solid"></div>
@else
    {{-- Header --}}
    <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">
            {{-- Symbol --}}
            <div class="symbol bg-white-o-15 mr-3">
                <div class="symbol-label" style="background-image:url('{{ asset('media/users/default.jpg') }}')">
                </div>
            </div>

            {{-- Text --}}
            <div class="d-flex flex-column">
                <div class="text-white m-0 flex-grow-1 mr-3 font-size-h5 font-weigh-bolder">{{ $logged_in_user->name }}
                </div>
                <div class="text-white m-0 flex-grow-1 mr-3 font-size-sm">
                    Bidang (Cabang): <b>{{ optional($logged_in_user->field)->name ?? '-' }}
                        @if ($logged_in_user->field)
                            ({{ optional($logged_in_user->field->branch)->name ?? '-' }})
                        @endif
                    </b>
                </div>
            </div>
        </div>
    </div>
@endif

{{-- Nav --}}
<div class="navi navi-spacer-x-0 pt-5">

    @canany(['profile.update', 'profile.change-password'])
        <a href="{{ route('account.profile') }}" 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 Account') }}
                    </div>
                    <div class="text-muted">
                        {{ __('Setting your account here') }}
                    </div>
                </div>
            </div>
        </a>
    @endcanany

    {{-- Footer --}}
    <div class="navi-separator mt-3"></div>
    <div class="navi-footer  px-8 py-5">
        <a href="{{ route('logout') }}"
            onclick="event.preventDefault(); document.getElementById('logout-form').submit();"
            class="btn btn-light-primary font-weight-bold">{{ __('Sign Out') }}</a>
        <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
            @csrf
        </form>
    </div>
</div>