  <div class="app_offcanvas notification_offcanvas">
      <button class="app_offcanvas_close notification_offcanvas_close">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
              <g clipPath="url(#clip0_1458_27430)">
                  <path d="M15.625 4.375L4.375 15.625" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
                  <path d="M15.625 15.625L4.375 4.375" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
              </g>
              <defs>
                  <clipPath id="clip0_1458_27430">
                      <rect width="20" height="20" fill="white" />
                  </clipPath>
              </defs>
          </svg>

      </button>

      @php
          $notifications = App\Models\AdminNotification::orderBy('id', 'desc')->limit(10)->get();
      @endphp

      <div class="app_offcanvas_header">
          <div class="notify_header">
              <p class="notify_header_title">@lang('Notifications')</p>
              <a href="{{ route('admin.notifications') }}" type='button' class="notify_header_btn text--base">@lang('View All')</a>
          </div>
      </div>
      <div class="app_offcanvas_body p-0">
          @foreach ($notifications as $notification)
              <a href="{{ route('admin.notification.read', $notification->id) }}" class='notification_item'>
                  <div class="notification_item_thumb">
                      <img src="{{ asset('assets/images/avatar.png') }}" alt='user-image' />
                  </div>
                  <div class="notification_item_content">
                      <p class="notification_item_title">
                          {{ __(strLimit($notification->title, 50)) }}
                      </p>
                      <div class="flex-between gap-3">
                          <p class="notification_item_date">
                              {{ $notification->created_at->format('Y-m-d H:i:s') }}
                          </p>
                          <p class="notification_item_status">
                              @if ($notification->is_read)
                                  <span> @lang('Read')</span>
                              @else
                                  <span class="text--danger">@lang('Unread')</span>
                              @endif
                          </p>
                      </div>
                  </div>
              </a>
          @endforeach

      </div>
  </div>
