@extends('layouts.admin')
@section('title','Alertas')
@section('content')<div class="admin-heading"><div><h1>Lo importante, a tiempo.</h1><p>Pedidos, pagos y reposición de stock.</p></div><form action="{{ route('admin.alerts.read') }}" method="post">@csrf<button class="button outline"><x-icon name="check" size="16"/> Marcar todas como leídas</button></form></div><div class="admin-filters"><a class="button {{ request('unread')?'outline':'primary' }}" href="{{ route('admin.alerts') }}">Todas</a><a class="button {{ request('unread')?'primary':'outline' }}" href="{{ route('admin.alerts',['unread'=>1]) }}">Sin leer</a></div><section class="panel">@forelse($alerts as $alert)<div class="alert-item {{ $alert->read_at?'':'unread' }}"><div class="alert-symbol {{ $alert->type }}"><x-icon :name="$alert->type==='sale'?'bag':($alert->type==='order'?'box':'alert')" size="18"/></div><div style="flex:1"><strong>{{ $alert->title }}</strong><p>{{ $alert->message }}</p><time>{{ $alert->created_at->format('d/m/Y H:i') }}</time>@if($alert->link)<a href="{{ $alert->link }}" class="text-link" style="font-size:11px;margin-left:15px">Ver detalle</a>@endif</div>@if(!$alert->read_at)<form method="post" action="{{ route('admin.alerts.read') }}">@csrf<input type="hidden" name="id" value="{{ $alert->id }}"><button class="button small outline" aria-label="Marcar alerta como leída"><x-icon name="check" size="15"/></button></form>@endif</div>@empty<div class="empty-state"><x-icon name="check" size="36"/><h2>Todo al día.</h2><p>No hay alertas para mostrar.</p></div>@endforelse</section>{{ $alerts->links() }}@endsection