@extends('layouts.app')
@section('title','Notificaciones — '.config('app.name'))
@section('content')
<div class="container-shell dashboard-shell"><x-dashboard-sidebar/><section class="dashboard-main"><div class="dashboard-title"><div><h1>Notificaciones</h1><p>Novedades importantes de tu cuenta y tus cursos.</p></div><form method="POST" action="{{ route('notifications.read') }}">@csrf<button class="btn btn-secondary">Marcar todas como leídas</button></form></div>
<div class="panel"><div class="table-wrap"><table class="data-table"><tbody>@forelse($notifications as $notification)<tr><td style="width:1rem">{{ $notification->read_at ? '○' : '●' }}</td><td><strong>{{ $notification->data['title'] ?? 'Notificación' }}</strong><br><span style="color:var(--muted)">{{ $notification->data['message'] ?? '' }}</span></td><td>{{ $notification->created_at->diffForHumans() }}</td><td>@if($notification->data['url'] ?? null)<a class="btn btn-secondary btn-small" href="{{ $notification->data['url'] }}">Ver</a>@endif</td></tr>@empty<tr><td class="empty-state">No tienes notificaciones.</td></tr>@endforelse</tbody></table></div></div>{{ $notifications->links() }}</section></div>
@endsection