@extends('layouts.client')
@section('title', 'Notifications')
@section('top')<form method="post" action="{{ route('client.notifications.read') }}">@csrf<button class="btn btn-sm btn-outline-secondary" data-no-loading>Mark all read</button></form>@endsection
@section('content')
<div class="card">@forelse($items as $n)<div class="p-3 border-bottom {{ $n->read_at ? '' : 'bg-opacity-10 bg-primary' }}"><div class="fw-semibold">{{ $n->data['title'] }}</div><div class="small">{{ $n->data['body'] }}</div><div class="small text-muted">{{ $n->created_at->diffForHumans() }}@if(!empty($n->data['url'])) · <a href="{{ $n->data['url'] }}">Open</a>@endif</div></div>@empty<x-empty text="You're all caught up."/>@endforelse</div><div class="mt-3">{{ $items->links() }}</div>
@endsection