@extends('layouts.app')

@section('title', 'Cuadraturas')
@section('subtitle', 'Comparar stock sistema vs físico y registrar diferencias')

@section('content')
    <div class="card">
        <div class="row" style="justify-content: space-between;">
            <div>
                <h3>Cuadraturas por turno</h3>
                <div class="subtitle">Solo productos con movimiento, opción de cuadratura total</div>
            </div>
            <button class="btn btn-primary" type="button">Nueva cuadratura</button>
        </div>
        <table class="table">
            <thead>
                <tr>
                    <th>Turno</th>
                    <th>Bodega</th>
                    <th>Bodeguero</th>
                    <th>Teórico</th>
                    <th>Físico</th>
                    <th>Diferencia</th>
                    <th>Estado</th>
                </tr>
            </thead>
            <tbody>
                @forelse($quadratures as $q)
                    <tr>
                        <td>{{ $q->shift_label ?? 'Turno' }}</td>
                        <td>{{ $q->warehouse->name ?? '' }}</td>
                        <td>{{ $q->user->name ?? '' }}</td>
                        <td>{{ $q->theoretical }}</td>
                        <td>{{ $q->physical }}</td>
                        <td>{{ $q->difference }}</td>
                        <td>
                            <span class="pill {{ $q->status === 'CUADRADA' ? 'ingreso' : 'egreso' }}">{{ $q->status }}</span>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7">Sin cuadraturas registradas.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection