@extends('public.layout.app') {{-- or your student/teacher layout --}}
@section('title', __('front.my_notifications'))
@section('body')
<div class="container mt-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4>{{ __('front.my_notifications') }}</h4>
        <form action="{{ route('notifications.mark-all-read') }}" method="POST">
            @csrf
            <button type="submit" class="btn btn-sm btn-secondary">{{ __('front.mark_all_read') }}</button>
        </form>
    </div>
    <div class="list-group">
        @forelse($notifications as $n)
        <a href="{{ $n->link ?? '#' }}" class="list-group-item list-group-item-action {{ $n->is_read ? '' : 'list-group-item-primary' }}">
            <div class="d-flex justify-content-between">
                <strong>{{ $n->title }}</strong>
                <small>{{ $n->sent_at->diffForHumans() }}</small>
            </div>
            <p>{{ $n->message }}</p>
            @if(!$n->is_read)
            <form action="{{ route('notifications.mark-read', $n->id) }}" method="POST" class="d-inline">
                @csrf
                <button class="btn btn-sm btn-link">{{ __('front.mark_as_read') }}</button>
            </form>
            @endif
        </a>
        @empty
        <p>{{ __('front.no_notifications') }}</p>
        @endforelse
    </div>
    {{ $notifications->links('pagination::bootstrap-4') }}
</div>
@endsection