@extends('layouts.public')

@section('content')
@php
/**
 * Customer Notifications page — public layout with the account sidebar, mirroring the other
 * account pages (favorites, addresses, loyalty). The shared content partial does the work.
 */
@endphp
<div class="qm-page-head">
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ t_raw('header.notifications') }}</h1>
        <nav class="breadcrumb" aria-label="{{ t_raw('common.breadcrumb_aria') }}"><a href="{{ route('home') }}">{{ t_raw('common.home') }}</a><span class="mx-2" aria-hidden="true">/</span><a href="{{ route('account') }}">{{ t_raw('account.crumb') }}</a><span class="mx-2" aria-hidden="true">/</span><span class="active">{{ t_raw('header.notifications') }}</span></nav>
    </div>
</div>
@php /* The page's messages belong UNDER its title band, inside the page the reader is
         looking at — not floating above it. getFlashes() consumes, so the layout's own
         call further out finds nothing and does not draw it twice. */
@endphp
<div class="container-fluid">@partial('flash')</div>


<section class="qm-section">
    <div class="container-fluid">
        <div class="row g-4">
            <div class="col-lg-3">
                @partial('account-nav')
            </div>
            <div class="col-lg-9">
                @partial('notifications-center', [
                    'rows'   => $rows ?? [],
                    'pager'  => $pager ?? paginate(0, 20),
                    'unread' => $unread ?? 0,
                    'filter' => $filter ?? 'all',
                    'prefs'  => $prefs ?? notification_prefs_defaults(),
                    'base'   => '/account/notifications',
                    'role'   => $role ?? 'customer',
                ])
            </div>
        </div>
    </div>
</section>
@endsection