{{-- Sweet Works ERP | app/Modules/Warehouse/Resources/Views/inventory/adjust-in/show.blade.php | v1.1 | 29/09/2026 --}}
{{-- v1.1 — Ventana Estructural VA (Punto 1e): badge de tipo usa $movement->movementType->name (catálogo
        warehouse_movement_types) en vez del array $adjTypeLabels (eliminado). --}}
{{-- v1.0 — Confirmación de ajuste de entrada: resumen, etiqueta imprimible, accesos directos. --}}

@extends('layouts.vertical', ['pageTitle' => 'Ajuste Registrado'])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-check-circle text-success"></i> Ajuste de Entrada Registrado
        <small>{{ $lot->lot_number }}</small>
    </h1>
    <div class="subheader-block d-flex gap-2">
        <a href="{{ route('warehouse.inventory.adjust-in') }}" class="btn btn-primary btn-sm">
            <i class="fal fa-plus me-1"></i> Nuevo Ajuste
        </a>
        <a href="{{ route('warehouse.inventory.kardex', $lot->product_id) }}" class="btn btn-outline-secondary btn-sm">
            <i class="fal fa-list-alt me-1"></i> Ver Kardex
        </a>
        <a href="{{ route('warehouse.inventory.index') }}" class="btn btn-outline-secondary btn-sm">
            <i class="fal fa-warehouse me-1"></i> Inventario
        </a>
    </div>
</div>
@endsection

@section('content')

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show d-flex align-items-center" role="alert">
    <i class="fal fa-check-circle fa-2x me-3 text-success"></i>
    <div>{{ session('success') }}</div>
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<div class="row g-3">

    {{-- ── Resumen del ajuste ────────────────────────────────────────────── --}}
    <div class="col-lg-8">
        <div class="panel">
            <div class="panel-hdr bg-success-600 text-white">
                <h2 class="text-white"><i class="fal fa-box-open me-2"></i> Detalle del Ajuste</h2>
                <div class="panel-toolbar">
                    <span class="badge bg-white text-success fw-bold fs-sm">
                        {{ $movement?->movementType?->name ?? 'AJUSTE' }}
                    </span>
                </div>
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    <dl class="row mb-0">
                        <dt class="col-sm-4 text-muted small">Número de lote</dt>
                        <dd class="col-sm-8 fw-bold fs-base" id="adjLotNumber">{{ $lot->lot_number }}</dd>

                        <dt class="col-sm-4 text-muted small">Producto</dt>
                        <dd class="col-sm-8" id="adjProduct">
                            {{ $lot->product->product_name ?? '—' }}
                            @if($lot->product->product_code ?? null)
                            <span class="text-muted ms-1 small">({{ $lot->product->product_code }})</span>
                            @endif
                        </dd>

                        <dt class="col-sm-4 text-muted small">Almacén</dt>
                        <dd class="col-sm-8">{{ $lot->warehouse->code ?? '—' }} — {{ $lot->warehouse->name ?? '—' }}</dd>

                        <dt class="col-sm-4 text-muted small">Zona</dt>
                        <dd class="col-sm-8">{{ $lot->zone->code ?? '—' }} — {{ $lot->zone->name ?? '—' }}</dd>

                        <dt class="col-sm-4 text-muted small">Bin</dt>
                        <dd class="col-sm-8" id="adjBin">
                            @if($lot->location)
                            {{ $lot->location->bin_id }} — {{ $lot->location->code }}
                            @else
                            <span class="text-muted">— Sin bin asignado —</span>
                            @endif
                        </dd>

                        <dt class="col-sm-4 text-muted small">Cantidad</dt>
                        <dd class="col-sm-8 fw-bold" id="adjQty">
                            {{ number_format($lot->quantity, 4) }} {{ $lot->product->unity ?? '' }}
                        </dd>

                        <dt class="col-sm-4 text-muted small">Costo unitario</dt>
                        <dd class="col-sm-8">${{ number_format($lot->unit_cost, 4) }}</dd>

                        <dt class="col-sm-4 text-muted small">Costo total</dt>
                        <dd class="col-sm-8 fw-bold">${{ number_format($lot->total_cost, 2) }}</dd>

                        <dt class="col-sm-4 text-muted small">Fecha de entrada</dt>
                        <dd class="col-sm-8">{{ \Carbon\Carbon::parse($lot->entry_date)->format('d/m/Y') }}</dd>

                        @if($lot->expiry_date)
                        <dt class="col-sm-4 text-muted small">Fecha de caducidad</dt>
                        <dd class="col-sm-8 text-warning fw-500">{{ \Carbon\Carbon::parse($lot->expiry_date)->format('d/m/Y') }}</dd>
                        @endif

                        <dt class="col-sm-4 text-muted small">Registrado por</dt>
                        <dd class="col-sm-8">{{ $lot->createdBy->name ?? '—' }}</dd>

                        @if($lot->notes)
                        <dt class="col-sm-4 text-muted small">Notas</dt>
                        <dd class="col-sm-8 text-muted small">{{ $lot->notes }}</dd>
                        @endif
                    </dl>
                </div>
            </div>
        </div>
    </div>

    {{-- ── Panel de etiqueta ────────────────────────────────────────────── --}}
    <div class="col-lg-4">
        <div class="panel">
            <div class="panel-hdr">
                <h2><i class="fal fa-tag me-2"></i> Etiqueta de Lote</h2>
            </div>
            <div class="panel-container show">
                <div class="panel-content text-center">
                    <p class="text-muted small mb-3">
                        Imprime la etiqueta para identificar el lote en su ubicación física.
                    </p>

                    {{-- Datos hidden para printLabel() --}}
                    <span id="labelLotNumber" class="d-none">{{ $lot->lot_number }}</span>
                    <span id="labelBinId"     class="d-none">{{ $lot->location->bin_id ?? 'N/A' }}</span>
                    <span id="labelBinCode"   class="d-none">{{ $lot->location->code ?? 'N/A' }}</span>
                    <span id="labelProduct"   class="d-none">{{ $lot->product->product_name ?? 'N/A' }}</span>
                    <span id="labelQty"       class="d-none">{{ number_format($lot->quantity, 4) }} {{ $lot->product->unity ?? '' }}</span>
                    <span id="labelAdjRef"    class="d-none">{{ $lot->lot_number }}</span>
                    <span id="labelZone"      class="d-none">{{ $lot->zone->code ?? 'N/A' }}</span>

                    <div class="border rounded p-3 mb-3 text-start fs-nano bg-light" style="font-family:monospace;">
                        <div class="fw-bold text-center mb-1" style="font-size:.9rem;">{{ $lot->lot_number }}</div>
                        <div>Prod: {{ \Illuminate\Support\Str::limit($lot->product->product_name ?? '', 28) }}</div>
                        <div>Bin:  {{ $lot->location ? $lot->location->bin_id . ' — ' . $lot->location->code : 'Sin bin' }}</div>
                        <div>Qty:  {{ number_format($lot->quantity, 4) }} {{ $lot->product->unity ?? '' }}</div>
                        <div>Fecha: {{ \Carbon\Carbon::parse($lot->entry_date)->format('d/m/Y') }}</div>
                    </div>

                    <button type="button" class="btn btn-primary w-100 mb-2" onclick="printLabel()">
                        <i class="fal fa-print me-2"></i> Imprimir Etiqueta
                    </button>

                    <a href="{{ route('warehouse.inventory.adjust-in') }}" class="btn btn-outline-secondary w-100 mb-2">
                        <i class="fal fa-plus me-1"></i> Nuevo Ajuste
                    </a>
                    <a href="{{ route('warehouse.inventory.kardex', $lot->product_id) }}" class="btn btn-outline-info w-100">
                        <i class="fal fa-list-alt me-1"></i> Ver Kardex
                    </a>
                </div>
            </div>
        </div>
    </div>

