@foreach ($notifications as $row)
<div class="text-reset notification-item d-block dropdown-item position-relative" data-id="{{ $row->id }}">
    <div class="d-flex">
        <div class="avatar-xs me-3 flex-shrink-0">
            <span class="avatar-title bg-danger-subtle text-danger rounded-circle fs-16">
                <i class="bx bx-message-square-dots"></i>
            </span>
        </div>
        <div class="flex-grow-1">
            <a href="javascript:void(0);" class="stretched-link" onclick="markNotificationAsRead({{ $row->id }}, '{{ $row->url }}')">
                <h6 class="mt-0 mb-1 fs-13 fw-semibold">{{ $row->creator->name }}</h6>
            </a>
            <div class="fs-13 text-muted">
                <p class="mb-1">
                    You have a new item from {{ $row->menu->menu_name }} menu <br> {{ $row->description }}
                </p>
            </div>
            <p class="mb-0 fs-11 fw-medium text-uppercase text-muted">
                <span><i class="mdi mdi-clock-outline"></i> {{ $row->created_at->diffForHumans() }}</span>
            </p>
        </div>
    </div>
</div>
@endforeach
<div class="my-3 text-center view-all">
    {{ $notifications->appends($_GET)->links() }}
</div>
<div class="my-3 text-center view-all" style="display: block;">
    <a href="{{ route('site.allnotification', ['site' => $site->slug]) }}" class="btn btn-soft-success waves-effect waves-light">
        View All Notifications <i class="ri-arrow-right-line align-middle"></i>
    </a>
</div>