@extends('layouts.app')

@section('title', 'Tablero de Control de Inventarios')
@section('subtitle', 'Resumen rápido de stock, movimientos y alertas')

@section('content')
    <div class="card-grid">
        <div class="card">
            <h3>Productos</h3>
            <div class="value">{{ $stats['products'] ?? 0 }}</div>
            <div class="subtitle">Activos en todas las bodegas</div>
        </div>
        <div class="card">
            <h3>Movimientos (24h)</h3>
            <div class="value">{{ $stats['movements_today'] ?? 0 }}</div>
            <div class="subtitle">Ingresos, egresos y ajustes</div>
        </div>
        <div class="card">
            <h3>Stock crítico</h3>
            <div class="value status-crit">{{ $stats['critical'] ?? 0 }}</div>
            <div class="subtitle">Productos en nivel crítico</div>
        </div>
        <div class="card">
            <h3>Alertas abiertas</h3>
            <div class="value">{{ $stats['alerts'] ?? 0 }}</div>
            <div class="subtitle">Pendientes de revisar</div>
        </div>
    </div>

    <div class="stack" style="margin-top: 20px;">
        <div class="card">
            <div class="row" style="justify-content: space-between;">
                <div>
                    <h3>Últimos movimientos</h3>
                    <div class="subtitle">Ordenados por fecha/hora (más reciente primero)</div>
                </div>
                <a class="btn btn-secondary" href="{{ route('movements') }}">Ver todos</a>
            </div>
            <table class="table">
                <thead>
                    <tr>
                        <th>Fecha/Hora</th>
                        <th>Producto</th>
                        <th>Bodega</th>
                        <th>Tipo</th>
                        <th>Cantidad</th>
                        <th>Usuario</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($movements as $move)
                        <tr>
                            <td>{{ $move->moved_at?->format('d/m H:i') }}</td>
                            <td>{{ $move->product->description ?? $move->product->code ?? 'Producto' }}</td>
                            <td>{{ $move->warehouse->name ?? '' }}</td>
                            <td>
                                <span class="pill {{ strtolower($move->type) }}">{{ $move->type }}</span>
                            </td>
                            <td>{{ $move->quantity }}</td>
                            <td>{{ $move->user->name ?? '' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="6">Sin movimientos registrados.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="card">
            <div class="row" style="justify-content: space-between;">
                <div>
                    <h3>Alertas de stock crítico</h3>
                    <div class="subtitle">Bodega / Producto / Sugerencia de reposición</div>
                </div>
                <a class="btn btn-secondary" href="{{ route('alerts') }}">Alertas</a>
            </div>
            <div class="stack">
                @forelse($alerts as $alert)
                    <div class="row" style="justify-content: space-between; align-items: center; border: 1px solid #1f2937; padding: 10px 12px; border-radius: 10px;">
                        <div class="row" style="gap: 10px;">
                            <span class="pill {{ $alert->level === 'CRITICO' ? 'egreso' : 'ajuste' }}">{{ $alert->level }}</span>
                            <div><strong>{{ $alert->product->description ?? 'Producto' }}</strong> · {{ $alert->warehouse->name ?? 'Bodega' }}</div>
                        </div>
                        <div class="subtitle">Sugerido: {{ $alert->suggested_restock }}</div>
                    </div>
                @empty
                    <div class="subtitle">Sin alertas activas.</div>
                @endforelse
            </div>
        </div>
    </div>
@endsection