</div>{{-- /row --}}
@endsection

@section('scripts')
<script>
function printLabel() {
    var win  = window.open('', '_blank', 'width=420,height:320');
    var lot  = document.getElementById('labelLotNumber').textContent.trim();
    var bin  = document.getElementById('labelBinId').textContent.trim();
    var code = document.getElementById('labelBinCode').textContent.trim();
    var prod = document.getElementById('labelProduct').textContent.trim();
    var qty  = document.getElementById('labelQty').textContent.trim();
    var ref  = document.getElementById('labelAdjRef').textContent.trim();
    var zone = document.getElementById('labelZone').textContent.trim();
    var today = new Date().toLocaleDateString('es-MX');
    win.document.write(
        '<html><head><title>Etiqueta Lote</title>' +
        '<script src="https://cdnjs.cloudflare.com/ajax/libs/jsbarcode/3.11.5/JsBarcode.all.min.js"><\/script>' +
        '<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"><\/script>' +
        '<style>' +
        '@page{margin:5mm}' +
        'body{font-family:monospace;padding:8px;width:340px;margin:0;}' +
        '.title{font-size:12px;font-weight:bold;text-align:center;border-bottom:2px solid #000;padding-bottom:4px;margin-bottom:6px;}' +
        '.lot{font-size:18px;font-weight:bold;text-align:center;margin:6px 0;letter-spacing:2px;}' +
        '.bin{font-size:11px;text-align:center;background:#f0f0f0;padding:3px;border-radius:3px;margin-bottom:5px;font-weight:bold;}' +
        '.row{display:flex;justify-content:space-between;margin-bottom:2px;font-size:10px;}' +
        '.lbl{color:#555;}' +
        '.val{font-weight:bold;text-align:right;max-width:200px;}' +
        '.codes{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:6px;border-top:1px dashed #999;}' +
        '.barcode-wrap{flex:1;}' +
        '.qr-wrap{margin-left:8px;}' +
        'svg{max-width:100%;}' +
        '</style></head><body>' +
        '<div class="title">Sweet Works ERP &mdash; Ajuste de Entrada</div>' +
        '<div class="lot">' + lot + '</div>' +
        '<div class="bin">BIN: ' + bin + ' &mdash; ' + code + ' &mdash; Zona: ' + zone + '</div>' +
        '<div class="row"><span class="lbl">Producto:</span><span class="val">' + prod + '</span></div>' +
        '<div class="row"><span class="lbl">Cantidad:</span><span class="val">' + qty + '</span></div>' +
        '<div class="row"><span class="lbl">Ref. Ajuste:</span><span class="val">' + ref + '</span></div>' +
        '<div class="row"><span class="lbl">Fecha:</span><span class="val">' + today + '</span></div>' +
        '<div class="codes">' +
        '  <div class="barcode-wrap"><svg id="barcode"></svg></div>' +
        '  <div class="qr-wrap"><div id="qrcode"></div></div>' +
        '</div>' +
        '<script>' +
        'window.onload = function() {' +
        '  JsBarcode("#barcode", "' + lot + '", {format:"CODE128",width:1.5,height:40,displayValue:false,margin:0});' +
        '  new QRCode(document.getElementById("qrcode"), {' +
        '    text: "LOT:' + lot + '|BIN:' + bin + '|REF:' + ref + '|QTY:' + qty + '",' +
        '    width:70, height:70, colorDark:"#000", colorLight:"#fff"' +
        '  });' +
        '  setTimeout(function(){window.print();}, 800);' +
        '};' +
        '<\/script>' +
        '</body></html>'
    );
    win.document.close();
}
</script>
@endsection