@extends('layouts.portal')
@section('title', 'Notifications')
@section('subtitle', 'Everything we have sent you: invoices, receipts, class schedules, reminders and certificates.')
@section('actions')<form method="post" action="{{ route('notifications.read-all') }}">@csrf<button class="btn btn-secondary btn-sm" type="submit"><x-icon name="check" :size="15"/> Mark all read</button></form>@endsection
@section('content')
<section class="panel">
  @forelse($items as $n)
    <a class="list-row ad-row-link {{ $n->read_at ? '' : 'nt-unread' }}" href="{{ route('notifications.open', $n) }}">
      <span class="ad-chip ad-{{ $n->read_at ? 'gray' : 'blue' }}"><x-icon :name="match ($n->category) { 'billing' => 'wallet', 'schedule' => 'calendar', 'credential' => 'award', 'exam' => 'clipboard-check', 'meeting', 'workshop' => 'video', default => 'bell' }" :size="18"/></span>
      <div class="grow" style="min-width:0"><b class="ad-ellipsis">{{ $n->title }}</b><div class="xs muted">{{ $n->created_at->diffForHumans() }}</div></div>
      @unless($n->read_at)<span class="pill pill-blue">New</span>@endunless
    </a>
  @empty
    <x-empty icon="bell" title="No notifications yet" text="Invoices, receipts, schedules and reminders will appear here."/>
  @endforelse
</section>
{{ $items->links() }}
@endsection