@extends('layouts.app')

@section('title', 'Acta de Entregas')
@section('subtitle', 'Apertura/cierre de turno y validación de cuadraturas')

@section('content')
    <div class="card">
        <div class="row" style="justify-content: space-between;">
            <div>
                <h3>Actas generadas</h3>
                <div class="subtitle">Requiere cuadrar productos con movimiento antes de cerrar turno</div>
            </div>
            <button class="btn btn-primary" type="button">Nueva acta</button>
        </div>
        <table class="table">
            <thead>
                <tr>
                    <th>Turno</th>
                    <th>Bodega</th>
                    <th>Salida</th>
                    <th>Entrada</th>
                    <th>Apertura</th>
                    <th>Cierre</th>
                    <th>Estado</th>
                </tr>
            </thead>
            <tbody>
                @forelse($actas as $acta)
                    <tr>
                        <td>{{ $acta->shift_label ?? 'Turno' }}</td>
                        <td>{{ $acta->warehouse->name ?? '' }}</td>
                        <td>{{ $acta->outgoingUser->name ?? '' }}</td>
                        <td>{{ $acta->incomingUser->name ?? 'Pendiente' }}</td>
                        <td>{{ $acta->opened_at?->format('d/m H:i') }}</td>
                        <td>{{ $acta->closed_at?->format('d/m H:i') }}</td>
                        <td><span class="pill {{ $acta->status === 'CUADRADA' ? 'ingreso' : 'egreso' }}">{{ $acta->status }}</span></td>
                    </tr>
                    @if($acta->differences->count())
                        <tr>
                            <td colspan="7">
                                <strong>Diferencias detectadas:</strong>
                                <div class="stack" style="margin-top: 8px;">
                                    @foreach($acta->differences as $diff)
                                        <div class="row" style="justify-content: space-between; border: 1px solid #1f2937; padding: 8px 10px; border-radius: 10px;">
                                            <div>{{ $diff->product->description ?? 'Producto' }}</div>
                                            <div class="subtitle">Sistema: {{ $diff->system_stock }} · Físico: {{ $diff->physical_stock }} · Dif: {{ $diff->difference }}</div>
                                        </div>
                                    @endforeach
                                </div>
                            </td>
                        </tr>
                    @endif
                @empty
                    <tr><td colspan="7">Sin actas registradas.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection