@if(Auth::guard('admin')->check())
<li class="nav-item dropdown">
    <a href="#" class="p-1 navbar-nav-link x_dropdown-toggle" data-toggle="dropdown">
        @if ( !empty(Auth::guard('admin')->user()->pegawai->img) && Storage::exists("public/pegawai/".Auth::guard('admin')->user()->pegawai->img) )
        <img alt="image" class="m-0 p-1 img-circle rounded-circle" src="{{ Storage::url('public/pegawai/'.Auth::guard('admin')->user()->pegawai->img) }}" style="width:38px; height:38px;" />
        @else
        <img alt="image" class="m-0 p-1 img-circle rounded-circle" src="{{ asset('global_assets/images/avatars/user.png') }}" style="width:38px; height:38px;" />
        @endif
        <span class="d-md-none ml-1">Account</span>
    </a>
    <div class="mt-2 p-2 dropdown-menu dropdown-menu-right dropdown-content wmin-md-350" style="border-radius: 8px;">
        <div class="dropdown-content-body px-2 py-2 pre-scrollable" style="border-top-right-radius: 8px; border-top-left-radius: 8px; border-collapse: separate;"> 
            <div class="row no-gutters justify-content-center p-1">
                <div class="gb_6a xgb_F gb_l gb_7a gb_na col-12 text-center">
                    <div class="gb_fb">
                        <div class="gb_gb">
                            @if ( !empty(Auth::guard('admin')->user()->pegawai->img) && Storage::exists( 'public/pegawai/'.Auth::guard('admin')->user()->pegawai->img ) )
                            <div class="gb_Ma gb_kb" title="Profil" aria-hidden="true">
                                <img id="preview-avatar" class="rounded-round preview-avatar" alt="image" class="img-circle" src="{{ Storage::url('public/pegawai/'.Auth::guard('admin')->user()->pegawai->img) }}" style="width:80px; height:80px;" />
                            </div>
                            @else
                            <div class="gb_Ma gb_kb" title="Profil" aria-hidden="true">
                                <img id="preview-avatar" class="rounded-round preview-avatar" alt="image" class="img-circle" src="{{ asset('global_assets/images/avatars/user.png') }}" style="width:80px; height:80px;" />
                            </div>
                            @endif
                            <div class="gb_ob gb_kb">
                                <a class="gb_pb gb_fg gb_kb gb_kg" aria-label="Ubah gambar profil." href="{{ url('akun') }}" target="_top">
                                    <svg class="gb_qb" enable-background="new 0 0 24 24" focusable="false" height="26" viewBox="0 0 24 24" width="18" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                        <path d="M20 5h-3.17L15 3H9L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 14H4V7h16v12zM12 9c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path>
                                    </svg>
                                </a>
                            </div>
                        </div>
                        <div class="gb_hb">
                            <div class="gb_rb gb_sb">{{ Auth::guard('admin')->user()->name ?? '' }}</div>
                            <div class="gb_tb">{{ Auth::guard('admin')->user()->email ?? '' }}</div>
                            <a class="mt-3 text-capitalize btn btn-sm gb_xb gb_gg gbp1 gb_0e gb_5c" href="{{ route('_admin_profile') }}" target="_top">Kelola Akun Anda</a>
                        </div>
                    </div>
                    <div class="dropdown-divider"></div>
                    <div class="gb_fb gb_dg gb_Ib">
                        <div class="gb_hb">
                            <a id="gb_71" href="javascript:void(0)" class="mt-3 text-capitalize btn btn-sm gb_Jb gb_hg gb_pg gb_0e gb_5c" target="_top" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                                Logout
                            </a>
                            <form id="logout-form" action="{{ route('_admin_logout') }}" method="POST" style="display: none;">@csrf</form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- <div id="content_akun_menu" class="_dropdown-content-body _pre-scrollable" style="position: absolute; top: 0px; width: 340px; z-index: 991; height: 468px; margin-top: 57px; right: 0px; margin-right: 4px; transition: height 0.3s ease-in-out 0s; max-height: calc(-65px + 100vh);">
            <div class="row no-gutters justify-content-center p-1 XLK0Od mt-2" style="background:#FFF;
                    box-shadow:0 1px 2px 0 rgba(60,64,67,0.30),0 1px 6px 2px rgba(60,64,67,0.15);
                    height:calc(100% - 16px);left:0;margin:8px;position:absolute;top:0;
                    width:calc(100% - 16px);">


                <div style="padding:12px;vertical-align:middle;margin-left:calc(50% - 24px);margin-top:98px;" dir="ltr">
                    <div class="mspin-medium">
                        <div>
                            <div></div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
    </div>
</li>
@endif