@extends('layouts.app')

@section('title', 'Movimientos')
@section('subtitle', 'Búsqueda por producto (múltiple) y ordenados por fecha/hora desc')

@section('content')
    <div class="card">
        <form class="form-grid" method="GET">
            <div>
                <label>Productos (selección múltiple)</label>
                <select name="product_ids[]" multiple size="4">
                    @foreach($products as $product)
                        <option value="{{ $product->id }}" @if(collect(request('product_ids'))->contains($product->id)) selected @endif>
                            {{ $product->code }} - {{ $product->description }}
                        </option>
                    @endforeach
                </select>
                <div class="subtitle">Puedes buscar uno o más productos</div>
            </div>
            <div>
                <label>Tipo</label>
                <select name="type">
                    <option value="">Todos</option>
                    <option value="INGRESO">Ingreso</option>
                    <option value="EGRESO">Egreso</option>
                    <option value="AJUSTE">Ajuste</option>
                </select>
            </div>
            <div>
                <label>Desde</label>
                <input type="date" name="from" value="{{ request('from') }}">
            </div>
            <div>
                <label>Hasta</label>
                <input type="date" name="to" value="{{ request('to') }}">
            </div>
            <div class="row" style="align-items: flex-end;">
                <button class="btn btn-secondary" type="submit">Filtrar</button>
                <span class="chip">Ordenado por fecha/hora descendente</span>
            </div>
        </form>
    </div>

    <div class="card" style="margin-top: 16px;">
        <table class="table">
            <thead>
                <tr>
                    <th>Fecha/Hora</th>
                    <th>Producto</th>
                    <th>Bodega</th>
                    <th>Tipo</th>
                    <th>Cantidad</th>
                    <th>Consumidor</th>
                    <th>OC</th>
                    <th>Factura</th>
                </tr>
            </thead>
            <tbody>
                @forelse($movements as $move)
                    <tr>
                        <td>{{ $move->moved_at?->format('d/m/Y H:i') }}</td>
                        <td>{{ $move->product->description ?? '' }}</td>
                        <td>{{ $move->warehouse->name ?? '' }}</td>
                        <td><span class="pill {{ strtolower($move->type) }}">{{ $move->type }}</span></td>
                        <td>{{ $move->quantity }}</td>
                        <td>{{ $move->consumer->name ?? '—' }}</td>
                        <td>{{ $move->oc ?? '—' }}</td>
                        <td>{{ $move->factura ?? '—' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="8">Sin movimientos.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection