5 lines
1.5 KiB
PHP
5 lines
1.5 KiB
PHP
<x-layouts.public :business="$business">
|
||
<header class="mx-auto flex max-w-6xl items-center justify-between px-5 py-5 lg:px-10"><a href="{{ route('customer.dashboard') }}" class="text-xs font-bold uppercase tracking-widest text-muted">← Account</a><a href="{{ route('customer.loyalty') }}" class="text-xs font-bold uppercase tracking-widest text-muted">Loyalty</a></header>
|
||
<main class="mx-auto max-w-3xl px-5 pb-16 pt-10 lg:px-10 lg:pt-16"><p class="text-[10px] font-bold uppercase tracking-[0.3em] text-accent-foreground">Updates</p><h1 class="mt-3 text-4xl font-black tracking-tight">Notifications</h1><div class="mt-8 space-y-3">@forelse ($notifications as $notification)<x-ui.card class="p-5 {{ $notification->readAt ? 'opacity-60' : '' }}"><div class="flex items-start justify-between gap-5"><div><p class="text-sm font-bold">{{ $notification->subject ?: 'Update from '.$business->shortName }}</p><p class="mt-2 text-sm leading-6 text-muted">{{ $notification->bodyText }}</p><p class="mt-3 text-xs text-muted">{{ $notification->createdAt->diffForHumans() }}</p></div>@if (! $notification->readAt)<form method="POST" action="{{ route('customer.notifications.read', $notification->id) }}">@csrf<button class="text-[10px] font-bold uppercase tracking-widest text-accent-foreground">Mark read</button></form>@endif</div></x-ui.card>@empty<x-ui.card class="p-6"><p class="text-sm text-muted">You’re all caught up.</p></x-ui.card>@endforelse</div></main>
|
||
</x-layouts.public>
|