@extends('layouts.admin')

@section('title', 'Lotes')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h1 class="h3 mb-1">Lotes de inventario</h1>
        <p class="text-secondary mb-0">Stock por lote y costo unitario</p>
    </div>
</div>

<div class="card">
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <thead>
                <tr>
                    <th>Lote</th>
                    <th>Producto</th>
                    <th>Proveedor</th>
                    <th>Inicial</th>
                    <th>Físico</th>
                    <th>Reservado</th>
                    <th>Disponible</th>
                    <th>Costo</th>
                </tr>
            </thead>
            <tbody>
                @forelse($batches as $b)
                    <tr>
                        <td>{{ $b->code }}</td>
                        <td>{{ $b->product->name }}</td>
                        <td>{{ $b->supplier->business_name }}</td>
                        <td>{{ $b->initial_quantity }}</td>
                        <td>{{ $b->physical_stock }}</td>
                        <td>{{ $b->reserved_stock }}</td>
                        <td>{{ $b->available_stock }}</td>
                        <td>${{ $b->unit_cost }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="text-center py-5 text-secondary">No hay lotes registrados.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection