@if(count($items) > 0)
@foreach($items as $item)
<div class="notification-page-item">
    <a href="{{route('notification.show',[$item->id])}}" class="active">
        <h6 class="item-title">
            {{ lang()=='en'?$item->data['title_en']:$item->data['title_ar']}}
            @if(is_null($item->read_at))
                <span class="badge bg-primary" style="background-color: #60d049 !important; color: #fff; font-size: 12px;">جديد</span>
            @endif
        </h6>
        <p class="item-desc">
            {{ lang()=='en'?$item->data['content_en']:$item->data['content_ar']}}
        </p>
        <span class="item-time" style="font-size: 12px; color: #888;">
            {{$item->created_at->diffForHumans()}}
        </span>
    </a>
</div>
@endforeach

<div class="pagination-cont">
    {{ $items->withQueryString()->links('front.pagination') }}
</div>

@else
<div class="notification-page-item">
    <div class="page-404">
        <div class="img-404">
            <img src="{{asset('front/images/404.png')}}" class="img-fluid" loading="lazy" decoding="async">
        </div>
        <h2 class="title-404">
            @lang('No Items Found')
        </h2>
    </div>
</div>
@endif