@extends('layouts.app')
@section('title', 'Notifications')
@section('content')
<div class="page-head"><div><div class="eyebrow">Account updates</div><h1>Notifications.</h1></div>@if(auth()->user()->unreadNotifications()->exists())<form method="post" action="{{ route('notifications.read') }}">@csrf<button class="btn btn-small">Mark All as Read</button></form>@endif</div><div class="grid">@forelse($notifications as $notification)<article class="card"><div class="actions" style="justify-content:space-between"><strong>{{ $notification->data['title'] ?? 'Account update' }}</strong>@unless($notification->read_at)<span class="pill active">New</span>@endunless</div><p class="muted">{{ $notification->data['message'] ?? '' }}</p><span class="subtle">{{ $notification->created_at->diffForHumans() }}</span>@if($notification->data['url'] ?? null)<a class="btn btn-small" href="{{ $notification->data['url'] }}">View Details</a>@endif</article>@empty<x-empty title="No notifications yet"/>@endforelse</div><div class="pagination">{{ $notifications->links() }}</div>
@endsection