@php
   $remainders = App\Models\EmailNotificationReminder::where('user_id', auth()->id())->where('is_sent', 1)->orderBy("reminder_at","DESC")->get();
   $all_count = $remainders->count();
   $new_remainders = $remainders->where('user_notified',0)->pluck('id');
   $count = count($new_remainders);
   $remainders = $remainders->take(10);
@endphp
<div class="main-header">
   <div class="logo">
      <a href="{{ route('dashboard') }}">
         <img src="{{asset('/img/Logo_new_svg.svg')}}">
      </a>
   </div>
   <div class="menu-toggle">
      <div></div>
      <div></div>
      <div></div>
   </div>
   <div style="margin: auto"></div>
   <div class="header-part-right">
      
      <!-- Notificaiton -->
      <span class="notification_new">
      <x-notification-bar :notifs="$new_remainders" count="{{$count}}" :notifications="$remainders" :allcount="$all_count" />
      </span>
      
      <!-- User avatar dropdown -->
      <div class="dropdown">
         <div class="user col align-self-end"> 
            <a href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
               <label class="mr-2 font-weight-bold">{{ ucfirst( auth()->user()->name )}}</label>
               <img src="https://i.pinimg.com/236x/47/5a/86/475a86177aeedacf8dc7f5e2b4eff61f.jpg" id="userDropdown" alt="">
            </a>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
               <a class="dropdown-item" href="{{route('profile')}}"><i class="fas fa-user mr-1"></i> Profile</a>
               <a class="dropdown-item" href="{{route('change-password')}}"><i class="fas fa-key mr-1"></i> Change Password</a>
               <a class="dropdown-item p-0" href="javascript:void(0);">
                  <form action="{{ route('logout') }}" method="POST" style="display: inline;">
                     @csrf
                     <button type="submit" class="btn" style="border: none; background: none; text-align: left; width: 100%; padding: 0.42rem 1.5rem;">
                     <i class="fas fa-sign-out-alt mr-1"></i> Logout
                     </button>
                  </form>
               </a>
            </div>
         </div>
      </div>
   </div>
</div>