@extends('layouts.master')
@section('title') Notifications @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') PAL @endslot
@slot('title') Notifications @endslot
@endcomponent

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">{{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
@endif

<div class="row justify-content-center">
    <div class="col-lg-9">
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h5 class="card-title mb-0 flex-grow-1">All Notifications</h5>
                @if(auth()->user()->unreadNotifications()->count())
                <form method="POST" action="{{ route('notifications.read-all') }}">@csrf<button class="btn btn-sm btn-soft-primary">Mark all read</button></form>
                @endif
            </div>
            <div class="card-body">
                <div class="list-group list-group-flush">
                    @forelse($notifications as $n)
                    @php $v = ['info'=>'primary','warning'=>'warning','danger'=>'danger'][$n->data['variant'] ?? 'info'] ?? 'primary'; @endphp
                    <a href="{{ route('notifications.read', $n->id) }}" class="list-group-item list-group-item-action d-flex align-items-center {{ $n->read_at ? '' : 'bg-light' }}">
                        <div class="avatar-xs me-3 flex-shrink-0"><span class="avatar-title bg-{{ $v }}-subtle text-{{ $v }} rounded-circle fs-16"><i class="ri-file-list-3-line"></i></span></div>
                        <div class="flex-grow-1">
                            <h6 class="mb-1">{{ $n->data['reference_no'] ?? 'Requisition' }} @unless($n->read_at)<span class="badge bg-danger-subtle text-danger ms-1">New</span>@endunless</h6>
                            <p class="mb-1 text-muted">{{ $n->data['title'] ?? '' }} — to {{ $n->data['action'] ?? 'review' }}.</p>
                            <small class="text-muted">{{ $n->data['status_label'] ?? '' }} · {{ $n->created_at->diffForHumans() }}</small>
                        </div>
                        <i class="ri-arrow-right-s-line fs-20 text-muted"></i>
                    </a>
                    @empty
                    <div class="text-center text-muted py-5"><i class="ri-notification-off-line fs-32 d-block mb-2"></i>No notifications yet.</div>
                    @endforelse
                </div>
                <div class="mt-3">{{ $notifications->links('pagination::bootstrap-5') }}</div>
            </div>
        </div>
    </div>
</div>
@endsection