@php
/**
 * Notifications Center content — shared by the customer account page and every dashboard
 * role. Lists the signed-in user's notifications (paginated, All/Unread filter), lets them
 * open/delete each one and run bulk actions, and edit their per-user notification settings.
 * All actions are plain CSRF-protected forms (work without JS); the bell's live polling is
 * handled separately by notifications.js.
 *
 * @var array  $rows    Paginated notification rows.
 * @var array  $pager   paginate() result.
 * @var int    $unread  Unread count.
 * @var string $filter  'all' | 'unread'.
 * @var array  $prefs   The user's notification preferences (row or defaults).
 * @var string $base    This page's path (e.g. '/admin/notifications').
 * @var string $role    The viewer's role (controls which categories show).
 */
$rows   = $rows ?? [];
$pager  = $pager ?? paginate(0, 20);
$unread = (int) ($unread ?? 0);
$filter = ($filter ?? 'all') === 'unread' ? 'unread' : 'all';
$prefs  = $prefs ?? notification_prefs_defaults();
$base   = $base ?? '/account/notifications';
$role   = $role ?? (\App\Support\Auth::user()['role'] ?? '');
$baseUrl = url(ltrim($base, '/'));
$cats   = notification_categories();
// Hosts that already title the region above this card pass false; the default keeps the
// heading, which is load-bearing wherever the card sits inside a tab panel.
$showHeading = $showHeading ?? true;
@endphp
<div class="qm-card qm-notif-center">
    <div class="qm-notif-c-head">
        <div>
            @if ($showHeading)<h2 class="mb-0">{{ t_raw('header.notifications') }} @if ($unread)<span class="qm-pill qm-pill-amber">{{ t_raw('notif.unread_count', [':count' => $unread]) }}</span>@endif</h2>@endif
            <div class="qm-notif-c-filter mt-2">
                <a class="qm-btn qm-btn-sm{{ $filter === 'all' ? '' : ' qm-btn-outline' }}" href="{{ $baseUrl }}">{{ t_raw('notif.filter_all') }}</a>
                <a class="qm-btn qm-btn-sm{{ $filter === 'unread' ? '' : ' qm-btn-outline' }}" href="{{ $baseUrl }}?filter=unread">{{ t_raw('notif.filter_unread') }}</a>
            </div>
        </div>
        <div class="qm-notif-c-actions">
            <form method="post" action="{{ route('notifications.read') }}" class="d-inline">
                @csrf
                <button type="submit" class="qm-btn qm-btn-outline qm-btn-sm"{{ $unread ? '' : ' disabled' }}><i class="fas fa-check-double" aria-hidden="true"></i> {{ t_raw('notif.mark_all_read') }}</button>
            </form>
            <form method="post" action="{{ route('notifications.delete') }}" class="d-inline" data-confirm="{{ t_raw('notif.confirm_delete_read') }}">
                @csrf<input type="hidden" name="scope" value="read">
                <button type="submit" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('notif.delete_read') }}</button>
            </form>
            <form method="post" action="{{ route('notifications.delete') }}" class="d-inline" data-confirm="{{ t_raw('notif.confirm_clear_all') }}" data-confirm-title="{{ t_raw('notif.confirm_clear_all_title') }}">
                @csrf<input type="hidden" name="scope" value="all">
                <button type="submit" class="qm-btn qm-btn-danger qm-btn-sm"{{ $rows || $filter === 'unread' ? '' : ' disabled' }}><i class="fas fa-trash-alt" aria-hidden="true"></i> {{ t_raw('notif.clear_all') }}</button>
            </form>
        </div>
    </div>

    @if ($rows)
    <ul class="qm-notif-c-list">
        @foreach ($rows as $n)
        <li class="qm-notif-c-item{{ ((int) $n['is_read'] === 0) ? ' is-unread' : '' }}">
            <a class="qm-notif-c-main" href="{{ url('notifications/open?id=' . (int) $n['id']) }}">
                <span class="qm-pop-ico"><i class="fas {{ $n['icon'] ?: 'fa-bell' }}" aria-hidden="true"></i></span>
                <span class="qm-notif-c-body">
                    <strong>{{ $n['title'] }}</strong>
                    @if (!empty($n['body']))<span class="qm-notif-c-sub">{{ $n['body'] }}</span>@endif
                    <span class="qm-notif-c-time">{{ time_ago($n['created_at']) }}</span>
                </span>
            </a>
            <form method="post" action="{{ route('notifications.delete') }}" class="qm-notif-c-del" data-confirm="{{ t_raw('notif.confirm_delete_one') }}">
                @csrf<input type="hidden" name="id" value="{{ (int) $n['id'] }}">
                <button type="submit" class="qm-icon-btn danger" aria-label="{{ t_raw('notif.delete_one_aria') }}"><i class="fas fa-trash-alt" aria-hidden="true"></i></button>
            </form>
        </li>
        @endforeach
    </ul>
    @php /* The pager rebuilds the link from $_GET, so ?filter=unread already travels with it. Adding
             it to the BASE as well produced ".../notifications?filter=unread?filter=unread&page=2":
             `filter` then read "unread?filter=unread", matched nothing, and page two of the Unread
             view silently came back as All. */
@endphp
    <div class="mt-3">@partial('pagination', ['pager' => $pager, 'base' => $base])</div>
    @else
    <div class="qm-empty"><i class="fas fa-bell-slash d-block" aria-hidden="true"></i><p>{!! $filter === 'unread' ? t('notif.empty_unread') : t('notif.empty_all') !!}</p></div>
    @endif
</div>

@php
// Notification settings are personal preferences that live solely under the user's
// account (My account → Notification settings) - not duplicated on this inbox page.
// Every role now has a personal account page, so all of them manage prefs there.
$acctUrls = [
    'super_admin' => '/admin/account',
    'vendor'      => '/vendor/account',
    'driver'      => '/driver/profile',
    'customer'    => '/account',
];
$acctUrl = $acctUrls[$role] ?? '';
@endphp
@if ($acctUrl === '')
<div class="mt-4">@partial('notification-prefs', ['prefs' => $prefs, 'role' => $role])</div>
@endif