@extends('admin.layouts.admin')

@section('title','Notifications')
@section('page-title','System Notifications')

@section('content')

<div class="row g-4">

    <!-- Notification List -->
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white fw-semibold">
                Recent Notifications
            </div>

            <div class="list-group list-group-flush">

                @forelse($notifications as $note)
                <div class="list-group-item d-flex justify-content-between align-items-start">
                    <div>
                        <div class="fw-semibold">{{ $note->title }}</div>
                        <div class="text-muted small">{{ $note->message }}</div>
                    </div>
                    <span class="badge bg-light text-muted">
                        {{ $note->created_at->diffForHumans() }}
                    </span>
                </div>
                @empty
                <div class="text-center py-4 text-muted">
                    No notifications
                </div>
                @endforelse

            </div>
        </div>
    </div>

    <!-- Actions -->
    <div class="col-lg-4">
        <div class="card border-0 shadow-sm">
            <div class="card-body">
                <h6 class="fw-semibold mb-3">Actions</h6>

                <form method="POST" action="{{ route('admin.notifications.clear') }}">
                    @csrf
                    <button class="btn btn-outline-danger w-100">
                        Clear All Notifications
                    </button>
                </form>
            </div>
        </div>
    </div>

</div>

@endsection