@extends('layouts.admin')

@section('page_kicker', 'Alerts')
@section('page_title', 'Notifications')

@section('content')
    <div class="space-y-4">
        <div class="admin-content-card border-teal-100/80 bg-gradient-to-br from-teal-50/40 to-white">
            <h3 class="admin-card-title">Appointment alerts</h3>
            <p class="mt-3 text-sm leading-relaxed text-slate-600">Live status on <a href="{{ route('aim4wellness.appointments') }}" class="font-semibold text-teal-700 underline decoration-teal-600/30 underline-offset-2">Appointments</a>. Push and email digests can use Laravel notifications and queues.</p>
        </div>
        <div class="admin-content-card">
            <h3 class="admin-card-title">New messages</h3>
            <p class="mt-3 text-sm leading-relaxed text-slate-600"><a href="{{ route('aim4wellness.chat') }}" class="font-semibold text-teal-700 underline decoration-teal-600/30 underline-offset-2">In-app chat</a> or <a href="{{ route('chat.index') }}" class="font-semibold text-teal-700 underline decoration-teal-600/30 underline-offset-2">full chat app</a> for unread handling.</p>
        </div>
        <div class="admin-content-card">
            <h3 class="admin-card-title">Payment updates</h3>
            <p class="mt-3 text-sm leading-relaxed text-slate-600">Credits show on <a href="{{ route('aim4wellness.earnings') }}" class="font-semibold text-teal-700 underline decoration-teal-600/30 underline-offset-2">Earnings</a> when transactions post to your account.</p>
        </div>
    </div>
@endsection