@extends('layouts.app')
@section('title','Trazabilidad del Lote: ' . $inventario->numero)
@section('page-title','Trazabilidad de Lote')

@section('content')

<div class="card mb-3">
    <div class="card-body py-3">
        <div class="d-flex justify-content-between align-items-center flex-wrap" style="gap:10px;">
            <div>
                <h4 class="mb-1" style="color:#1B5E20;">
                    <i class="fas fa-route mr-2"></i>Lote: <strong>{{ $inventario->numero }}</strong>
                </h4>
                <span class="badge badge-{{ $inventario->estado==='vigente'?'success':($inventario->estado==='agotado'?'secondary':($inventario->estado==='vencido'?'danger':'warning')) }}">
                    {{ ucfirst($inventario->estado) }}
                </span>
                <span class="ml-2 text-muted">{{ $inventario->producto?->nombre }}</span>
            </div>
            <a href="{{ route('logistica.inventario.show', $inventario) }}" class="btn btn-sm btn-outline-secondary">
                <i class="fas fa-arrow-left mr-1"></i> Volver al Lote
            </a>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-info-circle mr-1"></i> Datos del Lote</h3></div>
            <div class="card-body">
                <dl class="row mb-0 small">
                    <dt class="col-5 text-muted">Producto</dt>
                    <dd class="col-7">{{ $inventario->producto?->nombre ?? '—' }}</dd>
                    <dt class="col-5 text-muted">Categoría</dt>
                    <dd class="col-7">{{ $inventario->producto?->categoria?->nombre ?? '—' }}</dd>
                    <dt class="col-5 text-muted">Proveedor</dt>
                    <dd class="col-7">{{ $inventario->proveedor?->razon_social ?? '—' }}</dd>
                    <dt class="col-5 text-muted">Almacén</dt>
                    <dd class="col-7">{{ $inventario->almacen?->nombre ?? '—' }}</dd>
                    <dt class="col-5 text-muted">Cant. Inicial</dt>
                    <dd class="col-7">{{ number_format($inventario->cantidad_inicial,3) }} {{ $inventario->producto?->unidadMedida?->abreviacion }}</dd>
                    <dt class="col-5 text-muted">Cant. Actual</dt>
                    <dd class="col-7"><strong class="text-success">{{ number_format($inventario->cantidad_actual,3) }} {{ $inventario->producto?->unidadMedida?->abreviacion }}</strong></dd>
                    <dt class="col-5 text-muted">Costo Unit.</dt>
                    <dd class="col-7">S/ {{ number_format($inventario->costo_unitario,4) }}</dd>
                    <dt class="col-5 text-muted">Valor Total</dt>
                    <dd class="col-7"><strong>S/ {{ number_format($inventario->cantidad_actual * $inventario->costo_unitario,2) }}</strong></dd>
                    <dt class="col-5 text-muted">F. Ingreso</dt>
                    <dd class="col-7">{{ $inventario->fecha_ingreso?->format('d/m/Y') ?? '—' }}</dd>
                    <dt class="col-5 text-muted">Vencimiento</dt>
                    <dd class="col-7">
                        @if($inventario->fecha_vencimiento)
                        <span class="badge badge-{{ $inventario->dias_para_vencer<=0?'danger':($inventario->dias_para_vencer<=30?'warning':'success') }}">
                            {{ $inventario->fecha_vencimiento->format('d/m/Y') }}
                        </span>
                        @else —
                        @endif
                    </dd>
                </dl>
            </div>
        </div>

        {{-- Resumen numérico --}}
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-chart-pie mr-1"></i> Balance</h3></div>
            <div class="card-body">
                @php
                    $ingresos = $inventario->movimientos->where('tipo','ingreso')->sum('cantidad');
                    $egresos  = $inventario->movimientos->where('tipo','egreso')->sum('cantidad');
                    $pct      = $ingresos > 0 ? round($egresos/$ingresos*100) : 0;
                @endphp
                <div class="d-flex justify-content-between mb-1">
                    <span class="text-muted small">Total ingresado</span>
                    <strong class="text-success">+{{ number_format($ingresos,3) }}</strong>
                </div>
                <div class="d-flex justify-content-between mb-1">
                    <span class="text-muted small">Total egresado</span>
                    <strong class="text-danger">-{{ number_format($egresos,3) }}</strong>
                </div>
                <div class="d-flex justify-content-between mb-2">
                    <span class="text-muted small">Saldo actual</span>
                    <strong>{{ number_format($inventario->cantidad_actual,3) }}</strong>
                </div>
                <div class="progress" style="height:10px;">
                    <div class="progress-bar bg-danger" style="width:{{ min($pct,100) }}%"
                         title="{{ $pct }}% consumido"></div>
                    <div class="progress-bar bg-success" style="width:{{ 100-min($pct,100) }}%"></div>
                </div>
                <small class="text-muted">{{ $pct }}% consumido / {{ 100-$pct }}% disponible</small>
            </div>
        </div>
    </div>

    <div class="col-md-8">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-history mr-1"></i> Historial Completo de Movimientos</h3>
                <div class="card-tools">
                    <span class="badge badge-secondary">{{ $inventario->movimientos->count() }} movimiento(s)</span>
                </div>
            </div>
            <div class="card-body p-0">
                @if($inventario->movimientos->isEmpty())
                <div class="text-center text-muted py-4">
                    <i class="fas fa-inbox fa-2x mb-2"></i><br>Sin movimientos registrados
                </div>
                @else
                <div class="timeline p-3">
                    @php $saldo = 0; @endphp
                    @foreach($inventario->movimientos as $mov)
                    @php
                        $saldo += $mov->tipo === 'ingreso' ? $mov->cantidad : -$mov->cantidad;
                        $icon  = $mov->tipo === 'ingreso' ? 'fa-arrow-down text-success' : 'fa-arrow-up text-danger';
                        $bg    = $mov->tipo === 'ingreso' ? '#d4edda' : '#f8d7da';
                    @endphp
                    <div style="display:flex;gap:12px;margin-bottom:16px;align-items:flex-start;">
                        <div style="flex-shrink:0;width:36px;height:36px;border-radius:50%;background:{{ $bg }};
                                    display:flex;align-items:center;justify-content:center;">
                            <i class="fas {{ $icon }} fa-sm"></i>
                        </div>
                        <div style="flex:1;border:1px solid #dee2e6;border-radius:6px;padding:8px 12px;">
                            <div class="d-flex justify-content-between align-items-center mb-1">
                                <strong style="color:{{ $mov->tipo==='ingreso'?'#28a745':'#dc3545' }}">
                                    {{ $mov->tipo==='ingreso'?'+':'-' }}{{ number_format($mov->cantidad,3) }}
                                    {{ $inventario->producto?->unidadMedida?->abreviacion }}
                                </strong>
                                <small class="text-muted">{{ $mov->created_at->format('d/m/Y H:i') }}</small>
                            </div>
                            <div class="row small text-muted">
                                <div class="col-6">
                                    <i class="fas fa-tag mr-1"></i>
                                    {{ ucfirst(str_replace('_',' ',$mov->referencia_tipo ?? 'manual')) }}
                                </div>
                                <div class="col-6">
                                    <i class="fas fa-user mr-1"></i>{{ $mov->usuario?->name ?? '—' }}
                                </div>
                                @if($mov->almacenOrigen)
                                <div class="col-6"><i class="fas fa-warehouse mr-1"></i>{{ $mov->almacenOrigen->nombre }}</div>
                                @endif
                                <div class="col-6 text-right">
                                    Saldo: <strong>{{ number_format($saldo,3) }}</strong>
                                </div>
                            </div>
                            @if($mov->observacion)
                            <div class="small mt-1 text-muted">
                                <i class="fas fa-comment mr-1"></i>{{ $mov->observacion }}
                            </div>
                            @endif
                        </div>
                    </div>
                    @endforeach
                </div>
                @endif
            </div>
        </div>
    </div>
</div>

@endsection