@extends('layouts.app') @section('content')
<div class="top"><div><div class="eyebrow">Nadzor emitiranja</div><h1>Obavijesti</h1></div><div class="toolbar"><form method="post" action="{{route('alerts.read-all')}}">@csrf<button class="btn secondary">Označi sve pročitanima</button></form><a class="btn secondary" href="{{route('settings.block-monitoring.edit')}}">Postavke</a></div></div>
<div class="table-scroll"><table><thead><tr><th>Vrijeme</th><th>Datum / blok</th><th>Upozorenje</th><th>Stanje</th></tr></thead><tbody>@forelse($alerts as $alert)<tr class="{{$alert->read_at?'':'alert-unread'}}"><td>{{$alert->detected_at->format('d.m.Y. H:i')}}</td><td><strong>{{$alert->play_date->format('d.m.Y.')}} · {{$alert->block?->time_label}}</strong><small class="cell-note">{{$alert->block?->name}}</small></td><td><strong>{{$alert->title}}</strong><small class="cell-note">{{$alert->message}}</small></td><td><span class="pill">{{$alert->resolved_at?'Riješeno':'Aktivno'}}</span></td></tr>@empty<tr><td colspan="4">Nema upozorenja.</td></tr>@endforelse</tbody></table></div>{{$alerts->links()}}
<style>.alert-unread td{background:#fff8e8}.alert-unread td:first-child{border-left:4px solid #ee9d36}</style>@endsection