@if (Auth::check())
 <div id="activity-panel" class="right-panel-wrapper is-activity">
     <div class="panel-overlay"></div>

     <div class="right-panel">
         <div class="right-panel-head">
             <h3>@lang('app.profile')</h3>
             <a class="close-panel">
                 <i data-feather="chevron-right"></i>
             </a>
         </div>
         <div class="tabs-wrapper is-triple-slider is-squared">
             <div class="right-panel-body">
                 <div class="tab-content is-active" style="cursor: pointer" onclick="redirectToProfile()">
                     <div class="team-card">
                         <div class="meta" style="text-align: left !important;">
                             <div>{{ Auth::user()->name ?? '' }}</div>
                             <div class="fs-10">
                                 <b>({{ ucwords(str_replace('_', ' ', Auth::user()->roles->first()->name)) }})</b>
                             </div>
                         </div>
                         <div class="link">
                             <i data-feather="user"></i>
                         </div>
                     </div>
                 </div>
                 <a href="{{ route('auth.logout') }}">
                     <div class="tab-content is-active">
                         <div class="team-card">
                             <div class="meta">
                                 <span>Logout</span>
                             </div>
                             <div class="link">
                                 <i data-feather="log-out"></i>
                             </div>
                         </div>
                     </div>
                 </a>
             </div>
         </div>
     </div>
 </div>
 <script>
     const urlDetailProfile = '{{ route('user.detail', ['id' => encrypt(Auth::id())]) }}'

     function redirectToProfile() {
         window.location.href = urlDetailProfile
     }
 </script>
@endif