@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Admin Notifications')
@section('content')
<main class="portal-workspace portal-light-type">
    <header class="portal-page-header">
        <div><span class="portal-eyebrow">Dashboard</span><h1>Admin Notifications</h1><p>Orders, payments, support cases and booked visits.</p></div>
        <div class="portal-header-actions"><a class="btn btn-mlk-outline" href="{{ route('notify-admins.index') }}">Notify Admins settings</a><form method="POST" action="{{ route('admin-notifications.read-all') }}">@csrf<button class="btn btn-mlk-primary" type="submit">Mark all as read</button></form></div>
    </header>
    @if(session('message'))<div class="alert alert-success" role="status">{{ session('message') }}</div>@endif
    <section class="portal-card">
        <form method="GET" class="portal-filter-bar portal-filter-bar--list">
            <select name="category" aria-label="Notification category"><option value="">All categories</option>@foreach($categories as $key => $label)<option value="{{ $key }}" @selected(request('category') === $key)>{{ $label }}</option>@endforeach</select>
            <select name="unread" aria-label="Notification read status"><option value="0">All notifications</option><option value="1" @selected(request()->boolean('unread'))>Unread only</option></select>
            <button type="submit" class="btn btn-mlk-primary">Apply</button><a href="{{ route('admin-notifications.index') }}" class="btn btn-mlk-outline">Clear</a>
        </form>
        <header class="portal-card-header"><div><h2>Notifications</h2><p>{{ $unreadCount }} unread · {{ $notifications->total() }} matching notifications</p></div></header>
        <div class="admin-notification-list">
            @forelse($notifications as $notification)
                <article class="admin-notification-item {{ $notification->read_at ? '' : 'is-unread' }}">
                    <span class="portal-status">{{ $categories[$notification->category] }}</span>
                    <h3><a href="{{ $notification->actionUrl() }}" data-admin-notification-id="{{ $notification->id }}">{{ $notification->title }}</a></h3>
                    <p>{{ $notification->message }}</p>
                    <small>{{ $notification->created_at->format('d M Y H:i') }} · {{ $notification->created_at->diffForHumans() }}</small>
                    @unless($notification->read_at)<button type="button" class="btn btn-mlk-outline btn-sm ml-2" data-mark-admin-notification="{{ $notification->id }}">Mark as read</button>@endunless
                </article>
            @empty
                <div class="portal-empty portal-empty--muted compact">No notifications match these filters.</div>
            @endforelse
        </div>
        @if($notifications->hasPages())<nav class="portal-pagination" aria-label="Notification pages">{{ $notifications->onEachSide(1)->links('pagination::bootstrap-4') }}</nav>@endif
    </section>
</main>
@endsection