@extends('layouts.app')

@section('title', 'Alertas de stock')
@section('subtitle', 'Stock crítico y mínimo por producto/bodega')

@section('content')
    <div class="card">
        <table class="table">
            <thead>
                <tr>
                    <th>Producto</th>
                    <th>Bodega</th>
                    <th>Nivel</th>
                    <th>Sugerido</th>
                    <th>Estado</th>
                </tr>
            </thead>
            <tbody>
                @forelse($alerts as $alert)
                    <tr>
                        <td>{{ $alert->product->description ?? '' }}</td>
                        <td>{{ $alert->warehouse->name ?? '' }}</td>
                        <td><span class="pill {{ $alert->level === 'CRITICO' ? 'egreso' : 'ajuste' }}">{{ $alert->level }}</span></td>
                        <td>{{ $alert->suggested_restock }}</td>
                        <td>{{ $alert->resolved ? 'Resuelta' : 'Pendiente' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5">Sin alertas activas.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection