@extends('layouts.master')
@section('page_title', 'Payment Alerts')
@section('content')
<div class="card">
    <div class="card-header header-elements-inline">
        <h6 class="card-title font-weight-bold"><i class="icon-bell2 mr-2"></i> Payment Alerts</h6>
        <form method="post" action="{{ route('alerts.read_all') }}">@csrf <button class="btn btn-light btn-sm">Mark all as read</button></form>
    </div>
    <div class="card-body">
        @forelse($alerts as $a)
            <a href="{{ route('alerts.open', $a->id) }}" class="d-block text-default {{ !$loop->last ? 'border-bottom pb-2 mb-2' : '' }}">
                <div class="d-flex justify-content-between">
                    <div>
                        @if(!$a->read_at)<span class="badge badge-success mr-1">New</span>@endif
                        <strong>{{ $a->title }}</strong>
                        <div class="text-muted">{{ $a->body }}</div>
                    </div>
                    <span class="text-muted font-size-sm ml-2 text-nowrap">{{ $a->created_at->format('j M, g:ia') }}</span>
                </div>
            </a>
        @empty
            <p class="text-muted mb-0">No payment alerts yet. You will see a notice here each time a parent or student pays online.</p>
        @endforelse
    </div>
</div>
@endsection