{{-- Crear y editar Orden de Cargue de exportación (rexpo/create y rexpo/create/{id} → rexpo.store). Kit ui-ctc
     (MigracionLayout.MD, "Crear y editar Orden de Compra y Orden de Cargue", parte 3). Solo cambia la presentación: mismos
     name, id, valores, opciones y orden de los campos del formulario, las mismas ramas por cliente y el mismo JavaScript
     (jQuery, select2 y jQuery Mask se cargan solo aquí).
     Orden de los campos: en la vista anterior el HTML mal formado sacaba de sus tablas (foster parenting) txtIdCont,
     txtIdContEstado, txtTamano y los txtEstadoProducto{n}; aquí se escriben en ese mismo lugar, antes de cada tabla.
     La plantilla oculta t0jpanel la clonan AgregarContenedor y AddRowEmpty buscando por etiqueta (table#t0…, button#t0tab…,
     a#t0Add…, div#t0gestionLotes, p#t0txtConsecutivo, h2#t0Label, img): esas etiquetas no se cambian. --}}
@php
    // Clases del kit para los controles armados a mano (la mayoría lleva atributos condicionales que no pasan por x-input).
    $cInput = 'form-input block w-full rounded-md text-[13px] shadow-sm border-[var(--borde-fuerte)] bg-[var(--superficie)] text-[var(--texto)] placeholder:text-[var(--texto-tenue)] focus:border-[var(--acento)] focus:ring-[var(--acento)] read-only:bg-[var(--superficie-2)] read-only:text-[var(--texto-suave)] disabled:cursor-not-allowed disabled:bg-[var(--superficie-2)] disabled:text-[var(--texto-suave)]';
    $cSelect = 'form-select block w-full rounded-md text-[13px] shadow-sm border-[var(--borde-fuerte)] bg-[var(--superficie)] text-[var(--texto)] focus:border-[var(--acento)] focus:ring-[var(--acento)] disabled:cursor-not-allowed disabled:bg-[var(--superficie-2)] disabled:text-[var(--texto-suave)]';
    // Celdas de tabla: más compactas.
    $cCelda = 'form-input block w-full rounded-md px-2 py-1 text-[13px] shadow-sm border-[var(--borde-fuerte)] bg-[var(--superficie)] text-[var(--texto)] focus:border-[var(--acento)] focus:ring-[var(--acento)] read-only:bg-[var(--superficie-2)] read-only:text-[var(--texto-suave)] disabled:bg-[var(--superficie-2)]';
    $cCeldaSelect = 'form-select block w-full rounded-md py-1 pl-2 pr-7 text-[13px] shadow-sm border-[var(--borde-fuerte)] bg-[var(--superficie)] text-[var(--texto)] focus:border-[var(--acento)] focus:ring-[var(--acento)]';
    // Antes, verde (pesos e información del producto) y amarillo (BL y flete): ahora un tinte suave que funciona en oscuro.
    $cPeso = 'bg-emerald-50 dark:bg-emerald-500/10';
    $cGasto = 'bg-amber-50 dark:bg-amber-500/10';
    $cRejilla = 'grid gap-x-4 gap-y-3.5 [grid-template-columns:repeat(auto-fill,minmax(220px,1fr))]';
    $cTabla = 'ctc-tabla [&>tbody>tr>td]:!px-1.5 [&>tbody>tr>td]:!py-1.5 [&>thead>tr>th]:!px-2 [&>thead>tr>th]:whitespace-nowrap';
    // Pestañas del contenedor (Información, Lotes, Ocultar) y botones de la barra de cada contenedor.
    $cPestana = 'inline-flex h-8 items-center gap-1.5 rounded-lg border border-[var(--borde-fuerte)] bg-[var(--superficie)] px-3 text-[12px] font-semibold text-[var(--texto)] hover:bg-[var(--nav-hover)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--acento)]';
    $cEtiquetaTotal = 'block text-[11px] font-semibold uppercase tracking-wide text-[var(--texto-suave)]';
    $cTotal = 'form-input block w-full rounded-md px-2 py-1 text-center text-[13px] tabular-nums shadow-sm border-[var(--borde-fuerte)] bg-[var(--superficie-2)] text-[var(--texto)]';
@endphp
<x-app-layout :titulo="$po->id == null ? 'Nueva orden de cargue' : 'Editar orden de cargue'">
    <x-pagina>
        <x-encabezado-pagina ruta="Exportaciones · Orden de cargue"
                             :titulo="$po->id == null ? 'Nueva orden de cargue' : 'Editar orden de cargue #' . $po->consecutivo"
                             descripcion="Encabezado, factura, campos adicionales y contenedores con sus productos y lotes." />

        @if ($errors->any())
            <x-alerta tipo="error">
                <ul class="list-inside list-disc space-y-0.5">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </x-alerta>
        @endif

        @if ($po->id == null)
            <form method="POST" action="{{ route('rexpo.store') }}" role="form" class="space-y-5">
        @else
            <form method="POST" action="{{ route('rexpo.store', $po->id) }}" role="form" class="space-y-5">
        @endif
            @csrf

            <input hidden type="text" name="hdn_idpo" id="hdn_idpo" value="{{ $po->id + 0 }}">
            <input hidden type="text" name="servicioalcliente" id="servicioalcliente" value="{{ session('ServicioCliente') }}">

            {{-- Encabezado de la orden (los campos que se muestran los define ex_visualizaciones por cliente: $campoVista) --}}
            <x-tarjeta titulo="Datos de la orden">
                <x-slot name="acciones">
                    <span class="flex items-center gap-2 text-[12px] text-[var(--texto-suave)]">
                        <x-icono nombre="arrow-path" id="loading_spinner1" style="display:none" class="h-4 w-4 animate-spin text-[var(--acento-texto)]" />
                        <span id="lblInfo"></span>
                    </span>
                </x-slot>

                <div class="{{ $cRejilla }}">
                    @if ($campoVista['po'] == 'NO')
                        <div>
                            <div class="flex items-center justify-between gap-2">
                                <x-label for="txtPo" value="Po" />
                                @if (session('GrupoEmpresarial') == 1 && $po->po == '')
                                    <label class="inline-flex items-center gap-1.5 text-[12px] font-semibold text-[var(--acento-texto)]">
                                        <input id = 'poAutomatico' type = 'checkbox' checked class="rounded border-[var(--borde-fuerte)] text-[var(--acento)] focus:ring-[var(--acento)]"> Automático
                                    </label>
                                @endif
                            </div>
                            <div class="mt-1 flex items-center gap-2">
                                <input type='text' name="txtPo" id='txtPo' class="{{ $cInput }}"
                                    @if (session('GrupoEmpresarial') == 1 && $po->po == '') readonly @endif
                                    value="@if (session('GrupoEmpresarial') == 1 && $po->po == '') Automatico @else {{ $po->po }} @endif" required />
                                @if (session('GrupoEmpresarial') != 1)
                                    <label for="txtItem" class="text-[12px] font-semibold text-[var(--texto-suave)]">Item</label>
                                    <input type='text' name="txtItem" id='txtItem' class="{{ $cInput }} !w-24" value="{{ $po->Item }}" />
                                @endif
                            </div>
                        </div>
                    @endif

                    @if ($campoVista['numero_do'] == 'NO')
                        <x-campo etiqueta="DO" para="txtDo">
                            <div class="flex items-center gap-1">
                                <input type='text' name="txtDo" id='txtDo' class="{{ $cInput }}" value="{{ $po->numero_do }}" />
                                <x-boton-icono href="#" variante="acento" etiqueta="Traer datos (Documento Transporte, Incoterms, Factura, Numero Factura, Valor Factura)" onclick="javascript:traerDatosDO(1)">
                                    <x-icono nombre="arrow-path" class="h-[18px] w-[18px]" />
                                </x-boton-icono>
                            </div>
                        </x-campo>
                    @endif

                    @if ($campoVista['fecha_po'] == 'NO')
                        <x-campo etiqueta="Fecha Orden" para="txtFecha_po">
                            <input type ='date' name="txtFecha_po" id="txtFecha_po" class="{{ $cInput }}"
                                value = "{{ $po->fecha_po == '' ? date('Y-m-d') : $po->fecha_po }}" required />
                        </x-campo>
                    @endif

                    @if ($campoVista['id_compania'] == 'NO')
                        <x-campo etiqueta="Exportador" para="cboCompania">
                            <select name="cboCompania" id="cboCompania" class="{{ $cSelect }}">
                                @foreach ($compani as $fil)
                                    <option value="{{ $fil->id }}" @if ($fil->id == $po->id_compania) selected="selected" @endif>
                                        {{ $fil->razon_social }}</option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['IdPuertoOrigen'] == 'NO')
                        <x-campo etiqueta="Puerto de Embarque / Origen" para="cboPuertoOrigen">
                            <select name="cboPuertoOrigen" id="cboPuertoOrigen" class="{{ $cSelect }} js-example-basic-single"
                                onchange="TraerTarifas()">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach ($puerto as $fil)
                                    <option value="{{ $fil->id }}" @if ($fil->id == $po->IdPuertoOrigen) selected="selected" @endif>
                                        {{ $fil->nombre }}</option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['IdPaisOrigen'] == 'NO')
                        <x-campo etiqueta="País Destino" para="cboPaisOrigen">
                            <select name="cboPaisOrigen" id="cboPaisOrigen" class="{{ $cSelect }} js-example-basic-single paisOrigen"
                                onchange="TraerTarifas()">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach ($pais as $fil)
                                    <option value="{{ $fil->id }}" @if ($fil->id == $po->IdPaisOrigen) selected="selected" @endif>
                                        {{ $fil->nombre }}</option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['IdPuertoDestino'] == 'NO')
                        <x-campo etiqueta="Puerto Destino" para="cboPuertoDestino">
                            <input type="hidden" name="txtPuertoDestino" id="txtPuertoDestino" value="{{ $po->IdPuertoDestino }}" />
                            {{-- Las opciones las pone TraerPuertosDestino() al cargar, según el país. --}}
                            <select name="cboPuertoDestino" id="cboPuertoDestino" class="{{ $cSelect }} js-example-basic-single"
                                onchange="TraerTarifas()">
                                <option value="0">Seleccione una Opcion</option>
                            </select>
                        </x-campo>
                    @endif

                    <x-campo etiqueta="Terminal" para="cboTerminal">
                        <select name="cboTerminal" id="cboTerminal" class="{{ $cSelect }} js-example-basic-single">
                            <option value="0">Seleccione una Opcion</option>

                            @foreach ($terminal as $fil)
                                <option value="{{ $fil->id }}" @if ($fil->id == $po->IdTerminal) selected="selected" @endif>
                                    {{ $fil->nombre }}</option>
                            @endforeach
                        </select>
                    </x-campo>

                    <x-campo etiqueta="Proceso" para="cboProceso">
                        <select name="cboProceso" id="cboProceso" class="{{ $cSelect }}">
                            <option value="0">Seleccione una Opcion</option>
                            @foreach ($proceso as $fil)
                                <option value="{{ $fil->id }}" {{ $fil->id == $po->idProceso ? 'selected' : '' }}> {{ $fil->nombre }}
                                </option>
                            @endforeach
                        </select>
                    </x-campo>

                    @if ($campoVista['vessel'] == 'NO')
                        <x-campo etiqueta="Motonave" para="txtVessel">
                            <input type='text' name="txtVessel" id='txtVessel' class="{{ $cInput }}" value="{{ $po->vessel }}" />
                        </x-campo>
                    @endif

                    <x-campo etiqueta="Viaje Línea" para="txtViaje">
                        <input type='text' name="txtViaje" id='txtViaje' class="{{ $cInput }}" value="{{ $po->viajeLinea }}" />
                    </x-campo>

                    @if ($campoVista['aplicaGD'] == 'NO')
                        <x-campo etiqueta="Aplica gastos en destino" para="cboAplicaGD">
                            <select name="cboAplicaGD" id="cboAplicaGD" class="{{ $cSelect }}">
                                <option value="0">Seleccione...</option>
                                <option value="NO" {{ $po->aplicaGD == 'NO' ? 'selected' : '' }}>NO</option>
                                <option value="SI" {{ $po->aplicaGD == 'SI' ? 'selected' : '' }}>SI</option>
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['idTarifa'] == 'NO')
                        {{-- Las opciones de tarifa se arman con columnas de ancho fijo (TraerTarifas): fuente monoespaciada. --}}
                        <div class="[grid-column:1/-1]">
                            <x-label for="cboTarifas" value="Tarifa" />
                            <p class="mt-1 overflow-x-auto whitespace-pre font-mono text-[11px] text-[var(--texto-tenue)]">Lugar de Entrega     GD20       GD40       Contrato        Linea           BL         C20        C40</p>
                            <select name="cboTarifas" id="cboTarifas" class="{{ $cSelect }} mt-1 font-mono">
                                <option value="0">Seleccione una Opcion</option>
                                {!! $itemTarifa !!}
                                @if ($po->id != null)
                                @endif
                            </select>
                        </div>
                    @endif

                    @if ($campoVista['IdSupplier'] == 'NO')
                        <x-campo etiqueta="Cliente" para="cboSupplier">
                            <select name="cboSupplier" id="cboSupplier" class="{{ $cSelect }} js-example-basic-single">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach ($provee as $fil)
                                    <option value="{{ $fil->id }}" @if ($fil->id == $po->IdSupplier) selected="selected" @endif>
                                        {{ $fil->nombre }}</option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['id_notify1'] == 'NO')
                        <x-campo etiqueta="Notify 1" para="cboNotify1">
                            <select name="cboNotify1" id="cboNotify1" class="{{ $cSelect }} js-example-basic-single">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach ($consegnee as $fil)
                                    <option value="{{ $fil->id }}" @if ($fil->id == $po->id_notify1) selected="selected" @endif>
                                        {{ $fil->nombre }}</option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['id_notify2'] == 'NO')
                        <x-campo etiqueta="Notify 2" para="cboNotify2">
                            <select name="cboNotify2" id="cboNotify2" class="{{ $cSelect }} js-example-basic-single">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach ($consegnee as $fil)
                                    <option value="{{ $fil->id }}" @if ($fil->id == $po->id_notify2) selected="selected" @endif>
                                        {{ $fil->nombre }}</option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['centro_costos'] == 'NO')
                        <x-campo etiqueta="Centro de Costos" para="cboCentroCostos">
                            <select name="cboCentroCostos" id="cboCentroCostos" class="{{ $cSelect }} js-example-basic-single">
                                <option value="0">Seleccione una Opcion</option>
                                <option value="2050010" @if ($po->centro_costos == '2050010') selected="selected" @endif>2050010</option>
                                <option value="2080011" @if ($po->centro_costos == '2080011') selected="selected" @endif>2080011</option>
                                <option value="2080012" @if ($po->centro_costos == '2080012') selected="selected" @endif>2080012</option>
                                <option value="2040010" @if ($po->centro_costos == '2040010') selected="selected" @endif>2040010</option>
                                <option value="2070010" @if ($po->centro_costos == '2070010') selected="selected" @endif>2070010</option>
                                <option value="2090010" @if ($po->centro_costos == '2090010') selected="selected" @endif>2090010</option>
                                <option value="2090020" @if ($po->centro_costos == '2090020') selected="selected" @endif>2090020</option>
                                <option value="2350020" @if ($po->centro_costos == '2350020') selected="selected" @endif>2350020</option>
                                <option value="2350060" @if ($po->centro_costos == '2350060') selected="selected" @endif>2350060</option>
                                <option value="2030010" @if ($po->centro_costos == '2030010') selected="selected" @endif>2030010</option>
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['freight_condition'] == 'NO')
                        <x-campo etiqueta="Freight Condition" para="cboFreightCondition">
                            <select name="cboFreightCondition" id="cboFreightCondition" class="{{ $cSelect }} js-example-basic-single">
                                <option value="0">Seleccione una Opcion</option>
                                <option value="FULL_COLLECT" @if ($po->freight_condition == 'FULL_COLLECT') selected="selected" @endif>FULL COLLECT
                                </option>
                                <option value="FULL_PREPAID" @if ($po->freight_condition == 'FULL_PREPAID') selected="selected" @endif>FULL PREPAID
                                </option>
                                <option value="COLLECT" @if ($po->freight_condition == 'COLLECT') selected="selected" @endif>COLLECT</option>
                                <option value="PREPAID" @if ($po->freight_condition == 'PREPAID') selected="selected" @endif>PREPAID</option>
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['inssuance_bl'] == 'NO')
                        <x-campo etiqueta="Inssuance BL" para="cboInssuanseBL">
                            <select name="cboInssuanseBL" id="cboInssuanseBL" class="{{ $cSelect }} js-example-basic-single">
                                <option value="0">Seleccione una Opcion</option>
                                <option value="IN_ORIGEN" @if ($po->inssuance_bl == 'IN_ORIGEN') selected="selected" @endif>IN ORIGEN</option>
                                <option value="IN_DESTINO" @if ($po->inssuance_bl == 'IN_DESTINO') selected="selected" @endif>IN DESTINO</option>
                                <option value="SEA_WAYBILL" @if ($po->inssuance_bl == 'SEA_WAYBILL') selected="selected" @endif>SEA WAYBILL
                                </option>
                                <option value="MASTER" @if ($po->inssuance_bl == 'MASTER') selected="selected" @endif>MASTER</option>
                                <option value="HIJO" @if ($po->inssuance_bl == 'HIJO') selected="selected" @endif>HIJO</option>
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['id_patio_retiro'] == 'NO')
                        <x-campo etiqueta="Patio Retiros" para="cboPatioRetiro">
                            <select name="cboPatioRetiro" id="cboPatioRetiro" class="{{ $cSelect }} js-example-basic-single">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach ($ex_patio_retiro as $fil)
                                    <option value="{{ $fil->id }}" @if ($fil->id == $po->id_patio_retiro) selected="selected" @endif>
                                        {{ $fil->nombre }}</option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    <x-campo etiqueta="Medio Transporte" para="cboMedioTrans">
                        <select name="cboMedioTrans" id="cboMedioTrans" class="{{ $cSelect }}">
                            <option value="0">Seleccione una Opcion</option>

                            @foreach ($mediotrans as $fil)
                                <option value="{{ $fil->codigo_medio_trans }}"
                                    @if ($fil->codigo_medio_trans == $po->codigo_medio_trans) selected="selected" @endif>{{ $fil->nombre_medio_trans }}</option>
                            @endforeach
                        </select>
                    </x-campo>

                    @if ($campoVista['documento_transporte'] == 'NO')
                        <x-campo etiqueta="Documento de Transporte" para="txtDoctransporte">
                            <div class="flex items-center gap-1">
                                <input type='text' name="txtDoctransporte" id='txtDoctransporte' class="{{ $cInput }}"
                                    value="{{ $po->documento_transporte }}" />
                                <x-boton-icono href="#" variante="acento" etiqueta="Traer datos (Do, Incoterms, Factura, Numero Factura, Valor Factura)" onclick="javascript:traerDatosDO(2)">
                                    <x-icono nombre="arrow-path" class="h-[18px] w-[18px]" />
                                </x-boton-icono>
                            </div>
                        </x-campo>
                    @endif

                    @if ($campoVista['booking'] == 'NO')
                        <x-campo etiqueta="Booking" para="txtBooking">
                            <div class="flex items-center gap-1">
                                <input type='text' name="txtBooking" id='txtBooking' class="{{ $cInput }}"
                                    value="{{ $po->booking }}" />
                                @if (session('GrupoEmpresarial') != 27)
                                    <x-boton-icono href="#" variante="acento" etiqueta="Traer datos (Do, Incoterms, Factura, Numero Factura, Valor Factura)" onclick="javascript:traerDatosDO(3)">
                                        <x-icono nombre="arrow-path" class="h-[18px] w-[18px]" />
                                    </x-boton-icono>
                                @endif
                            </div>
                        </x-campo>
                    @endif

                    @if ($campoVista['IdIncoterms'] == 'NO')
                        <x-campo etiqueta="Incoterms" para="cboIncoterms">
                            <select name="cboIncoterms" id="cboIncoterms" class="{{ $cSelect }}">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach ($incont as $fil)
                                    <option value="{{ $fil->id }}" @if ($fil->id == $po->IdIncoterms) selected="selected" @endif>
                                        {{ $fil->codigo }}</option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['IdMoneda'] == 'NO')
                        <x-campo etiqueta="Moneda" para="cboMoneda">
                            <select name="cboMoneda" id="cboMoneda" class="{{ $cSelect }}">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach ($moneda as $fil)
                                    <option value="{{ $fil->id }}" @if ($fil->id == $po->IdMoneda) selected="selected" @endif>
                                        {{ $fil->codigo }} </option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['id_consegnee'] == 'NO')
                        <x-campo etiqueta="Consignatario" para="cboConsegnee">
                            <select name="cboConsegnee" id="cboConsegnee" class="{{ $cSelect }}">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach ($consegnee as $fil)
                                    <option value="{{ $fil->id }}" @if ($fil->id == $po->id_consegnee) selected="selected" @endif>
                                        {{ $fil->nombre }}</option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['IdLinea'] == 'NO')
                        <x-campo etiqueta="Línea" para="cboLinea">
                            <select name="cboLinea" id="cboLinea" class="{{ $cSelect }}">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach ($linea as $fil)
                                    <option value="{{ $fil->id }}" @if ($fil->id == $po->IdLinea) selected="selected" @endif>
                                        {{ $fil->nombre }}</option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['direccion_entrega'] == 'NO')
                        <x-campo etiqueta="Lugar de Entrega" para="cbodireccion_entrega">
                            <select name="cbo" id="cbodireccion_entrega" class="{{ $cSelect }}">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach ($consegnee as $fil)
                                    <option value="{{ $fil->id }}" @if ($fil->id == $po->id_consegnee) selected="selected" @endif>
                                        {{ $fil->nombre . ', ' . $fil->direccion }}</option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['fecha_eta'] == 'NO')
                        <x-campo etiqueta="Estimada de Arribo (ETA)" para="txtFechaETA">
                            <input type = "date" disabled name = "txtFechaETA" id = "txtFechaETA" class = "{{ $cInput }}"
                                value="{{ $po->fecha_eta }}" />
                        </x-campo>
                    @endif

                    @if ($campoVista['fecha_etd'] == 'NO')
                        <x-campo etiqueta="Estimada de Despacho (ETD)" para="txtFechaETD">
                            <input type = "date" disabled name = "txtFechaETD" id = "txtFechaETD" class = "{{ $cInput }}"
                                value="{{ $po->fecha_etd }}" />
                        </x-campo>
                    @endif

                    @if ($campoVista['destino_final'] == 'NO')
                        <x-campo etiqueta="Final Destination" para="txtDestinoFinal">
                            <input type = "text" name = "txtDestinoFinal" id = "txtDestinoFinal" class = "{{ $cInput }}"
                                value="{{ $po->destino_final }}" />
                        </x-campo>
                    @endif

                    @if ($campoVista['transporte_local'] == 'NO')
                        <x-campo etiqueta="Transporte Local" para="txtTransporteLocal">
                            <input type = "text" name = "txtTransporteLocal" id = "txtTransporteLocal" class = "{{ $cInput }}"
                                value="{{ $po->transporte_local }}" />
                        </x-campo>
                    @endif

                    @if ($campoVista['selectividad'] == 'NO')
                        <x-campo etiqueta="Selectividad PONAL" para="cboSelect">
                            <select name="cboSelect" id="cboSelect" class="{{ $cSelect }}">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach ($EnumSelectividad as $selec)
                                    <option value="{{ $selec }}" @if ($selec == $po->selectividad) selected="selected" @endif>
                                        @php
                                            if ($selec == 'S') {
                                                echo 'Fisica';
                                            } elseif ($selec == 'N') {
                                                echo 'Documental';
                                            }
                                        @endphp
                                    </option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['persea'] == 'NO')
                        <x-campo etiqueta="Persea" para="cboPersea">
                            <select name="cboPersea" id="cboPersea" class="{{ $cSelect }}">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach ($EnumPersea as $item)
                                    <option value="{{ $item }}" @if ($item == $po->persea) selected="selected" @endif>
                                        {{ $item }}</option>
                                @endforeach
                            </select>
                        </x-campo>
                    @endif

                    @if ($campoVista['dex'] == 'NO')
                        <x-campo etiqueta="# Dex" para="txtDex">
                            <input type='text' name="txtDex" id='txtDex' class="{{ $cInput }}" value="{{ $po->dex }}" />
                        </x-campo>
                    @endif

                    @if ($campoVista['fecha_dex'] == 'NO')
                        <x-campo etiqueta="Fecha Dex" para="txtFecha_dex">
                            <input type='date' name="txtFecha_dex" id="txtFecha_dex" class="{{ $cInput }}"
                                value="{{ $po->fecha_dex }}" />
                        </x-campo>
                    @endif
                    @if (session('GrupoEmpresarial') == 2 || session('GrupoEmpresarial') == 28)
                        <x-campo etiqueta="Fecha Manifiesto" para="txtFecha_manifiesto">
                            <input type='date' name="txtFecha_manifiesto" id="txtFecha_manifiesto" class="{{ $cInput }}"
                                value="{{ $po->fecha_manifiesto }}" />
                        </x-campo>
                    @endif
                </div>
            </x-tarjeta>

            {{-- Factura (Alpina no ve número ni fecha de factura) --}}
            <x-tarjeta titulo="Factura">
                <div class="{{ $cRejilla }}">
                    @if (session('dominio') != 'alpina')
                        @if ($campoVista['factura'] == 'NO')
                            <x-campo etiqueta="Factura" para="txtFactura">
                                <input type='text' name="txtFactura" id='txtFactura' class="{{ $cInput }}"
                                    value="{{ $po->factura }}" />
                            </x-campo>
                        @endif

                        @if ($campoVista['fecha_factura'] == 'NO')
                            <x-campo etiqueta="Fecha Factura" para="dtpFechaFactura">
                                <input type='date' name="dtpFechaFactura" id="dtpFechaFactura" class="{{ $cInput }}"
                                    value="{{ $po->fecha_factura }}" />
                            </x-campo>
                        @endif
                    @endif

                    @if ($campoVista['vto_factura'] == 'NO')
                        <x-campo etiqueta="Vencimiento Factura" para="dtpVtoFactura">
                            <input type='date' name="dtpVtoFactura" id="dtpVtoFactura" class="{{ $cInput }}"
                                value="{{ $po->vto_factura }}" />
                        </x-campo>
                    @endif

                    @if ($campoVista['total_factura'] == 'NO')
                        <x-campo etiqueta="Valor Factura" para="txtValorFactura">
                            <input type='text' name="txtValorFactura" id="txtValorFactura" class="{{ $cInput }}"
                                value="{{ $po->total_factura }}" />
                        </x-campo>
                    @endif
                </div>
            </x-tarjeta>

            {{-- Campos adicionales (ex_definicion_campos_po del cliente), un bloque por grupo --}}
            <x-seccion-plegable titulo="Campos adicionales" icono="adjustments-horizontal">
                @if (count($iAdicionalPO) == 0)
                    <p class="text-[13px] text-[var(--texto-suave)]">Este cliente no tiene campos adicionales definidos.</p>
                @endif
                <div class="space-y-4">
                    @php $GrupoAnt = null; @endphp
                    @foreach ($iAdicionalPO as $fil)
                        @if ($loop->first || $GrupoAnt != $fil->grupo)
                            @if (! $loop->first)
                                </div>
                            @endif
                            <div class="{{ $cRejilla }} @if (! $loop->first) border-t border-[var(--borde)] pt-4 @endif">
                            @php $GrupoAnt = $fil->grupo; @endphp
                        @endif
                        <x-campo :etiqueta="$fil->descripcion" :para="'txt' . $fil->id">
                            @if ($fil->tipo_campo == 'Fecha')
                                <input type='date' name="txt{{ $fil->id }}" id='txt{{ $fil->id }}' class="{{ $cInput }}"
                                    value="{{ $fil->valor }}" />
                            @elseif ($fil->tipo_campo == 'Texto')
                                <input type='text' name="txt{{ $fil->id }}" id='txt{{ $fil->id }}' class="{{ $cInput }}"
                                    value="{{ $fil->valor }}" />
                            @elseif ($fil->tipo_campo == 'Comentario')
                                <textarea name="txt{{ $fil->id }}" id='txt{{ $fil->id }}' class="{{ $cInput }}" rows="2">{{ $fil->valor }} </textarea>
                            @elseif ($fil->tipo_campo == 'Lista')
                                @php
                                    $valu = str_replace(' ', '', $fil->valores);
                                    $valu = explode(',', $valu);
                                @endphp
                                <select name="txt{{ $fil->id }}" id='txt{{ $fil->id }}' class="{{ $cSelect }}">
                                    <option value="0">Seleccione una Opcion</option>
                                    @foreach ($valu as $fil2)
                                        <option value="{{ $fil2 }}" @if ($fil2 == $fil->valor) selected="selected" @endif>
                                            {{ str_replace('_', ' ', $fil2) }}</option>
                                    @endforeach
                                </select>
                            @else
                                @if ($fil->sep_miles == 'S')
                                    <input type='text' name="txt{{ $fil->id }}" id='txt{{ $fil->id }}'
                                        class="jnumber {{ $cInput }}" value="{{ $fil->valor }}" />
                                @else
                                    <input type='number' name="txt{{ $fil->id }}" id='txt{{ $fil->id }}' class="{{ $cInput }}"
                                        value="{{ $fil->valor }}" />
                                @endif
                            @endif
                        </x-campo>
                        @if ($loop->last)
                            </div>
                        @endif
                    @endforeach
                </div>
            </x-seccion-plegable>

            {{-- Contenedores: plantilla oculta (t0), barra para agregar, contenedores guardados (t1…tN) y los nuevos (PanelPadre) --}}
            <x-seccion-plegable titulo="Contenedores" icono="cube">
                <div class="space-y-4">
                    @php
                        $i = 0;
                        $nomTab = 't' . $i;
                    @endphp

                    {{-- Plantilla del contenedor que clona AgregarContenedor (oculta) --}}
                    <div id="{{ $nomTab }}jpanel" class="w-full overflow-hidden rounded-xl border border-[var(--borde)] bg-[var(--superficie)] align-top" style="display: none;">
                        <div class="flex flex-wrap items-center gap-2 border-b border-[var(--borde)] bg-[var(--superficie-2)] px-4 py-2.5">
                            <div class="mr-2 flex items-center gap-1.5 text-[13px] font-semibold text-[var(--texto-suave)]">
                                <x-icono nombre="cube" class="h-4 w-4 text-[var(--acento-texto)]" /> Contenedor
                                <p id="{{ $nomTab }}txtConsecutivo" name="{{ $nomTab }}txtConsecutivo" class="text-[18px] font-bold tabular-nums text-[var(--texto)]"></p>
                            </div>
                            <button id="{{ $nomTab }}tabInformacion" type="button" class="{{ $cPestana }}"><x-icono nombre="information-circle" /> Información contenedor</button>
                            <button id="{{ $nomTab }}tabLotes" type="button" class="{{ $cPestana }}"><x-icono nombre="table-cells" /> Gestión de lotes</button>
                            <button id="{{ $nomTab }}tabOcultar" type="button" class="{{ $cPestana }}"><x-icono nombre="arrows-pointing-in" /> Ocultar todo</button>
                            <!-- Id : ex_po_contenedor INPUT HIDDEN-->
                            <input hidden type="text" id="{{ $nomTab }}txtIdCont" name="{{ $nomTab }}txtIdCont"
                                value="0" readonly>
                            <h2 hidden id="{{ $nomTab }}Label"><br> CONTENEDOR {{ $i }}
                            </h2>
                        </div>
                        <table id="{{ $nomTab }}tablaContenedor" name="{{ $nomTab }}tablaContenedor" class="w-full">
                            <tbody class="block"><tr class="block"><td class="block p-4">
                                <div class="flex flex-wrap items-start gap-4">
                                    <div class="{{ $cRejilla }} min-w-0 flex-1">
                                        <x-campo etiqueta="Número" :para="$nomTab . 'txtContenedor'">
                                            <input id="{{ $nomTab }}txtContenedor" name="{{ $nomTab }}txtContenedor"
                                                value="0" class="{{ $cInput }}">
                                        </x-campo>
                                        <x-campo etiqueta="Posiciones" :para="$nomTab . 'txtPosiciones'">
                                            <input readonly id="{{ $nomTab }}txtPosiciones" name="{{ $nomTab }}txtPosiciones"
                                                value="0" class="{{ $cInput }}">
                                        </x-campo>
                                        <x-campo etiqueta="Tipo" :para="$nomTab . 'txtTipoContenedor'">
                                            <select id="{{ $nomTab }}txtTipoContenedor" name="{{ $nomTab }}txtTipoContenedor"
                                                class="{{ $cSelect }}" onchange="actualizaInfoContenedor({{ $i }})">
                                                <option value=0>Seleccione una opcion...</option>
                                                @if (count($contenedores) > 0)
                                                    @foreach ($contenedores as $fil)
                                                        <option value="{{ $fil->id }}">{{ $fil->descripcion }}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </x-campo>
                                        <x-campo etiqueta="Sello" :para="$nomTab . 'txtSello'">
                                            <input id="{{ $nomTab }}txtSello" name="{{ $nomTab }}txtSello" value="0"
                                                class="{{ $cInput }}">
                                        </x-campo>
                                        <x-campo etiqueta="Tamaño" :para="$nomTab . 'txtTamano'">
                                            <input readonly id="{{ $nomTab }}txtTamano" name="{{ $nomTab }}txtTamano" value="0"
                                                class="{{ $cInput }}">
                                        </x-campo>
                                        <x-campo etiqueta="Máx. KG" :para="$nomTab . 'txtCapacidadKG'">
                                            <input readonly id="{{ $nomTab }}txtCapacidadKG" name="{{ $nomTab }}txtCapacidadKG"
                                                value="0" class="{{ $cInput }}">
                                        </x-campo>
                                        <x-campo etiqueta="Tipo (tamaño)" :para="$nomTab . 'txtTipoC'">
                                            <input readonly id="{{ $nomTab }}txtTipoC" name="{{ $nomTab }}txtTipoC" value=""
                                                class="{{ $cInput }}">
                                        </x-campo>
                                    </div>
                                    <img id="{{ $nomTab }}Imagen" src="{{ asset('img/tipo_contenedores/0.png') }}"
                                        alt="" class="h-[107px] w-[160px] rounded-lg border border-[var(--borde)] bg-white object-contain p-1">
                                </div>
                            </td></tr></tbody>
                        </table>
                        <div id="{{ $nomTab }}gestionLotes" class="w-full px-4 py-3 text-[13px] text-[var(--texto)]" style="display:none">
                            <div class="mb-2 flex items-center gap-2">
                                <b class="text-[13px] font-semibold">Gestionar lotes</b>
                                <input value = "0" readonly type="text" id="{{ $nomTab }}CantidadLotes"
                                    name="{{ $nomTab }}CantidadLotes" style="width:50px" class="formcontrol text-center">
                                <a id="{{ $nomTab }}AddLotes" name="{{ $nomTab }}AddLotes" href=""
                                    class="ex-boton-lote" title="Agregar lote" aria-label="Agregar lote"><x-icono nombre="plus" variante="m" /> Lote</a>
                            </div>
                            <div id="{{ $nomTab }}contenidoLotes"></div>
                        </div>
                        <div class="ex-caja border-t border-[var(--borde)]">
                            <div class="ctc-tabla-caja" style="--alto-tabla: 26rem">
                                <table id="{{ $nomTab }}" class="{{ $cTabla }}" style="display:none">
                                    <thead>
                                        <tr id="jfila">
                                            <th style="width:30px;">#</th>
                                            <th>Código - Producto</th>
                                            <th class="text-center">Presentación</th>
                                            <th class="text-center">Cant Presentación</th>
                                            <th class="text-center">Unidades</th>
                                            <th class="text-center">Bulto</th>
                                            <th class="text-center">Pallet</th>
                                            <th class="text-center">Peso Neto (Kg)</th>
                                            <th class="text-center">Peso bruto (Kg)</th>
                                            <th class="text-center">Factura</th>
                                            <th class="text-center">FMMI</th>
                                            <!-- Campos especiales de informacion del producto -->
                                            @if (session('GrupoEmpresarial') == 1)
                                                <th class="text-center">IMO</th>
                                                <th class="text-center">UN</th>
                                                <th class="text-center">PG</th>
                                                <th class="text-center">FP</th>
                                                <th class="text-center">MP</th>
                                                <th class="text-center">CL</th>
                                                <th class="text-center">CO</th>
                                                <th></th>
                                            @endif
                                            <!-- Fin Campos especiales -->
                                            <th class="text-center">%</th>
                                            <th class="text-center">Vlr BL</th>
                                            <th class="text-center">Total Gasto</th>
                                            <th></th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        <tr>
                                            <td class="hidden"><input name="{{ $nomTab }}txtId0"
                                                    id="{{ $nomTab }}txtId0" type="text" readonly="readonly" value="0"> </td>
                                            <td class="hidden"><input name="{{ $nomTab }}txtIdetCargue0"
                                                    id="{{ $nomTab }}txtIdetCargue0" type="text" value="0"> </td>

                                            <td><input style="width:44px" name="{{ $nomTab }}txtN0" id="{{ $nomTab }}txtN0"
                                                    type="text" value="1" class="jhompo {{ $cCelda }} text-center" readonly> </td>
                                            <td>
                                                <input hidden name="{{ $nomTab }}txtIdPedido0"
                                                    id="{{ $nomTab }}txtIdPedido0" type="text" value="0" readonly>
                                                <input hidden name="{{ $nomTab }}txtIdPedidoDet0"
                                                    id="{{ $nomTab }}txtIdPedidoDet0" type="text" value="0" readonly>
                                                <input hidden name="{{ $nomTab }}cboMaterialCodigo0"
                                                    id="{{ $nomTab }}cboMaterialCodigo0" type="text" value="0" readonly>
                                                <input list="{{ $nomTab }}listadoCodigo0" name="{{ $nomTab }}cboMaterial0"
                                                    id="{{ $nomTab }}cboMaterial0"
                                                    style="width: 240px" class="{{ $cCelda }}"
                                                    value = "">
                                                <datalist id="{{ $nomTab }}listadoCodigo0">
                                                    @foreach ($materi as $fil)
                                                        <option data-valor = "{{ $fil->id }}" value="{{ $fil->codigo }} - {{ $fil->nombre }}">
                                                    @endforeach
                                                </datalist>
                                            </td>

                                            <td><input class="{{ $cCelda }}" style="width:110px" name="{{ $nomTab }}txtPresentacion0"
                                                    id="{{ $nomTab }}txtPresentacion0" type="text" value=""
                                                    {{ session('ServicioCliente') == 'E' ? 'readonly' : '' }}> </td>
                                            <td><input class="{{ $cCelda }}" style="width:110px"
                                                    name="{{ $nomTab }}txtCantPresentacion0" id="{{ $nomTab }}txtCantPresentacion0"
                                                    type="text" value=""> </td>
                                            <td><input class="{{ $cCelda }}" style="width:100px" name="{{ $nomTab }}txtUnidad0"
                                                    id="{{ $nomTab }}txtUnidad0" type="text" value=""> </td>
                                            <td><input class="{{ $cCelda }}" style="width:90px" name="{{ $nomTab }}txtBulto0"
                                                    id="{{ $nomTab }}txtBulto0" type="text" value=""> </td>
                                            <td><input class="{{ $cCelda }}" style="width:90px" name="{{ $nomTab }}txtPallet0"
                                                    id="{{ $nomTab }}txtPallet0" type="text" value=""></td>
                                            <td><input class="{{ $cCelda }} {{ $cPeso }}" style="width:110px" name="{{ $nomTab }}txtPesoN0"
                                                    id="{{ $nomTab }}txtPesoN0" type="text" value=""> </td>
                                            <td><input class="{{ $cCelda }} {{ $cPeso }}" style="width:110px" name="{{ $nomTab }}txtPesoB0"
                                                    id="{{ $nomTab }}txtPesoB0" type="text" value=""> </td>
                                            <td><input class="{{ $cCelda }}" style="width:100px" name="{{ $nomTab }}txtNumfactura0"
                                                    id="{{ $nomTab }}txtNumfactura0" type="text" value=""> </td>
                                            <td><input class="{{ $cCelda }}" style="width:100px" name="{{ $nomTab }}txtFmmi0"
                                                    id="{{ $nomTab }}txtFmmi0" type="text" value=""> </td>

                                            <!-- Campos especiales de informacion del producto -->
                                            @if (session('GrupoEmpresarial') == 1)
                                                <td><input class="{{ $cCelda }} {{ $cPeso }}" style="width:80px" name="{{ $nomTab }}txtimo0"
                                                        id="{{ $nomTab }}txtimo0" type="text" value="N/A"> </td>
                                                <td><input class="{{ $cCelda }} {{ $cPeso }}" style="width:80px" name="{{ $nomTab }}txtun0"
                                                        id="{{ $nomTab }}txtun0" type="text" value="N/A"> </td>
                                                <td><select name="{{ $nomTab }}txtpg0" id="{{ $nomTab }}txtpg0"
                                                        style="width: 80px" class="{{ $cCeldaSelect }} {{ $cPeso }}">
                                                        <option value="N/A">N/A</option>
                                                        <option value="I">I</option>
                                                        <option value="II">II</option>
                                                        <option value="III">III</option>
                                                    </select></td>
                                                <td><input class="{{ $cCelda }} {{ $cPeso }}" style="width:80px" name="{{ $nomTab }}txtfp0"
                                                        id="{{ $nomTab }}txtfp0" type="text" value="N/A"></td>
                                                <td><select name="{{ $nomTab }}txtm_p0" id="{{ $nomTab }}txtm_p0"
                                                        style="width: 80px" class="{{ $cCeldaSelect }} {{ $cPeso }}">
                                                        <option value="N/A">N/A</option>
                                                        <option value="SI">SI</option>
                                                        <option value="NO">NO</option>
                                                    </select></td>
                                                <td><select name="{{ $nomTab }}txtcl0" id="{{ $nomTab }}txtcl0"
                                                        style="width: 80px" class="{{ $cCeldaSelect }} {{ $cPeso }}">
                                                        <option value="N/A">N/A</option>
                                                        <option value="SI">SI</option>
                                                        <option value="NO">NO</option>
                                                    </select></td>
                                                <td><select name="{{ $nomTab }}txtco0" id="{{ $nomTab }}txtco0"
                                                        style="width: 80px" class="{{ $cCeldaSelect }} {{ $cPeso }}">
                                                        <option value="N/A">N/A</option>
                                                        <option value="SI">SI</option>
                                                        <option value="NO">NO</option>
                                                    </select></td>
                                                <td class="text-center">
                                                    <button type="button" id="{{ $nomTab }}actualizaMaterial0"
                                                        title="Actualiza informacion del material" aria-label="Actualiza informacion del material" class="ctc-accion">
                                                        <x-icono nombre="arrow-path" class="h-[18px] w-[18px] text-emerald-600 dark:text-emerald-400" />
                                                    </button>
                                                </td>
                                            @endif
                                            <!-- Fin Campos especiales -->

                                            <td><input class="{{ $cCelda }} {{ $cGasto }}" style="width:100px"
                                                    name="{{ $nomTab }}txtTasa0" id="{{ $nomTab }}txtTasa0" type="text" value="">
                                            </td>
                                            <td><input class="{{ $cCelda }} {{ $cGasto }}" style="width:100px"
                                                    name="{{ $nomTab }}txtBL0" id="{{ $nomTab }}txtBL0" type="text" value=""> </td>
                                            <td><input class="{{ $cCelda }} {{ $cGasto }}" style="width:100px"
                                                    name="{{ $nomTab }}txtFlete0" id="{{ $nomTab }}txtFlete0" type="text" value="">
                                            </td>
                                            <td class="text-center">
                                                <button type="button" id="{{ $nomTab }}Del0" name="{{ $nomTab }}Del0"
                                                    onclick="del(this,'{{ $nomTab }}','{{ $i }}');" class="delrow ctc-accion"
                                                    title="Quita el material del contenedor" aria-label="Quita el material del contenedor">
                                                    <x-icono nombre="trash" class="h-[18px] w-[18px] text-red-600 dark:text-red-400" />
                                                </button>
                                            </td>

                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <table id="{{ $nomTab }}totalContenedor" name="{{ $nomTab }}totalContenedor"
                            class="ex-totales w-full border-t border-[var(--borde)]" style="display:none">
                            <tr>
                                <td class="w-0"><input type="hidden"
                                        id="{{ $nomTab }}txtPosi" name="{{ $nomTab }}txtPosi" type="text" value="0"
                                        readonly></td>
                                <td style="width:80px">
                                    <span class="{{ $cEtiquetaTotal }}">Cant.</span>
                                    <input class="{{ $cTotal }}" id="{{ $nomTab }}txtCanti"
                                        name="{{ $nomTab }}txtCanti" type="text" value="0" readonly>
                                </td>
                                <td>
                                    <span class="{{ $cEtiquetaTotal }}">Total BL</span>
                                    <input type="text" name="{{ $nomTab }}txtTotal" id="{{ $nomTab }}txtTotal"
                                        style="display: none;" readonly="readonly" value="0" />
                                    <input type="text" name="{{ $nomTab }}txtTotalBL" id="{{ $nomTab }}txtTotalBL"
                                        class="{{ $cTotal }} {{ $cGasto }}" readonly="readonly" value="0" />
                                </td>
                                <td>
                                    <span class="{{ $cEtiquetaTotal }}">Total Fletes</span>
                                    <input type="text" name="{{ $nomTab }}txtTotalFlete" id="{{ $nomTab }}txtTotalFlete"
                                        class="{{ $cTotal }} {{ $cGasto }}" readonly="readonly" value="0" />
                                </td>
                                <td>
                                    <span class="{{ $cEtiquetaTotal }}">Total GD</span>
                                    <input type="text" name="{{ $nomTab }}txtTotalGD" id="{{ $nomTab }}txtTotalGD"
                                        class="{{ $cTotal }} {{ $cGasto }}" readonly="readonly" value="0" />
                                </td>
                                <td>
                                    <span class="{{ $cEtiquetaTotal }}">Total Gastos</span>
                                    <input type="text" name="{{ $nomTab }}txtTotalGastos" id="{{ $nomTab }}txtTotalGastos"
                                        class="{{ $cTotal }} {{ $cGasto }} font-bold" readonly="readonly" value="0" />
                                </td>
                                <td>
                                    <span class="{{ $cEtiquetaTotal }}">Total Unidades</span>
                                    <input type="text" name="{{ $nomTab }}txtTotalUnidades" id="{{ $nomTab }}txtTotalUnidades"
                                        class="{{ $cTotal }}" readonly="readonly" value="0" />
                                </td>
                                <td>
                                    <span class="{{ $cEtiquetaTotal }}">Total Bultos</span>
                                    <input type="text" name="{{ $nomTab }}txtTotalBultos" id="{{ $nomTab }}txtTotalBultos"
                                        class="{{ $cTotal }}" readonly="readonly" value="0" />
                                </td>
                                <td>
                                    <span class="{{ $cEtiquetaTotal }}">Total Pallets</span>
                                    <input type="text" name="{{ $nomTab }}txtTotalPallets" id="{{ $nomTab }}txtTotalPallets"
                                        class="{{ $cTotal }}" readonly="readonly" value="0" />
                                </td>
                                <td>
                                    <span class="{{ $cEtiquetaTotal }}">Total Peso Neto</span>
                                    <input type="text" name="{{ $nomTab }}txtTotalPesoNeto" id="{{ $nomTab }}txtTotalPesoNeto"
                                        class="{{ $cTotal }}" readonly="readonly" value="0" />
                                </td>
                                <td>
                                    <span class="{{ $cEtiquetaTotal }}">Total Peso Bruto</span>
                                    <input type="text" name="{{ $nomTab }}txtTotalPesoBruto"
                                        id="{{ $nomTab }}txtTotalPesoBruto" class="{{ $cTotal }}"
                                        readonly="readonly" value="0" />
                                </td>
                            </tr>
                        </table>

                        <table id="{{ $nomTab }}botonesContenedor" name="{{ $nomTab }}botonesContenedor"
                            class="w-full border-t border-[var(--borde)]" style="display:none">
                            <tr>
                                <td class="px-4 py-3">
                                    @if (Auth::user()->operacion_ex == 'E')
                                        <div class="flex flex-wrap items-center gap-2">
                                            <x-enlace-boton id="{{ $nomTab }}Add"
                                                href="javascript:AddRowEmpty('{{ $nomTab }}','{{ $i }}');"><x-icono nombre="plus-circle" /> Producto</x-enlace-boton>
                                            <x-enlace-boton id="{{ $nomTab }}AddEstiba"
                                                href="javascript:AddRowEmpty('{{ $nomTab }}','{{ $i }}',1);"><x-icono nombre="plus-circle" /> Estiba de aseguramiento</x-enlace-boton>
                                            <x-enlace-boton id="{{ $nomTab }}EliminaContenedor"
                                                href="javascript:EliminaContenedor('{{ $nomTab }}');"><x-icono nombre="trash" class="h-4 w-4 text-red-600 dark:text-red-400" /> Eliminar contenedor</x-enlace-boton>
                                        </div>
                                    @endif
                                </td>
                            </tr>
                        </table>
                    </div>
                    <!-- Fin de la plantilla del contenedor -->

                    {{-- Barra para agregar contenedores (y, fuera de Adama, productos al contenedor elegido) --}}
                    <div class="rounded-lg border border-[var(--borde)] bg-[var(--superficie-2)] p-3">
                        @if (session('GrupoEmpresarial') != 1 && 0)
                            <div class="{{ $cRejilla }} mb-3" style="display : {{ session('ServicioCliente') != 'N' ? '' : 'none' }}">
                                <x-campo etiqueta="Solicitud de Cargue" para="cboPedido">
                                    <select name="cboPedido" id='cboPedido' class="{{ $cSelect }}" onchange="TraerProductos()">
                                        <option value="0">Seleccione solicitud...</option>
                                        @if (count($solicitudes) > 0)
                                            @foreach ($solicitudes as $fil)
                                                <option value="{{ $fil->id_solicitud_cargue }}">{{ $fil->num_solicitud . ' - ' . $fil->fecha }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </x-campo>
                                <x-campo etiqueta="Productos" para="cboProducto">
                                    <select name="cboProducto" id='cboProducto' class="{{ $cSelect }}" onchange="TraerCantidad()">
                                        <option value="0">Seleccione una Opcion</option>
                                        @if (session('ServicioCliente') == 'N' && count($productos) > 0)
                                            @foreach ($productos as $p)
                                                <option value='{{ $p->id }}'>{{ $p->nombre }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </x-campo>
                                <div class="flex items-end pb-2">
                                    <input hidden name="txtTodos" id='txtTodos' type="checkbox" /> <b>Todos</b>
                                </div>
                                <x-campo etiqueta="Solicitada" para="txtCantidadSol">
                                    <input name="txtCantidadSol" id='txtCantidadSol' class="{{ $cInput }}" disabled value="0" />
                                </x-campo>
                                <x-campo etiqueta="Despachada" para="txtCantidadDes">
                                    <input name="txtCantidadDes" id='txtCantidadDes' class="{{ $cInput }}" disabled value="0" />
                                </x-campo>
                                <x-campo etiqueta="Cantidad" para="txtCantidadPro">
                                    <input name="txtCantidadPro" id='txtCantidadPro' class="{{ $cInput }}" value="0" />
                                </x-campo>
                                <x-campo etiqueta="Contenedores" para="cboContenedor">
                                    <select name="cboContenedor" id='cboContenedor' class="{{ $cSelect }}">
                                        <option value="0">Seleccione ...</option>
                                    </select>
                                </x-campo>
                            </div>
                        @endif

                        <div class="flex flex-wrap items-center gap-2">
                            <x-secondary-button onclick="AgregarContenedor('{{ $nomTab }}',{{ $i }})"><x-icono nombre="plus-circle" /> Contenedor</x-secondary-button>
                            @if (session('GrupoEmpresarial') != 1)
                                <x-secondary-button onclick="javascript:AddRow($('#cboContenedor').val())"><x-icono nombre="plus-circle" /> Producto</x-secondary-button>
                            @else
                                <x-secondary-button onclick="javascript:calculoFletes()"><x-icono nombre="calculator" /> Fletes</x-secondary-button>
                            @endif
                        </div>
                        @if (session('GrupoEmpresarial') != 1 && false)
                            <div class="mt-3 flex flex-wrap items-center gap-2">
                                <select id="contDistribucion" name="contDistribucion" class="{{ $cSelect }} !w-auto">
                                    <option value=0>Seleccione contenedor ...</option>
                                    @if (count($contenedores) > 0)
                                        @foreach ($contenedores as $fil)
                                            <option value="{{ $fil->id }}" @if (session('GrupoEmpresarial') == 1 && $fil->id == 2) selected @endif>
                                                {{ $fil->descripcion }}</option>
                                        @endforeach
                                    @endif
                                </select>
                                <button hidden type='button' onclick="javascript:DistribucionAutomatica('P')">Distribucion x Producto</button>
                                <button hidden type='button' onclick="javascript:calculoFletes()">Calcular Fletes</button>
                            </div>
                        @endif

                        <div class="mt-3" style="display:none">
                            <p class="flex items-center gap-1.5 text-[12px] font-semibold text-[var(--texto-suave)]"><x-icono nombre="list-bullet" /> Pedidos agregados en la orden de cargue</p>
                            <div class="pedidos"></div>
                        </div>
                    </div>

                    @php
                        $i = 1;
                        $nomTab = 't' . $i;
                    @endphp

                    {{-- Contenedores guardados (editar) --}}
                    @foreach ($grupocon as $gp)
                        @php
                            $nomTab = 't' . $i;
                            $valores = '';
                            $num = 0;
                            $newDeta = collect($detalle)->where('id_contenedor', $gp->id)->all();
                        @endphp

                        <div id="{{ $nomTab }}jpanel" class="w-full overflow-hidden rounded-xl border border-[var(--borde)] bg-[var(--superficie)] align-top" style="display: inline-block">
                            <div class="flex flex-wrap items-center gap-2 border-b border-[var(--borde)] bg-[var(--superficie-2)] px-4 py-2.5">
                                <div class="mr-2 flex items-center gap-1.5 text-[13px] font-semibold text-[var(--texto-suave)]">
                                    <x-icono nombre="cube" class="h-4 w-4 text-[var(--acento-texto)]" /> Contenedor
                                    <p id="{{ $nomTab }}txtConsecutivo" name="{{ $nomTab }}txtConsecutivo" class="text-[18px] font-bold tabular-nums text-[var(--texto)]">
                                        {{ $i }}</p>
                                    @if ($gp->contenedor)
                                        <x-etiqueta variante="acento">{{ $gp->contenedor }}</x-etiqueta>
                                    @endif
                                </div>
                                <button id="{{ $nomTab }}tabInformacion" type="button" class="{{ $cPestana }}"
                                    onclick="mostrarTab('{{ $nomTab }}',1)"><x-icono nombre="information-circle" /> Información contenedor</button>
                                <button id="{{ $nomTab }}tabLotes" type="button" class="{{ $cPestana }}"
                                    onclick="mostrarTab('{{ $nomTab }}',3)"><x-icono nombre="table-cells" /> Gestión de lotes</button>
                                <button id="{{ $nomTab }}tabOcultar" type="button" class="{{ $cPestana }}"
                                    onclick="mostrarTab('{{ $nomTab }}',4)"><x-icono nombre="arrows-pointing-in" /> Ocultar todo</button>
                                <!-- Id : ex_po_contenedor -->
                                <input hidden type="text" id="{{ $nomTab }}txtIdCont"
                                    name="{{ $nomTab }}txtIdCont" value="{{ $gp->id }}" readonly>
                                <input hidden type="text" id="{{ $nomTab }}txtIdContEstado"
                                    name="{{ $nomTab }}txtIdContEstado" value="{{ $gp->inactivo }}">
                            </div>
                            {{-- txtTamano iba suelto antes de la tabla del contenedor: se conserva ese orden. --}}
                            <input style="display:none" readonly id="{{ $nomTab }}txtTamano"
                                name="{{ $nomTab }}txtTamano" value="{{ $gp->tamano }}">
                            <table id="{{ $nomTab }}tablaContenedor" name="{{ $nomTab }}tablaContenedor" class="w-full" style="display:none">
                                <tbody class="block"><tr class="block"><td class="block p-4">
                                    <div class="flex flex-wrap items-start gap-4">
                                        <div class="{{ $cRejilla }} min-w-0 flex-1">
                                            <x-campo etiqueta="Número" :para="$nomTab . 'txtContenedor'">
                                                <input id="{{ $nomTab }}txtContenedor" name="{{ $nomTab }}txtContenedor"
                                                    value="{{ $gp->contenedor }}" class="{{ $cInput }}">
                                            </x-campo>
                                            <x-campo etiqueta="Sello" :para="$nomTab . 'txtSello'">
                                                <input id="{{ $nomTab }}txtSello"
                                                    name="{{ $nomTab }}txtSello" value="{{ $gp->sello }}" class="{{ $cInput }}">
                                            </x-campo>
                                            <x-campo :etiqueta="'Tipo ' . $gp->id_ex_info_contenedor" :para="$nomTab . 'txtTipoContenedor'">
                                                <select id="{{ $nomTab }}txtTipoContenedor" name="{{ $nomTab }}txtTipoContenedor"
                                                    class="{{ $cSelect }}" onchange="verInfoContenedor('{{ $nomTab }}')">
                                                    <option value=0>Seleccione una opcion...</option>
                                                    @if (count($contenedores) > 0)
                                                        @foreach ($contenedores as $fil)
                                                            <option {{ $fil->id == $gp->id_ex_distribucion_contenedor ? 'selected' : '' }}
                                                                value="{{ $fil->id }}">{{ $fil->descripcion }}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </x-campo>
                                            <x-campo etiqueta="Reutilización" :para="$nomTab . 'cboReutilizacion'">
                                                <select id="{{ $nomTab }}cboReutilizacion" name="{{ $nomTab }}cboReutilizacion"
                                                    class="{{ $cSelect }}">
                                                    <option value = "NO">NO</option>
                                                    <option value = "SI" @if ($gp->reutilizacion == 'SI') selected @endif>SI</option>
                                                </select>
                                            </x-campo>
                                            <x-campo etiqueta="Posiciones" :para="$nomTab . 'txtPosiciones'">
                                                <input readonly id="{{ $nomTab }}txtPosiciones" name="{{ $nomTab }}txtPosiciones"
                                                    value="0" class="{{ $cInput }}">
                                            </x-campo>
                                            <x-campo etiqueta="Fecha Ing. Vacío" :para="$nomTab . 'dtpFechaVacio'">
                                                <input type="date" name="{{ $nomTab }}dtpFechaVacio"
                                                    id="{{ $nomTab }}dtpFechaVacio" class="{{ $cInput }}"
                                                    value="{{ $gp->fecha_ingreso_vacio }}" />
                                            </x-campo>
                                            <x-campo etiqueta="F. Ent. Planilla" :para="$nomTab . 'dtpFechaEntregaPlanilla'">
                                                <input type="date" name="{{ $nomTab }}dtpFechaEntregaPlanilla"
                                                    id="{{ $nomTab }}dtpFechaEntregaPlanilla" class="{{ $cInput }}"
                                                    value="{{ $gp->fecha_entrega_planilla }}" />
                                            </x-campo>
                                            <x-campo etiqueta="Fecha Inspección" :para="$nomTab . 'dtpFechaInspeccion'">
                                                <input type="date" name="{{ $nomTab }}dtpFechaInspeccion"
                                                    id="{{ $nomTab }}dtpFechaInspeccion" class="{{ $cInput }}"
                                                    value="{{ $gp->fecha_inspeccion }}" />
                                            </x-campo>
                                            <x-campo etiqueta="Fecha Ingreso Puerto" :para="$nomTab . 'dtpFechaIngresoPuerto'">
                                                <input type="datetime-local" name="{{ $nomTab }}dtpFechaIngresoPuerto"
                                                    id="{{ $nomTab }}dtpFechaIngresoPuerto" class="{{ $cInput }}"
                                                    value="{{ $gp->fecha_ingreso_puerto }}" />
                                            </x-campo>
                                            <x-campo etiqueta="Tamaño" :para="$nomTab . 'txtTipoC'">
                                                <input readonly id="{{ $nomTab }}txtTipoC" name="{{ $nomTab }}txtTipoC" value="0"
                                                    class="{{ $cInput }}">
                                            </x-campo>
                                        </div>
                                        <img id="{{ $nomTab }}Imagen" src="" alt=""
                                            class="h-[107px] w-[130px] rounded-lg border border-[var(--borde)] bg-white object-contain p-1">
                                    </div>
                                </td></tr></tbody>
                            </table>
                            <div id="{{ $nomTab }}gestionLotes" class="w-full px-4 py-3 text-[13px] text-[var(--texto)]" style="display:none">
                                <div class="mb-2 flex items-center gap-2">
                                    <b class="text-[13px] font-semibold">Gestionar lotes</b>
                                    <input value = "{{ count($lotes) }}" readonly type="text" id="{{ $nomTab }}CantidadLotes"
                                        name="{{ $nomTab }}CantidadLotes" style="width:50px" class="formcontrol text-center">
                                    <a id="{{ $nomTab }}AddLotes" name="{{ $nomTab }}AddLotes"
                                        href="javascript:AgregarLotes('{{ $nomTab }}')" class="ex-boton-lote" title="Agregar lote" aria-label="Agregar lote"><x-icono nombre="plus" variante="m" /> Lote</a>
                                </div>
                                {{-- El id lleva una comilla de más desde la vista anterior; AgregarLotes busca "tNcontenidoLotes" y no lo encuentra. Se conserva. --}}
                                <div id="{{ $nomTab }}'contenidoLotes" name="{{ $nomTab }}'contenidoLotes">
                                    @if (count($lotes) > 0)
                                        @php $fi = 0; @endphp
                                        @foreach ($lotes as $lt)
                                            @if ($gp->id == $lt->id_ex_po_contenedor)
                                                @php $fi = $fi + 1; @endphp
                                                <!-- Id : ex_po_lote -->
                                                <input type="text" hidden id="{{ $nomTab }}txtIdLote{{ $fi }}"
                                                    name="{{ $nomTab }}txtIdLote{{ $fi }}" value="{{ $lt->id_lote }}" readonly>
                                                <!-- -->
                                                <input readonly="" id="{{ $nomTab }}numFila{{ $fi }}"
                                                    name="{{ $nomTab }}numFila{{ $fi }}" class="formcontrol" style="width:50px;"
                                                    value="{{ $fi }}">
                                                <input type="text" id="{{ $nomTab }}numLote{{ $fi }}"
                                                    name="{{ $nomTab }}numLote{{ $fi }}" class="formcontrol" style="width:100px"
                                                    value="{{ $lt->num_lote }}" placeholder="No. Lote">
                                                <select id="{{ $nomTab }}idProd{{ $fi }}"
                                                    name="{{ $nomTab }}idProd{{ $fi }}" class="formcontrol" style="width:400px">
                                                    <option selected="" value="0">Seleccione Material</option>
                                                    @foreach ($materi as $fil)
                                                        <option value="{{ $fil->id }}" {{ $fil->id == $lt->id_material ? 'selected' : '' }}>
                                                            {{ $fil->codigo . ' - ' . $fil->nombre }}</option>
                                                    @endforeach
                                                </select>
                                                <input type="text" id="{{ $nomTab }}canProd{{ $fi }}"
                                                    name="{{ $nomTab }}canProd{{ $fi }}" class="formcontrol" style="width:80px"
                                                    value="{{ $lt->cantidad }}" placeholder="Cantidad">
                                                <input type="text" id="{{ $nomTab }}Observaciones{{ $fi }}"
                                                    name="{{ $nomTab }}Observaciones{{ $fi }}" class="formcontrol" style="width:300px"
                                                    value="{{ $lt->observaciones }}" placeholder="Observaciones">
                                                <button id="{{ $nomTab }}btnElminarLote{{ $fi }}" type="button"
                                                    onclick="EliminaLote('{{ $nomTab }}',{{ $fi }})" class="ex-boton-lote ex-boton-lote-peligro"
                                                    title="Eliminar lote" aria-label="Eliminar lote">
                                                    <x-icono nombre="trash" />
                                                </button><br id="{{ $nomTab }}saltoLinea{{ $fi }}">
                                            @endif
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                            {{-- Estado de cada producto (1 = quitado con "del"): iban sueltos antes de la tabla; se conserva ese orden. --}}
                            <div class="hidden">
                                @php $numEstado = 0; @endphp
                                @foreach ($newDeta as $dt)
                                    @php $numEstado = $numEstado + 1; @endphp
                                    <input hidden type="text"
                                        id="{{ $nomTab }}txtEstadoProducto{{ $numEstado }}"
                                        name="{{ $nomTab }}txtEstadoProducto{{ $numEstado }}" value="{{ $dt->inactivo }}">
                                @endforeach
                            </div>
                            <div class="ex-caja border-t border-[var(--borde)]">
                                <div class="ctc-tabla-caja" style="--alto-tabla: 26rem">
                                    <table id="{{ $nomTab }}" class="{{ $cTabla }}" style="display:none">
                                        <thead>
                                            <tr id="jfila">
                                                <th style="width:30px;">#</th>
                                                <th>Código - Producto</th>
                                                <th class="text-center">Presentación</th>
                                                <th class="text-center">Cant Presentación</th>
                                                <th class="text-center">Unidades</th>
                                                <th class="text-center">Bulto</th>
                                                <th class="text-center">Pallet</th>
                                                <th class="text-center">Peso Neto (Kg)</th>
                                                <th class="text-center">Peso bruto (Kg)</th>
                                                <th class="text-center">Factura</th>
                                                <th class="text-center">FMMI</th>
                                                <!-- Campos especiales de informacion del producto -->
                                                @if (session('GrupoEmpresarial') == 1)
                                                    <th class="text-center">IMO</th>
                                                    <th class="text-center">UN</th>
                                                    <th class="text-center">PG</th>
                                                    <th class="text-center">FP</th>
                                                    <th class="text-center">MP</th>
                                                    <th class="text-center">CL</th>
                                                    <th class="text-center">CO</th>
                                                    <th></th>
                                                @endif
                                                <!-- Fin Campos especiales -->

                                                <th class="text-center">%</th>
                                                <th class="text-center">Vlr BL</th>
                                                <th class="text-center">Vlr Flete</th>
                                                <th class="text-center">Quitar</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $totalBL = 0;
                                                $totalFlete = 0;
                                                $totalUnidades = 0;
                                                $totalBultos = 0;
                                                $totalPallets = 0;
                                                $totalPesoNeto = 0;
                                                $totalPesoBruto = 0;
                                            @endphp

                                            @foreach ($newDeta as $dt)
                                                @php
                                                    $num = $num + 1;
                                                    // Antes un "@if enviado" escribía el texto $desactivado="disabled"; en la página en vez de
                                                    // asignarlo: los campos nunca se desactivaron. Se conserva vacío.
                                                    $desactivado = '';
                                                    $totalBL += $dt->valor_bl;
                                                    $totalFlete += $dt->valor_flete;
                                                    $totalUnidades += $dt->unidades;
                                                    $totalBultos += $dt->bulto;
                                                    $totalPallets += $dt->pallet;
                                                    $totalPesoBruto += $dt->peso_bruto;
                                                    $totalPesoNeto += $dt->peso_neto;
                                                @endphp
                                                <tr id="{{ $nomTab }}Fila{{ $num }}">
                                                    <!-- Id : ex_po_detalle -->
                                                    <td class="hidden"><input
                                                            name="{{ $nomTab }}txtId{{ $num }}"
                                                            id="{{ $nomTab }}txtId{{ $num }}" type="text" readonly="readonly"
                                                            value="{{ $dt->id }}"> </td>
                                                    <td class="hidden"><input
                                                            name="{{ $nomTab }}txtIdetCargue{{ $num }}"
                                                            id="{{ $nomTab }}txtIdetCargue{{ $num }}" type="text"
                                                            value="{{ $dt->id_ex_pedido_detalle }}"> </td>
                                                    <td><input style="width:44px" class="{{ $cCelda }} text-center" name="{{ $nomTab }}txtN{{ $num }}"
                                                            id="{{ $nomTab }}txtN{{ $num }}" type="text" value="{{ $num }}"
                                                            readonly> </td>
                                                    <td>
                                                        <input hidden name="{{ $nomTab }}txtIdPedido{{ $num }}"
                                                            id="{{ $nomTab }}txtIdPedido{{ $num }}" value="{{ $dt->id_ex_pedido_detalle }}"
                                                            type="text" readonly>
                                                        <input hidden
                                                            name="{{ $nomTab }}txtIdPedidoDet{{ $num }}"
                                                            id="{{ $nomTab }}txtIdPedidoDet{{ $num }}" type="text"
                                                            value="{{ $dt->id_ex_pedido_detalle }}" readonly>
                                                        <input hidden
                                                            name="{{ $nomTab }}cboMaterialCodigo{{ $num }}"
                                                            id="{{ $nomTab }}cboMaterialCodigo{{ $num }}" type="text"
                                                            value="{{ $dt->id_material }}" readonly>
                                                        @php
                                                            $nombreMat = '';
                                                            foreach ($materi as $fil) {
                                                                if ($fil->id == $dt->id_material) {
                                                                    $nombreMat = $fil->codigo . ' - ' . $fil->nombre;
                                                                }
                                                            }
                                                        @endphp
                                                        <input onchange="materialSeleccionado('{{ $nomTab }}',{{ $num }})"
                                                            list="{{ $nomTab }}listadoCodigo{{ $num }}"
                                                            name="{{ $nomTab }}cboMaterial{{ $num }}"
                                                            id="{{ $nomTab }}cboMaterial{{ $num }}"
                                                            style="width: 240px" class="{{ $cCelda }}"
                                                            value = "{{ $nombreMat }}">
                                                        <datalist id="{{ $nomTab }}listadoCodigo{{ $num }}">
                                                            @foreach ($materi as $fil)
                                                                <option data-valor = "{{ $fil->id }}"
                                                                    @if ($fil->id == $dt->id_material) selected="selected" @endif
                                                                    value="{{ $fil->codigo }} - {{ $fil->nombre }}">
                                                            @endforeach
                                                        </datalist>
                                                    </td>

                                                    <td><input class="{{ $cCelda }}" style="width:110px"
                                                            name="{{ $nomTab }}txtPresentacion{{ $num }}"
                                                            id="{{ $nomTab }}txtPresentacion{{ $num }}" type="text"
                                                            value="{{ $dt->presentacion }}" {{ session('ServicioCliente') == 'E' ? 'readonly' : '' }}
                                                            {{ $desactivado }}> </td>
                                                    <td><input class="{{ $cCelda }}" style="width:110px"
                                                            name="{{ $nomTab }}txtCantPresentacion{{ $num }}"
                                                            id="{{ $nomTab }}txtCantPresentacion{{ $num }}" type="text"
                                                            value="{{ $dt->cant_presentacion }}" {{ $desactivado }}> </td>
                                                    <td><input class="{{ $cCelda }}" style="width:100px"
                                                            name="{{ $nomTab }}txtUnidad{{ $num }}"
                                                            id="{{ $nomTab }}txtUnidad{{ $num }}"
                                                            onblur="verInfoMat('{{ $nomTab }}',{{ $num }},1)" type="text"
                                                            value="{{ $dt->unidades }}" {{ $desactivado }}> </td>
                                                    <td><input class="{{ $cCelda }}" style="width:90px"
                                                            name="{{ $nomTab }}txtBulto{{ $num }}"
                                                            id="{{ $nomTab }}txtBulto{{ $num }}" type="text" value="{{ $dt->bulto }}"
                                                            {{ $desactivado }}> </td>
                                                    <td><input class="{{ $cCelda }}" style="width:90px"
                                                            name="{{ $nomTab }}txtPallet{{ $num }}"
                                                            id="{{ $nomTab }}txtPallet{{ $num }}" type="text" value="{{ $dt->pallet }}"
                                                            {{ $desactivado }}></td>
                                                    <td><input class="{{ $cCelda }} {{ $cPeso }}" style="width:110px"
                                                            name="{{ $nomTab }}txtPesoN{{ $num }}"
                                                            id="{{ $nomTab }}txtPesoN{{ $num }}" type="text"
                                                            value="{{ number_format($dt->peso_neto, 0) }}" {{ $desactivado }}> </td>
                                                    <td><input class="{{ $cCelda }} {{ $cPeso }}" style="width:110px"
                                                            name="{{ $nomTab }}txtPesoB{{ $num }}"
                                                            id="{{ $nomTab }}txtPesoB{{ $num }}" type="text"
                                                            value="{{ number_format($dt->peso_bruto, 0) }}" {{ $desactivado }}> </td>
                                                    <td><input class="{{ $cCelda }}" style="width:100px"
                                                            name="{{ $nomTab }}txtNumfactura{{ $num }}"
                                                            id="{{ $nomTab }}txtNumfactura{{ $num }}" type="text"
                                                            value="{{ $dt->num_factura }}" {{ $desactivado }}> </td>
                                                    <td><input class="{{ $cCelda }}" style="width:100px"
                                                            name="{{ $nomTab }}txtFmmi{{ $num }}"
                                                            id="{{ $nomTab }}txtFmmi{{ $num }}" type="text" value="{{ $dt->fmmi }}"
                                                            {{ $desactivado }}> </td>

                                                    <!-- Campos especiales de informacion del producto (en editar, para todos los clientes) -->
                                                    <td><input class="{{ $cCelda }} {{ $cPeso }}" style="width:80px"
                                                            name="{{ $nomTab }}txtimo{{ $num }}"
                                                            id="{{ $nomTab }}txtimo{{ $num }}" type="text" value="{{ $dt->imo }}">
                                                    </td>
                                                    <td><input class="{{ $cCelda }} {{ $cPeso }}" style="width:80px"
                                                            name="{{ $nomTab }}txtun{{ $num }}"
                                                            id="{{ $nomTab }}txtun{{ $num }}" type="text" value="{{ $dt->un }}">
                                                    </td>
                                                    <td>
                                                        <select name="{{ $nomTab }}txtpg{{ $num }}"
                                                            id="{{ $nomTab }}txtpg{{ $num }}" style="width: 80px"
                                                            class="{{ $cCeldaSelect }} {{ $cPeso }}">
                                                            <option @if ($dt->pg == 'N/A') selected='selected' @endif value="N/A">N/A</option>
                                                            <option @if ($dt->pg == 'I') selected='selected' @endif value="I">I</option>
                                                            <option @if ($dt->pg == 'II') selected='selected' @endif value="II">II</option>
                                                            <option @if ($dt->pg == 'III') selected='selected' @endif value="III">III</option>
                                                        </select>
                                                    </td>
                                                    <td><input class="{{ $cCelda }} {{ $cPeso }}" style="width:80px"
                                                            name="{{ $nomTab }}txtfp{{ $num }}"
                                                            id="{{ $nomTab }}txtfp{{ $num }}" type="text" value="{{ $dt->fp }}"></td>
                                                    <td>
                                                        <select name="{{ $nomTab }}txtm_p{{ $num }}"
                                                            id="{{ $nomTab }}txtm_p{{ $num }}" style="width: 80px"
                                                            class="{{ $cCeldaSelect }} {{ $cPeso }}">
                                                            <option @if ($dt->m_p == 'N/A') selected='selected' @endif value="N/A">N/A</option>
                                                            <option @if ($dt->m_p == 'SI') selected='selected' @endif value="SI">SI</option>
                                                            <option @if ($dt->m_p == 'NO') selected='selected' @endif value="NO">NO</option>
                                                        </select>
                                                    </td>
                                                    <td>
                                                        <select name="{{ $nomTab }}txtcl{{ $num }}"
                                                            id="{{ $nomTab }}txtcl{{ $num }}" style="width: 80px"
                                                            class="{{ $cCeldaSelect }} {{ $cPeso }}">
                                                            <option @if ($dt->cl == 'N/A') selected='selected' @endif value="N/A">N/A</option>
                                                            <option @if ($dt->cl == 'SI') selected='selected' @endif value="SI">SI</option>
                                                            <option @if ($dt->cl == 'NO') selected='selected' @endif value="NO">NO</option>
                                                        </select>
                                                    </td>
                                                    <td>
                                                        <select name="{{ $nomTab }}txtco{{ $num }}"
                                                            id="{{ $nomTab }}txtco{{ $num }}" style="width: 80px"
                                                            class="{{ $cCeldaSelect }} {{ $cPeso }}">
                                                            <option @if ($dt->co == 'N/A') selected='selected' @endif value="N/A">N/A</option>
                                                            <option @if ($dt->co == 'SI') selected='selected' @endif value="SI">SI</option>
                                                            <option @if ($dt->co == 'NO') selected='selected' @endif value="NO">NO</option>
                                                        </select>
                                                    </td>
                                                    <td class="text-center">
                                                        <button type="button" id="{{ $nomTab }}actualizaMaterial{{ $num }}"
                                                            name="{{ $nomTab }}actualizaMaterial{{ $num }}"
                                                            onclick="actualizaMat('{{ $nomTab }}','{{ $i }}')"
                                                            title="Actualiza informacion del material" aria-label="Actualiza informacion del material" class="ctc-accion">
                                                            <x-icono nombre="arrow-path" class="h-[18px] w-[18px] text-emerald-600 dark:text-emerald-400" />
                                                        </button>
                                                    </td>
                                                    <!-- Fin Campos especiales -->

                                                    <td><input class="{{ $cCelda }} {{ $cGasto }}" style="width:100px"
                                                            name="{{ $nomTab }}txtTasa{{ $num }}"
                                                            id="{{ $nomTab }}txtTasa{{ $num }}" type="text"
                                                            value="{{ $dt->tasa_peso_bruto }}" {{ $desactivado }}> </td>
                                                    <td><input class="{{ $cCelda }} {{ $cGasto }}" style="width:100px"
                                                            name="{{ $nomTab }}txtBL{{ $num }}"
                                                            id="{{ $nomTab }}txtBL{{ $num }}" type="text" value="{{ $dt->valor_bl }}"
                                                            {{ $desactivado }}> </td>
                                                    <td><input class="{{ $cCelda }} {{ $cGasto }}" style="width:100px"
                                                            name="{{ $nomTab }}txtFlete{{ $num }}"
                                                            id="{{ $nomTab }}txtFlete{{ $num }}" type="text" value="{{ $dt->valor_flete }}"
                                                            {{ $desactivado }}> </td>
                                                    <td class="text-center"><a href="#" id="{{ $nomTab }}Del0" nom="{{ $nomTab }}Del0"
                                                            onclick="del(this,'{{ $dt->id }}','{{ $nomTab }}','{{ $num }}');"
                                                            class="delrow ctc-accion mx-auto" title="Quitar el producto del contenedor" aria-label="Quitar el producto del contenedor"><x-icono nombre="trash" class="h-[18px] w-[18px] text-red-600 dark:text-red-400" /></a></td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <table id="{{ $nomTab }}totalContenedor" name="{{ $nomTab }}totalContenedor"
                                class="ex-totales w-full border-t border-[var(--borde)]" style="display:none">
                                <tr>
                                    <td class="w-0"><input type="hidden"
                                            id="{{ $nomTab }}txtPosi" name="{{ $nomTab }}txtPosi" type="text" value="0"
                                            readonly></td>
                                    <td style="width:80px">
                                        <span class="{{ $cEtiquetaTotal }}">Cant.</span>
                                        <input class="{{ $cTotal }}" id="{{ $nomTab }}txtCanti"
                                            name="{{ $nomTab }}txtCanti" type="text" value="{{ count($newDeta) }}" readonly>
                                    </td>

                                    <td>
                                        <span class="{{ $cEtiquetaTotal }}">Total BL</span>
                                        <input type="text" name="{{ $nomTab }}txtTotal" id="{{ $nomTab }}txtTotal"
                                            style="display: none;" readonly="readonly" value="" />
                                        <input type="text" name="{{ $nomTab }}txtTotalBL" id="{{ $nomTab }}txtTotalBL"
                                            class="{{ $cTotal }} {{ $cGasto }}" readonly="readonly" value="{{ $totalBL }}" />
                                    </td>
                                    <td>
                                        <span class="{{ $cEtiquetaTotal }}">Total Fletes</span>
                                        <input type="text" name="{{ $nomTab }}txtTotalFlete" id="{{ $nomTab }}txtTotalFlete"
                                            class="{{ $cTotal }} {{ $cGasto }}" readonly="readonly" value="{{ $totalFlete }}" />
                                    </td>
                                    <td>
                                        <span class="{{ $cEtiquetaTotal }}">Total GD</span>
                                        <input type="text" name="{{ $nomTab }}txtTotalGD" id="{{ $nomTab }}txtTotalGD"
                                            class="{{ $cTotal }} {{ $cGasto }}" readonly="readonly"
                                            value="{{ $gp->gastos_destino }}" />
                                    </td>
                                    @php $totalGastos = $totalBL + $totalFlete + $gp->gastos_destino; @endphp
                                    <td>
                                        <span class="{{ $cEtiquetaTotal }}">Total Gastos</span>
                                        <input type="text" name="{{ $nomTab }}txtTotalGastos" id="{{ $nomTab }}txtTotalGastos"
                                            class="{{ $cTotal }} {{ $cGasto }} font-bold" readonly="readonly" value="{{ $totalGastos }}" />
                                    </td>
                                    <td>
                                        <span class="{{ $cEtiquetaTotal }}">Total Unidades</span>
                                        <input type="text" name="{{ $nomTab }}txtTotalUnidades"
                                            id="{{ $nomTab }}txtTotalUnidades" class="{{ $cTotal }}"
                                            readonly="readonly" value="{{ $totalUnidades }}" />
                                    </td>
                                    <td>
                                        <span class="{{ $cEtiquetaTotal }}">Total Bultos</span>
                                        <input type="text" name="{{ $nomTab }}txtTotalBultos" id="{{ $nomTab }}txtTotalBultos"
                                            class="{{ $cTotal }}" readonly="readonly" value="{{ $totalBultos }}" />
                                    </td>
                                    <td>
                                        <span class="{{ $cEtiquetaTotal }}">Total Pallets</span>
                                        <input type="text" name="{{ $nomTab }}txtTotalPallets"
                                            id="{{ $nomTab }}txtTotalPallets" class="{{ $cTotal }}"
                                            readonly="readonly" value="{{ $totalPallets }}" />
                                    </td>
                                    <td>
                                        <span class="{{ $cEtiquetaTotal }}">Total Peso Neto</span>
                                        <input type="text" name="{{ $nomTab }}txtTotalPesoNeto"
                                            id="{{ $nomTab }}txtTotalPesoNeto" class="{{ $cTotal }}"
                                            readonly="readonly" value="{{ $totalPesoNeto }}" />
                                    </td>
                                    <td>
                                        <span class="{{ $cEtiquetaTotal }}">Total Peso Bruto</span>
                                        <input type="text" name="{{ $nomTab }}txtTotalPesoBruto"
                                            id="{{ $nomTab }}txtTotalPesoBruto" class="{{ $cTotal }}"
                                            readonly="readonly" value="{{ $totalPesoBruto }}" />
                                    </td>

                                </tr>
                            </table>
                            <table id="{{ $nomTab }}botonesContenedor" name="{{ $nomTab }}botonesContenedor"
                                class="w-full border-t border-[var(--borde)]" style="display:none">
                                <tr>
                                    <td class="px-4 py-3">
                                        <div class="flex flex-wrap items-center gap-2">
                                            <x-enlace-boton id="{{ $nomTab }}Add"
                                                href="javascript:AddRowEmpty('{{ $nomTab }}','{{ $i }}');"><x-icono nombre="plus-circle" /> Producto</x-enlace-boton>
                                            <x-enlace-boton id="{{ $nomTab }}AddEstiba"
                                                href="javascript:AddRowEmpty('{{ $nomTab }}',{{ $nomTab }},1);"><x-icono nombre="plus-circle" /> Estiba de aseguramiento</x-enlace-boton>
                                            <x-enlace-boton id="{{ $nomTab }}EliminaContenedor"
                                                href="javascript:EliminaContenedor('{{ $nomTab }}');"><x-icono nombre="trash" class="h-4 w-4 text-red-600 dark:text-red-400" /> Eliminar contenedor</x-enlace-boton>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        @php $i = $i + 1; @endphp
                    @endforeach

                    <input hidden id="txtCantiCon" name="txtCantiCon" value="{{ count($grupocon) }}" readonly>

                    {{-- Contenedores nuevos (AgregarContenedor) --}}
                    <div id="PanelPadre" class="space-y-4"></div>
                </div>
            </x-seccion-plegable>

            {{-- Guardar --}}
            <div class="sticky bottom-0 z-40 flex flex-wrap items-center justify-between gap-3 rounded-xl border border-[var(--borde)] bg-[var(--superficie)] px-4 py-3 shadow-[var(--sombra-panel)]">
                <div class="flex min-w-0 items-center gap-2 text-[13px] text-[var(--texto-suave)]">
                    <x-icono nombre="arrow-path" id="loading_spinner2" style="display:none" class="h-4 w-4 animate-spin text-[var(--acento-texto)]" />
                    <span id="lblError">...</span>
                </div>
                <div class="flex flex-wrap items-center gap-2">
                    <x-secondary-button type="reset"><x-icono nombre="arrow-uturn-left" variante="m" class="h-4 w-4" /> Limpiar</x-secondary-button>
                    @if (Auth::user()->operacion_ex == 'E')
                        @if ($po->id == null)
                            <x-button><x-icono nombre="check" variante="m" class="h-4 w-4" /> Guardar</x-button>
                        @else
                            <x-button><x-icono nombre="check" variante="m" class="h-4 w-4" /> Actualizar</x-button>
                        @endif
                    @endif
                    <x-enlace-boton href="{{ pantalla('/rexpo') }}"><x-icono nombre="x-mark" variante="m" class="h-4 w-4" /> Cancelar</x-enlace-boton>
                </div>
            </div>
        </form>
    </x-pagina>

    @push('estilos')
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/css/select2.min.css">
        <style>
            /* select2 (lo activa traerDatosDO en Terminal y País) con los tokens del layout. */
            .select2-container { width: 100% !important; font-size: 13px; }
            .select2-container--default .select2-selection--single { height: 38px; border-radius: .375rem; border-color: var(--borde-fuerte); background: var(--superficie); }
            .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; color: var(--texto); padding-left: 12px; }
            .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; }
            .select2-dropdown { border-color: var(--borde-fuerte); background: var(--superficie); color: var(--texto); }
            .select2-container--default .select2-search--dropdown .select2-search__field { border-color: var(--borde-fuerte); background: var(--superficie); color: var(--texto); }
            .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: var(--acento); color: var(--acento-contraste); }
            .select2-container--default .select2-results__option--selected { background: var(--superficie-2); }

            /* Lotes: los arma AgregarLotes como controles sueltos separados por <br>. */
            .formcontrol { display: inline-block; height: 32px; margin: 4px 4px 0 0; padding: 0 8px; vertical-align: middle;
                           border: 1px solid var(--borde-fuerte); border-radius: .375rem; background: var(--superficie); color: var(--texto); font-size: 13px; }
            .formcontrol[readonly] { background: var(--superficie-2); color: var(--texto-suave); }
            .formcontrol:focus { outline: none; border-color: var(--acento); box-shadow: 0 0 0 1px var(--acento); }
            .ex-boton-lote { display: inline-flex; height: 32px; align-items: center; gap: 4px; margin-top: 4px; padding: 0 10px; vertical-align: middle;
                             border: 1px solid var(--borde-fuerte); border-radius: .5rem; background: var(--superficie); color: var(--acento-texto);
                             font-size: 12px; font-weight: 600; }
            .ex-boton-lote:hover { background: var(--nav-hover); }
            .ex-boton-lote-peligro { color: rgb(220 38 38); }
            .dark .ex-boton-lote-peligro { color: rgb(248 113 113); }

            /* La caja de la tabla de productos se oculta cuando mostrarTab oculta la tabla (pestañas Lotes y Ocultar). */
            .ex-caja:has(> .ctc-tabla-caja > table[style*="none"]) { display: none; }
            /* mostrarTab pone display:inline-block a las tablas: que sigan ocupando todo el ancho. */
            .ex-caja table, .ex-totales, [id$="tablaContenedor"], [id$="botonesContenedor"] { min-width: 100%; }
            .ex-totales td { padding: 10px 6px; vertical-align: bottom; }
            .ex-totales td:first-child { padding: 0; }
        </style>
    @endpush

    @push('scripts')
        {{-- Librerías que traía la vista anterior (planti), solo para esta pantalla. Antes se cargaban dos jQuery y
             bootstrap-select (sin uso, daba error); ahora un solo jQuery con select2 y jQuery Mask (campos con separador de miles). --}}
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/js/select2.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>

	<script>
		$("#poAutomatico").change(function() {
			if ($("#poAutomatico").is(":checked")) {
				$("#txtPo").attr("readonly", "readonly");
				$("#txtPo").val("Automatico");
			} else {
				$("#txtPo").removeAttr("readonly");
				$("#txtPo").val("");
			}
		})


		$(document).ready(function() {

			cantiCon = $("#txtCantiCon").val();
			for (c = 1; c <= cantiCon; c++) {
				$("#t" + c + "jpanel").css("display", "inline-block");
				$("#t" + c + "jpanel").css("width", "100%");
				$("#t" + c + "tablaContenedor").css("width", "100%");
				verInfoContenedor("t" + c);
				$("#t" + c + "tabInformacion").click();
			}

			$(document).on('change', '.paisOrigen', function() {
				var id = $(this).val();
				$.ajax({
						url: "{!! URL::to('extraerpuertosd') !!}",
						method: 'GET',
						data: {
							'id': id
						},
						beforeSend: function() {
							jQuery('#loading_spinner1').show();
						}
					})
					.done(function(puertos) {
						console.log(puertos);
						jQuery('#loading_spinner1').hide();
						opti = "<option value='0'>Seleccione una Opcion</option>";
						for (var i = 0; i < puertos.length; i++) {
							opti += "<option value='" + puertos[i]["id"] + "' >" + puertos[i]["nombre"] +
								" </option>";
						}

						$("#cboPuertoDestino").html(opti);

					})
					.fail(function(puertos) {
						console.log(data);
					});

			});

		});
	</script>

	<script>
		var i = '{{ $i }}'; // $("#txti").val();
		var newaddress;
		var pp = [];
		var Condelete = 0;

		$('input.jnumber').mask('#,##0', {
			'reverse': true
		});
		$('input.number').mask('#,##0', {
			'reverse': true
		});

		function AddEstiba(tabla, idpo) {
			idg = "{{ session('GrupoEmpresarial') }}";

			AddRowEmpty(tabla, idpo);
			ult = $("#" + tabla + "txtCanti").val();
			switch (idg) {
				case "1":
					$("#" + tabla + "cboMaterial" + ult).val(6221);
					break;
				case "19":
					$("#" + tabla + "cboMaterial" + ult).val(2773);
					break;
				default:
					break;
			}

			$("#" + tabla + "txtPresentacion" + ult).val("1.00 UN");
			$("#" + tabla + "txtPallet" + ult).val("1");
		}

		function gestionarLotes(tabla) {
			console.log(tabla);
			var el = document.getElementById(tabla + 'gestionLotes');
			el.style.display = (el.style.display == 'none') ? 'inline-block' : 'none';
			console.log(el.style.display);
		}

		function AgregarLotes(tabla) {
			ultimoLote = $("#" + tabla + "CantidadLotes").val();
			u = parseInt(ultimoLote) + 1;
			console.log(ultimoLote);

			posi = 0;
			opciones = '<option selected value = 0>Seleccione Material</option>';
			$("#cboProducto option").each(function() {
				if (posi > 0) {
					idp = (($(this).attr('value').split("|"))[0]);
					opciones += "<option value = " + idp + ">" + $(this).text() + "</option>";
				}
				posi++;
			});

			console.log(opciones);

			info = $("#" + tabla + "contenidoLotes").html();
			info += '<input readonly    id="' + tabla + 'numFila' + u + '" name="' + tabla + 'numFila' + u +
				'"  class="formcontrol"  style="width:50px;" value="' + u + '">';
			info += '<input type="text" id="' + tabla + 'numLote' + u + '" name="' + tabla + 'numLote' + u +
				'"  class="formcontrol"  style="width:100px" placeholder="No. Lote">';
			info += '<select            id="' + tabla + 'idProd' + u + '"  name="' + tabla + 'idProd' + u +
				'"   class="formcontrol"  style="width:400px">';
			info += opciones;
			info += '</select>';
			info += '<input type="text" id="' + tabla + 'canProd' + u + '"        name="' + tabla + 'canProd' + u +
				'"       class="formcontrol"  style="width:80px" placeholder="Cantidad">';
			info += '<input type="text" id="' + tabla + 'Observaciones' + u + '"  name="' + tabla + 'Observaciones' + u +
				'" class="formcontrol"  style="width:300px" placeholder="Observaciones">';
			info += '<button id="' + tabla + 'btnElminarLote' + u + '" type="button" onclick="EliminaLote(\'' + tabla + '\',' +
				u + ')" class="ex-boton-lote ex-boton-lote-peligro" title="Eliminar lote" aria-label="Eliminar lote">' + @json(svg('heroicon-o-trash', 'h-4 w-4 shrink-0', ['aria-hidden' => 'true'])->toHtml()) + '</button>';
			info += '<br id="' + tabla + 'saltoLinea' + u + '">';

			$("#" + tabla + "contenidoLotes").html(info);
			$("#" + tabla + "CantidadLotes").val(u);

		}

		function EliminaLote(tabla, fila) {
			if (confirm("CONFIRMACION REQUERIDA\n\nSeguro de eliminar este lote?")) {
				idlote = $("#" + tabla + "txtIdLote" + fila).val();
				$.ajax({
					type: "get",
					url: "/eliminaLote/" + idlote,
					success: function(data) {
						$("#" + tabla + "txtIdLote" + fila).remove();
						$("#" + tabla + "numFila" + fila).remove();
						$("#" + tabla + "numLote" + fila).remove();
						$("#" + tabla + "idProd" + fila).remove();
						$("#" + tabla + "canProd" + fila).remove();
						$("#" + tabla + "Observaciones" + fila).remove();
						$("#" + tabla + "btnElminarLote" + fila).remove();
						$("#" + tabla + "saltoLinea" + fila).remove();
						console.log(data);
					},
					error: function() {
						alert("ERROR\n\nOcurrio un error y no fue eliminado el lote");
					}
				});
			}
		}

		function AddRowEmpty(tabla, idpo, tipo = 0) {
			var ped = 0;

			if (tabla != 0) {
				pp.push(ped);

				tablaAnt = "t0";
				var fila = $("#" + tablaAnt + " tbody tr:first").eq(0).clone();
				i = $("#" + tabla + "txtCanti").val();
				i++;
				$("#" + tabla + "txtCanti").val(i);

				fila.find('input').each(function() {
					this.name = this.name.replace(tablaAnt + 'txtId0', tabla + 'txtId' + i);
					this.name = this.name.replace(tablaAnt + 'txtN0', tabla + 'txtN' + i);
					this.name = this.name.replace(tablaAnt + 'txtPresentacion0', tabla + 'txtPresentacion' + i);
					this.name = this.name.replace(tablaAnt + 'txtCantPresentacion0', tabla + 'txtCantPresentacion0' +
						i);
					this.name = this.name.replace(tablaAnt + 'txtIdPedido0', tabla + 'txtIdPedido' + i);
					this.name = this.name.replace(tablaAnt + 'txtIdPedidoDet0', tabla + 'txtIdPedidoDet' + i);
					this.name = this.name.replace(tablaAnt + 'txtUnidad0', tabla + 'txtUnidad' + i);
					this.name = this.name.replace(tablaAnt + 'txtBulto0', tabla + 'txtBulto' + i);
					this.name = this.name.replace(tablaAnt + 'txtPallet0', tabla + 'txtPallet' + i);
					this.name = this.name.replace(tablaAnt + 'txtPesoN0', tabla + 'txtPesoN' + i);
					this.name = this.name.replace(tablaAnt + 'txtPesoB0', tabla + 'txtPesoB' + i);
					this.name = this.name.replace(tablaAnt + 'txtNumfactura0', tabla + 'txtNumfactura' + i);
					this.name = this.name.replace(tablaAnt + 'txtFmmi0', tabla + 'txtFmmi' + i);

					this.name = this.name.replace(tablaAnt + 'txtimo0', tabla + 'txtimo' + i);
					this.name = this.name.replace(tablaAnt + 'txtun0', tabla + 'txtun' + i);
					this.name = this.name.replace(tablaAnt + 'txtfp0', tabla + 'txtfp' + i);

					this.name = this.name.replace(tablaAnt + 'txtTasa0', tabla + 'txtTasa' + i);
					this.name = this.name.replace(tablaAnt + 'txtBL0', tabla + 'txtBL' + i);
					this.name = this.name.replace(tablaAnt + 'txtFlete0', tabla + 'txtFlete' + i);

					this.name = this.name.replace(tablaAnt + 'cboMaterial0', tabla + 'cboMaterial' +
					i); // Nuevo dataList cboMaterial
					this.name = this.name.replace(tablaAnt + 'cboMaterialCodigo0', tabla + 'cboMaterialCodigo' +
					i); // Nuevo valor codigo Material


					this.id = this.id.replace(tablaAnt + 'txtId0', tabla + 'txtId' + i);
					this.id = this.id.replace(tablaAnt + 'txtN0', tabla + 'txtN' + i);
					this.id = this.id.replace(tablaAnt + 'txtPresentacion0', tabla + 'txtPresentacion' + i);
					this.id = this.id.replace(tablaAnt + 'txtCantPresentacion0', tabla + 'txtCantPresentacion' + i);
					this.id = this.id.replace(tablaAnt + 'txtIdPedido0', tabla + 'txtIdPedido' + i);
					this.id = this.id.replace(tablaAnt + 'txtIdPedidoDet0', tabla + 'txtIdPedidoDet' + i);
					this.id = this.id.replace(tablaAnt + 'txtUnidad0', tabla + 'txtUnidad' + i);
					this.id = this.id.replace(tablaAnt + 'txtBulto0', tabla + 'txtBulto' + i);
					this.id = this.id.replace(tablaAnt + 'txtPallet0', tabla + 'txtPallet' + i);
					this.id = this.id.replace(tablaAnt + 'txtPesoN0', tabla + 'txtPesoN' + i);
					this.id = this.id.replace(tablaAnt + 'txtPesoB0', tabla + 'txtPesoB' + i);
					this.id = this.id.replace(tablaAnt + 'txtNumfactura0', tabla + 'txtNumfactura' + i);
					this.id = this.id.replace(tablaAnt + 'txtFmmi0', tabla + 'txtFmmi' + i);

					this.id = this.id.replace(tablaAnt + 'txtimo0', tabla + 'txtimo' + i);
					this.id = this.id.replace(tablaAnt + 'txtun0', tabla + 'txtun' + i);
					this.id = this.id.replace(tablaAnt + 'txtfp0', tabla + 'txtfp' + i);

					this.id = this.id.replace(tablaAnt + 'txtTasa0', tabla + 'txtTasa' + i);
					this.id = this.id.replace(tablaAnt + 'txtBL0', tabla + 'txtBL' + i);
					this.id = this.id.replace(tablaAnt + 'txtFlete0', tabla + 'txtFlete' + i);

					this.id = this.id.replace(tablaAnt + 'cboMaterialCodigo0', tabla + 'cboMaterialCodigo' +
					i); // Nuevo valor codigo Material
					this.id = this.id.replace(tablaAnt + 'cboMaterial0', tabla + 'cboMaterial' +
					i); // Nuevo dataList cboMaterial

					if (this.name == tabla + 'txtN' + i) {
						$(this).val(i);
					} else {
						$(this).val(0);
					}

					if (this.id == tabla + 'txtIdPedido' + i) {
						$(this).val(ped);
					}
				});

				/*fila.find("button#t0actualizaMaterial0").each(function () {
				    let nom = tabla+"temporal" + i;
				    clic = 'actualizaMat("'+tabla+'",'+i+');';
				}).attr({ name: nom, id: nom, onclick: clic}).end().appendTo("#"+tabla);*/

				fila.find("button#t0Del0").each(function() {
					nom = tabla + "Del" + i;
					clic = 'del(this,"' + tabla + '",' + i + ');';
				}).attr({
					name: nom,
					id: nom,
					onclick: clic
				}).end().appendTo("#" + tabla);

				/*
				fila.find("select#t0cboMaterial0").each(function () {
				    nom = tabla+"cboMaterial" + i;
				    val = $('#cboProducto').val();
				    metodo = "verInfoMat('"+tabla+"',"+i+")";
				    $(this).val( val);
				}).attr({ name: nom, id: nom, onchange: metodo}).end().appendTo("#"+tabla);
				*/

				// Control dataList cboMaterial ------------------------------------
				nombreCampo = "#" + tabla + "cboMaterial" + i;
				$(nombreCampo).attr('list', tabla + "listadoCodigo" + i);
				$(nombreCampo).attr('onchange', "materialSeleccionado('" + tabla + "'," + i + ")");

				fila.find("datalist#t0listadoCodigo0").each(function() {
					nom = tabla + "listadoCodigo" + i;
					metodo = "verInfoMat('" + tabla + "'," + i + ")";
					metodo = "materialSeleccionado('" + tabla + "'," + i + ")";
				}).attr({
					name: nom,
					id: nom
				}).end().appendTo("#" + tabla);
				// ------------------------------------------------------------------

				$("#" + nom).val("");

				fila.find("select#t0txtpg0").each(function() {
					nom = tabla + "txtpg" + i;
					//$(this).val( val);
				}).attr({
					name: nom,
					id: nom
				}).end().appendTo("#" + tabla);

				fila.find("select#t0txtm_p0").each(function() {
					nom = tabla + "txtm_p" + i;
					//$(this).val( val);
				}).attr({
					name: nom,
					id: nom
				}).end().appendTo("#" + tabla);

				fila.find("select#t0txtcl0").each(function() {
					nom = tabla + "txtcl" + i;
					//$(this).val();
				}).attr({
					name: nom,
					id: nom
				}).end().appendTo("#" + tabla);

				fila.find("select#t0txtco0").each(function() {
					nom = tabla + "txtco" + i;
					//$(this).val( val);
				}).attr({
					name: nom,
					id: nom
				}).end().appendTo("#" + tabla);

				nombreCampo = "#" + tabla + "txtUnidad" + i;
				$(nombreCampo).attr('onblur', "verInfoMat('" + tabla + "'," + i + ", 1)");

				fila.find("input#t0txtIdetCargue0").each(function() {
					nom = tabla + "txtIdetCargue" + i;
					valores = $('#cboProducto').val();
					val = valores.split("-");
					$(this).val(val[1]);
				}).attr({
					name: nom,
					id: nom
				}).end().appendTo("#" + tabla);

				ActualizaProducto(tabla, idpo, i);

				$('#' + tabla + ' tbody').append('<tr>' + fila + '</tr>');
				if ($('#ped-' + $('#cboPedido').val()).length == 0) {
					$('.pedidos').append('<h4 id="ped-' + $('#cboPedido').val() +
						'" class="pedido-pill"><span class="label label-success">' + $('#select2-cboPedido-container')
						.text() + '</span></h4>');
				}

			} else {
				alert('Para agregar el producto debe existir al menos un contenedor');
			}
		}

		function actualizaMat(t, p) {
			if (confirm("CONFIRMACION REQUERIDA\n\nDesea actualizar esa informacion para el material")) {
				$.ajax({
					url: "/actualizaMaterial",
					type: "get",
					data: {
						// id_mat : $("#"+t+"cboMaterial"+p).val(),
						id_mat: $("#" + t + "cboMaterialCodigo" + p).val(),
						imo: $("#" + t + "txtimo" + p).val(),
						un: $("#" + t + "txtun" + p).val(),
						pg: $("#" + t + "txtpg" + p).val(),
						fp: $("#" + t + "txtfp" + p).val(),
						m_p: $("#" + t + "txtm_p" + p).val(),
						cl: $("#" + t + "txtcl" + p).val(),
						co: $("#" + t + "txtco" + p).val(),
						pbruto: $("#" + t + "txtPesoB" + p).val(),
						pneto: $("#" + t + "txtPesoN" + p).val()
					},
					success: function(respuesta) {
						alert(respuesta);
					},
					error: function(respuesta) {
						prompt('', respuesta);
					}
				});
			}
		}

		function AddRow(tabla, idpo) {

			//info          = ($('#cboProducto').val()).split("|");

			idProducto = $("#codMaterialDistribucion").val(); // info[0];
			/*
			presentacion  = info[1];
			idPedidoDet   = info[2];
			unidadesxCaja = info[3];
			cajasxPallet  = info[4];
			volPresent    = info[5];
			*/

			var ped = $('#cboPedido').val();

			if (tabla != 0) {
				pp.push(ped);
				console.log(pp);
				tablaAnt = "t0";
				var fila = $("#" + tablaAnt + " tbody tr:first").eq(0).clone();
				i = $("#" + tabla + "txtCanti").val();
				i++;
				$("#" + tabla + "txtCanti").val(i);

				fila.find('input').each(function() {
					this.name = this.name.replace(tablaAnt + 'txtId0', tabla + 'txtId' + i);
					this.name = this.name.replace(tablaAnt + 'txtN0', tabla + 'txtN' + i);
					this.name = this.name.replace(tablaAnt + 'txtPresentacion0', tabla + 'txtPresentacion' + i);
					this.name = this.name.replace(tablaAnt + 'txtCantPresentacion0', tabla + 'txtCantPresentacion' +
					i);
					this.name = this.name.replace(tablaAnt + 'txtIdPedido0', tabla + 'txtIdPedido' + i);
					this.name = this.name.replace(tablaAnt + 'txtIdPedidoDet0', tabla + 'txtIdPedidoDet' + i);
					this.name = this.name.replace(tablaAnt + 'txtUnidad0', tabla + 'txtUnidad' + i);
					this.name = this.name.replace(tablaAnt + 'txtBulto0', tabla + 'txtBulto' + i);
					this.name = this.name.replace(tablaAnt + 'txtPallet0', tabla + 'txtPallet' + i);
					this.name = this.name.replace(tablaAnt + 'txtPesoN0', tabla + 'txtPesoN' + i);
					this.name = this.name.replace(tablaAnt + 'txtPesoB0', tabla + 'txtPesoB' + i);
					this.name = this.name.replace(tablaAnt + 'txtNumfactura0', tabla + 'txtNumfactura' + i);
					this.name = this.name.replace(tablaAnt + 'txtFmmi0', tabla + 'txtFmmi' + i);
					this.name = this.name.replace(tablaAnt + 'txtTasa0', tabla + 'txtTasa' + i);
					this.name = this.name.replace(tablaAnt + 'txtBL0', tabla + 'txtBL' + i);
					this.name = this.name.replace(tablaAnt + 'txtFlete0', tabla + 'txtFlete' + i);

					this.id = this.id.replace(tablaAnt + 'txtId0', tabla + 'txtId' + i);
					this.id = this.id.replace(tablaAnt + 'txtN0', tabla + 'txtN' + i);
					this.id = this.id.replace(tablaAnt + 'txtPresentacion0', tabla + 'txtPresentacion' + i);
					this.id = this.id.replace(tablaAnt + 'txtCantPresentacion0', tabla + 'txtCantPresentacion' + i);
					this.id = this.id.replace(tablaAnt + 'txtIdPedido0', tabla + 'txtIdPedido' + i);
					this.id = this.id.replace(tablaAnt + 'txtIdPedidoDet0', tabla + 'txtIdPedidoDet' + i);
					this.id = this.id.replace(tablaAnt + 'txtUnidad0', tabla + 'txtUnidad' + i);
					this.id = this.id.replace(tablaAnt + 'txtBulto0', tabla + 'txtBulto' + i);
					this.id = this.id.replace(tablaAnt + 'txtPallet0', tabla + 'txtPallet' + i);
					this.id = this.id.replace(tablaAnt + 'txtPesoN0', tabla + 'txtPesoN' + i);
					this.id = this.id.replace(tablaAnt + 'txtPesoB0', tabla + 'txtPesoB' + i);
					this.id = this.id.replace(tablaAnt + 'txtNumfactura0', tabla + 'txtNumfactura' + i);
					this.id = this.id.replace(tablaAnt + 'txtFmmi0', tabla + 'txtFmmi' + i);
					this.id = this.id.replace(tablaAnt + 'txtTasa0', tabla + 'txtTasa' + i);
					this.id = this.id.replace(tablaAnt + 'txtBL0', tabla + 'txtBL' + i);
					this.id = this.id.replace(tablaAnt + 'txtFlete0', tabla + 'txtFlete' + i);

					if (this.name == tabla + 'txtN' + i) {
						$(this).val(i);
					} else {
						$(this).val(0);
					}

					if (this.id == tabla + 'txtUnidad' + i) {
						cantidad = $("#txtCantidadPro").val();
						$(this).val(cantidad);
					}
					/*
					if(this.id == tabla+'txtPresentacion' + i){
					    $(this).val(volPresent+' '+presentacion);
					}

					if(this.id == tabla+'txtBulto' + i){
					    numBultos = Math.ceil(cantidad / unidadesxCaja);
					    $(this).val(numBultos);
					}
					if(this.id == tabla+'txtPallet' + i){
					    numPallet = Math.ceil(numBultos / cajasxPallet) ;
					    $(this).val(numPallet);
					}
					if(this.id == tabla+'txtPesoN' + i){
					    pesoNeto = numBultos * 6 ;
					    $(this).val(pesoNeto);
					}
					if(this.id == tabla+'txtPesoB' + i){
					    pesoBruto = numBultos * 6.5 + numPallet * 30 ;
					    $(this).val(pesoBruto);
					}
					if(this.id == tabla+'txtIdPedido' + i){
					    $(this).val(idPedidoDet);
					}
					if(this.id == tabla+'txtIdPedidoDet' + i){
					    $(this).val(idPedidoDet);
					}
					*/
				});

				/*
				fila.find("select#t0cboMaterial0").each(function () {
				    nom = tabla+"cboMaterial" + i;
				    metodo = "verInfoMat('"+tabla+"',"+i+")";
				    $(this).val(idProducto);

				}).attr({ name: nom, id: nom , onchange: metodo }).end().appendTo("#"+tabla);
				*/

				nombreCampo = "#" + tabla + "txtUnidad" + i;
				$(nombreCampo).attr('onblur', "verInfoMat('" + tabla + "'," + i + ", 1)");

				/*
				fila.find("input#t0txtIdetCargue0").each(function () {
				    nom = tabla+"txtIdetCargue" + i;
				    valores = $('#cboProducto').val();
				    val = valores.split("-");
				    $(this).val(val[1]);

				}).attr({ name: nom, id: nom }).end().appendTo("#"+tabla);

				fila.find("#t0Del0").each(function () {
				    nom = tabla+"Del"+i;
				    clic = 'del(this,"'+tabla+'",'+i+');';
				}).attr({ name: nom, id: nom, onclick: clic}).end().appendTo("#"+tabla);


				fila.find("#t0btnActualizaMat0").each(function () {
				    nom = tabla+"btnActualizaMat"+i;
				    clic = 'actualizaMat("'+tabla+'",'+i+');';
				}).attr({ name: nom, id: nom, onclick: clic}).end().appendTo("#"+tabla);

				*/

				ActualizaProducto(tabla, idpo, i);

				$('#' + tabla + ' tbody').append('<tr>' + fila + '</tr>');
				/*
				if ($('#ped-'+ $('#cboPedido').val()).length == 0) {
				    $('.pedidos').append('<h4 id="ped-'+ $('#cboPedido').val() +'" class="pedido-pill"><span class="label label-success">'+ $('#select2-cboPedido-container').text() + '</span></h4>');
				}
				*/

			} else {
				alert('Para agregar el producto debe existir al menos un contenedor');
			}
		}

		function ActualizaProducto(tabla, idpo, fila) {

			var jform = new FormData();

			jform.append("_token", "{{ csrf_token() }}");
			jform.append("id_po", idpo);
			jform.append("id_det_cargue", $('#' + tabla + 'txtIdetCargue' + fila).val());

			jform.append("tabla", $('#cboContenedor').val());
			jform.append("txtIdCont", $('#' + tabla + 'txtIdCont').val());
			jform.append("txtContenedor", $('#' + tabla + 'txtContenedor').val());
			jform.append("txtSello", $('#' + tabla + 'txtSello').val());
			jform.append("txtTamano", $('#' + tabla + 'txtTamano').val());
			jform.append("txtCanti", $('#' + tabla + 'txtCanti').val());
			jform.append("fila", fila);
			// jform.append("cboMaterial", $("#"+tabla+"cboMaterial"+fila).val());
			jform.append("cboMaterial", $("#" + tabla + "cboMaterialCodigo" + fila).val());
			jform.append("txtPresentacion", $("#" + tabla + "txtPresentacion" + fila).val());
			jform.append("txtCantPresentacion", $("#" + tabla + "txtCantPresentacion" + fila).val());
			jform.append("txtUnidad", $("#" + tabla + "txtUnidad" + fila).val());
			jform.append("txtBulto", $("#" + tabla + "txtBulto" + fila).val());
			jform.append("txtPallet", $("#" + tabla + "txtPallet" + fila).val());
			jform.append("txtPesoN", $("#" + tabla + "txtPesoN" + fila).val());
			jform.append("txtPesoB", $("#" + tabla + "txtPesoB" + fila).val());

			// alert($('#'+tabla+'txtContenedor').val());

			$.ajax({
					url: '/rudpcontenedor',
					type: 'POST',
					dataType: 'json',
					data: jform,
					contentType: false,
					cache: false,
					processData: false,
					beforeSend: function() {
						jQuery('#loading_spinner1').show();
						jQuery('#loading_spinner2').show();
					}
				})
				.done(function(respuesta) {
					campo = tabla + 'txtId' + fila;
					$('#' + campo).val(respuesta.id);

					//repintar para actualizar doom por ser campo dinamico primero lo crea en tiempode ejecucion y luego le agrega valor
					$("input[name='" + campo + "']").replaceWith('<input id="' + campo + '" name="' + campo +
						'" style="width:30px;"  value="' + respuesta.id + '">');
					$('#' + campo).css("color", "red");
				})
				.fail(function(resp) {
					$('.error').html(resp);
					$('.error').slideDown('slow');
					setTimeout(function() {
						$('.error').slideUp('slow');
					}, 3000);

				})
				.always(function() {
					jQuery('#loading_spinner1').hide();
					jQuery('#loading_spinner2').hide();

					TraerProductos();
				});
		}

		function del(sender, id, tabla, fila) {

			var nom = '#' + tabla + 'txtId' + fila;
			var id_pe = $('#' + tabla + 'txtIdPedido' + fila).val();
			var cuenta = 0;

			i = $("#" + tabla + "txtCanti").val();

			//i--;
			$("#" + tabla + "txtCanti").val(i);

			if (id > 0 && confirm("Desea eliminar este registro")) {
				let filaDelete = document.getElementById(tabla + 'txtEstadoProducto' + fila);
				filaDelete.value = 1;
				$(sender).parents('tr').hide();
			}

			//$(sender).parents('tr').remove();

			for (j = 1; j <= i; j++) {
				if ($('#' + tabla + 'txtIdPedido' + j).val() == id_pe) {
					cuenta = cuenta + 1;
				}
			}
			/*if(cuenta == 0){
			    $('#ped-'+id_pe).remove();
			}*/
			console.log(cuenta);

			totales();

		}

		function AgregarRegistro(tabla, fila) {

			$("#lblError").text("");

			i = $("#" + tabla + "txtCanti").val();

			if (i < 30) {
				i++;
				var nom = tabla + "cboMaterial" + i
				$("#" + tabla + "txtCanti").val(i);

				var newaddress = $("#" + tabla + " tbody tr:first").eq(0).clone();

				console.log(newaddress);

				newaddress.find('input').each(function() {
					this.name = this.name.replace(tabla + 'txtId1', tabla + 'txtId' + i);
					this.name = this.name.replace(tabla + 'txtN1', tabla + 'txtN' + i);
					this.name = this.name.replace(tabla + 'txtPresentacion1', tabla + 'txtPresentacion' + i);
					this.name = this.name.replace(tabla + 'txtCantPresentacion1', tabla + 'txtCantPresentacion' + i);
					this.name = this.name.replace(tabla + 'txtUnidad1', tabla + 'txtUnidad' + i);
					this.name = this.name.replace(tabla + 'txtBulto1', tabla + 'txtBulto' + i);
					this.name = this.name.replace(tabla + 'txtPallet1', tabla + 'txtPallet' + i);
					this.name = this.name.replace(tabla + 'txtPesoN1', tabla + 'txtPesoN' + i);
					this.name = this.name.replace(tabla + 'txtPesoB1', tabla + 'txtPesoB' + i);
					this.name = this.name.replace(tabla + 'txtIMO1', tabla + 'txtIMO' + i);
					this.name = this.name.replace(tabla + 'txtUN1', tabla + 'txtUN' + i);
					this.name = this.name.replace(tabla + 'txtPG1', tabla + 'txtPG' + i);
					this.name = this.name.replace(tabla + 'txtFP1', tabla + 'txtFP' + i);
					this.name = this.name.replace(tabla + 'txtMP1', tabla + 'txtMP' + i);
					this.name = this.name.replace(tabla + 'txtCL1', tabla + 'txtCL' + i);
					this.name = this.name.replace(tabla + 'txtCO1', tabla + 'txtCO' + i);

					this.id = this.id.replace(tabla + 'txtId1', tabla + 'txtId' + i);
					this.id = this.id.replace(tabla + 'txtN1', tabla + 'txtN' + i);
					this.id = this.id.replace(tabla + 'txtPresentacion1', tabla + 'txtPresentacion' + i);
					this.id = this.id.replace(tabla + 'txtCantPresentacion1', tabla + 'txtCantPresentacion' + i);
					this.id = this.id.replace(tabla + 'txtUnidad1', tabla + 'txtUnidad' + i);
					this.id = this.id.replace(tabla + 'txtBulto1', tabla + 'txtBulto' + i);
					this.id = this.id.replace(tabla + 'txtPallet1', tabla + 'txtPallet' + i);
					this.id = this.id.replace(tabla + 'txtPesoN1', tabla + 'txtPesoN' + i);
					this.id = this.id.replace(tabla + 'txtPesoB1', tabla + 'txtPesoB' + i);
					this.id = this.id.replace(tabla + 'txtIMO1', tabla + 'txtIMO' + i);
					this.id = this.id.replace(tabla + 'txtUN1', tabla + 'txtUN' + i);
					this.id = this.id.replace(tabla + 'txtPG1', tabla + 'txtPG' + i);
					this.id = this.id.replace(tabla + 'txtFP1', tabla + 'txtFP' + i);
					this.id = this.id.replace(tabla + 'txtMP1', tabla + 'txtMP' + i);
					this.id = this.id.replace(tabla + 'txtCL1', tabla + 'txtCL' + i);
					this.id = this.id.replace(tabla + 'txtCO1', tabla + 'txtCO' + i);


					if (this.name == tabla + 'txtN' + i) {
						$(this).val(i);
					} else {
						$(this).val(0);
					}
				});

				newaddress.find("select#" + tabla + "cboMaterial1").each(function() {
					nom = tabla + "cboMaterial" + i
					$(this).val(0);
				}).attr({
					name: nom,
					id: nom
				}).end().appendTo("#" + tabla);

				// $('.js-example-basic-single').select2();
			}
		}


		function DuplicarRegistro(tabla, fila) {

			$("#lblError").text("");

			if (i < 30) {
				ant = i;
				i++;
				var nom = tabla + "cboMaterial" + ant
				$("#" + tabla + "txtCanti").val(i);
				var newaddress = $("#" + tabla + " tbody tr:first").eq(0).clone();

				newaddress.find('input').each(function() {
					this.name = this.name.replace(tabla + 'txtId' + ant, tabla + 'txtId' + i);
					this.name = this.name.replace(tabla + 'txtN' + ant, tabla + 'txtN' + i);
					this.name = this.name.replace(tabla + 'txtId' + ant, tabla + 'txtId' + i);
					this.name = this.name.replace(tabla + 'txtPresentacion' + ant, tabla + 'txtPresentacion' + i);
					this.name = this.name.replace(tabla + 'txtCantPresentacion' + ant, tabla + 'txtCantPresentacion' +
						i);
					this.name = this.name.replace(tabla + 'txtUnidad' + ant, tabla + 'txtUnidad' + i);
					this.name = this.name.replace(tabla + 'txtBulto' + ant, tabla + 'txtBulto' + i);
					this.name = this.name.replace(tabla + 'txtPallet' + ant, tabla + 'txtPallet' + i);
					this.name = this.name.replace(tabla + 'txtPesoN' + ant, tabla + 'txtPesoN' + i);
					this.name = this.name.replace(tabla + 'txtPesoB' + ant, tabla + 'txtPesoB' + i);
					this.name = this.name.replace(tabla + 'txtIMO' + ant, tabla + 'txtIMO' + i);
					this.name = this.name.replace(tabla + 'txtUN' + ant, tabla + 'txtUN' + i);
					this.name = this.name.replace(tabla + 'txtPG' + ant, tabla + 'txtPG' + i);
					this.name = this.name.replace(tabla + 'txtFP' + ant, tabla + 'txtFP' + i);
					this.name = this.name.replace(tabla + 'txtMP' + ant, tabla + 'txtMP' + i);
					this.name = this.name.replace(tabla + 'txtCL' + ant, tabla + 'txtCL' + i);
					this.name = this.name.replace(tabla + 'txtCO' + ant, tabla + 'txtCO' + i);

					this.id = this.id.replace(tabla + 'txtId' + ant, tabla + 'txtId' + i);
					this.id = this.id.replace(tabla + 'txtId' + ant, tabla + 'txtId' + i);
					this.id = this.id.replace(tabla + 'txtN' + ant, tabla + 'txtN' + i);
					this.id = this.id.replace(tabla + 'txtPresentacion' + ant, tabla + 'txtPresentacion' + i);
					this.id = this.id.replace(tabla + 'txtxtCantPresentaciontPresentacion' + ant, tabla +
						'txtCantPresentacion' + i);
					this.id = this.id.replace(tabla + 'txtUnidad' + ant, tabla + 'txtUnidad' + i);
					this.id = this.id.replace(tabla + 'txtBulto' + ant, tabla + 'txtBulto' + i);
					this.id = this.id.replace(tabla + 'txtPallet' + ant, tabla + 'txtPallet' + i);
					this.id = this.id.replace(tabla + 'txtPesoN' + ant, tabla + 'txtPesoN' + i);
					this.id = this.id.replace(tabla + 'txtPesoB' + ant, tabla + 'txtPesoB' + i);
					this.id = this.id.replace(tabla + 'txtIMO' + ant, tabla + 'txtIMO' + i);
					this.id = this.id.replace(tabla + 'txtUN' + ant, tabla + 'txtUN' + i);
					this.id = this.id.replace(tabla + 'txtPG' + ant, tabla + 'txtPG' + i);
					this.id = this.id.replace(tabla + 'txtFP' + ant, tabla + 'txtFP' + i);
					this.id = this.id.replace(tabla + 'txtMP' + ant, tabla + 'txtMP' + i);
					this.id = this.id.replace(tabla + 'txtCL' + ant, tabla + 'txtCL' + i);
					this.id = this.id.replace(tabla + 'txtCO' + ant, tabla + 'txtCO' + i);

					if (this.name == tabla + 'txtN' + i) {
						$(this).val(i);
					} else if (this.name == tabla + 'txtId' + i) {
						$(this).val(0);
					} else {
						$(this).val(0);
					}
				});

				newaddress.find("select#" + tabla + "cboMaterial" + ant).each(function() {
					nom = tabla + "cboMaterial" + i
					$(this).val($('#' + tabla + 'cboMaterial' + ant).val());
				}).attr({
					name: nom,
					id: nom
				}).end().appendTo("#" + tabla);
			}
		}


		function EliminarRegistro(tabla, fila) {
			$("#lblError").text("");


			n = $("#" + tabla + "txtCanti").val();

			if (n > 1) {
				$("#" + tabla + " tr:last").remove();
				n--;
				$("#" + tabla + "txtCanti").val(n);
			}
		}

		function verInfoContenedor(nc) {
			id = $("#" + nc + "txtTipoContenedor").val();

			if (id != 0)
				$.ajax({
					async: false,
					type: "get",
					url: "/infoContenedor/buscaDistribucion/" + id,
					success: function(data) {
						registro = data[0];
						console.log(data);
						$("#" + nc + "txtTamano").val(registro['tamano']);
						$("#" + nc + "txtPosiciones").val(registro['posiciones']);
						$("#" + nc + "txtCapacidadKG").val(registro['capacidad_kg']);
						$("#" + nc + "txtTipoC").val(registro['tipo']);
						rutaImagen = '/img/tipo_contenedores/' + registro['imagen'];
						console.log(rutaImagen);
						$("#" + nc + "Imagen").attr("src", rutaImagen);
					},
					error: function() {
						//alert('ERROR\n\nHa ocurrido un error inesperado y no se completo la consulta');
					}
				})
			else {

			}
		}

		function EliminaContenedor(tabla) {

			let countContainer = document.getElementById('txtCantiCon').value;
			let countContainerDelete = document.getElementById(tabla + 'txtIdContEstado'); //

			if (confirm("CONFIRMACION REQUERIDA\n\nSeguro de querer eliminar este contenedor?")) {
				tablaActual = document.getElementById(tabla + "jpanel");
				tablaActual.style.display = 'none';
				countContainerDelete.value = 1;
			}
		}

		function mostrarTab(tabla, tab) {
			switch (tab) {
				case 1:
					document.getElementById(tabla + 'tablaContenedor').style.display = 'inline-block';
					document.getElementById(tabla).style.display = 'inline-block';
					document.getElementById(tabla + 'gestionLotes').style.display = 'none';
					document.getElementById(tabla + 'botonesContenedor').style.display = 'inline-block';
					document.getElementById(tabla + 'totalContenedor').style.display = 'inline-block';

				case 2:
					break;
				case 3:
					document.getElementById(tabla + 'tablaContenedor').style.display = 'none';
					document.getElementById(tabla).style.display = 'none';
					document.getElementById(tabla + 'gestionLotes').style.display = 'inline-block';
					document.getElementById(tabla + 'botonesContenedor').style.display = 'none';
					document.getElementById(tabla + 'totalContenedor').style.display = 'none';
					break;
				case 4:
					document.getElementById(tabla + 'tablaContenedor').style.display = 'none';
					document.getElementById(tabla).style.display = 'none';
					document.getElementById(tabla + 'gestionLotes').style.display = 'none';
					document.getElementById(tabla + 'botonesContenedor').style.display = 'none';
					document.getElementById(tabla + 'totalContenedor').style.display = 'none';
					break;
				case 5:
					document.getElementById(tabla + 'tablaContenedor').style.display = 'none';
					document.getElementById(tabla).style.display = 'none';
					document.getElementById(tabla + 'gestionLotes').style.display = 'none';
					document.getElementById(tabla + 'botonesContenedor').style.display = 'none';
					document.getElementById(tabla + 'totalContenedor').style.display = 'none';
					break;
				default:
					break;
			}
		}

		function AgregarContenedor(tabla, fila) {

			tabla = "t0";
			n = parseInt($("#txtCantiCon").val()) + 1;
			$("#txtCantiCon").val(n);

			fila = n;
			tablaNew = "t" + fila;

			var nom = tablaNew + "cboMaterial0";
			var clon = $("#" + tabla + "jpanel").eq(0).clone();

			clon.attr({
				name: tablaNew + "jpanel",
				id: tablaNew + "jpanel"
			}).end()

			clon.find('select').each(function() {
				this.name = this.name.replace(tabla + 'txtTipoContenedor', tablaNew + 'txtTipoContenedor');
				this.id = this.id.replace(tabla + 'txtTipoContenedor', tablaNew + 'txtTipoContenedor');
			}).attr({
				onchange: 'verInfoContenedor(\'' + tablaNew + '\')'
			});

			clon.find('img').each(function() {
				this.name = this.name.replace(tabla + 'Imagen', tablaNew + 'Imagen');
				this.id = this.id.replace(tabla + 'Imagen', tablaNew + 'Imagen');
			});

			clon.find('input').each(function() {

				this.name = this.name.replace(tabla + 'txtContenedor', tablaNew + 'txtContenedor');
				this.name = this.name.replace(tabla + 'txtPosiciones', tablaNew + 'txtPosiciones');
				this.name = this.name.replace(tabla + 'txtCapacidadKG', tablaNew + 'txtCapacidadKG');
				this.name = this.name.replace(tabla + 'txtSello', tablaNew + 'txtSello');
				this.name = this.name.replace(tabla + 'txtTamano', tablaNew + 'txtTamano');
				this.name = this.name.replace(tabla + 'txtCanti', tablaNew + 'txtCanti');
				this.name = this.name.replace(tabla + 'txtTotalBL', tablaNew + 'txtTotalBL');
				this.name = this.name.replace(tabla + 'txtTotalFlete', tablaNew + 'txtTotalFlete');
				this.name = this.name.replace(tabla + 'txtTotal', tablaNew + 'txtTotal');
				this.name = this.name.replace(tabla + 'CantidadLotes', tablaNew + 'CantidadLotes');
				this.name = this.name.replace(tabla + 'txtTipoC', tablaNew + 'txtTipoC');

				this.id = this.id.replace(tabla + 'txtContenedor', tablaNew + 'txtContenedor');
				this.id = this.id.replace(tabla + 'txtPosiciones', tablaNew + 'txtPosiciones');
				this.id = this.id.replace(tabla + 'txtCapacidadKG', tablaNew + 'txtCapacidadKG');
				this.id = this.id.replace(tabla + 'txtSello', tablaNew + 'txtSello');
				this.id = this.id.replace(tabla + 'txtTamano', tablaNew + 'txtTamano');
				this.id = this.id.replace(tabla + 'txtCanti', tablaNew + 'txtCanti');
				this.id = this.id.replace(tabla + 'txtTotal', tablaNew + 'txtTotal');
				this.id = this.id.replace(tabla + 'CantidadLotes', tablaNew + 'CantidadLotes');
				this.id = this.id.replace(tabla + 'txtTipoC', tablaNew + 'txtTipoC');

				this.name = this.name.replace(tabla + 'txtN0', tablaNew + 'txtN1');
				this.name = this.name.replace(tabla + 'txtPresentacion0', tablaNew + 'txtPresentacion1');
				this.name = this.name.replace(tabla + 'txtCantPresentacion0', tablaNew + 'txtCantPresentacion1');
				this.name = this.name.replace(tabla + 'txtUnidad0', tablaNew + 'txtUnidad1');
				this.name = this.name.replace(tabla + 'txtBulto0', tablaNew + 'txtBulto1');
				this.name = this.name.replace(tabla + 'txtPallet0', tablaNew + 'txtPallet1');
				this.name = this.name.replace(tabla + 'txtPesoN0', tablaNew + 'txtPesoN1');
				this.name = this.name.replace(tabla + 'txtPesoB0', tablaNew + 'txtPesoB1');
				this.name = this.name.replace(tabla + 'txtIMO0', tablaNew + 'txtIMO1');
				this.name = this.name.replace(tabla + 'txtUN0', tablaNew + 'txtUN1');
				this.name = this.name.replace(tabla + 'txtPG0', tablaNew + 'txtPG1');
				this.name = this.name.replace(tabla + 'txtFP0', tablaNew + 'txtFP1');
				this.name = this.name.replace(tabla + 'txtMP0', tablaNew + 'txtMP1');
				this.name = this.name.replace(tabla + 'txtCL0', tablaNew + 'txtCL1');
				this.name = this.name.replace(tabla + 'txtCO0', tablaNew + 'txtCO1');

				this.id = this.id.replace(tabla + 'txtN0', tablaNew + 'txtN1');
				this.id = this.id.replace(tabla + 'txtPresentacion0', tablaNew + 'txtPresentacion1');
				this.id = this.id.replace(tabla + 'txtCantPresentacion0', tablaNew + 'txtCantPresentacion1');
				this.id = this.id.replace(tabla + 'txtUnidad0', tablaNew + 'txtUnidad1');
				this.id = this.id.replace(tabla + 'txtBulto0', tablaNew + 'txtBulto1');
				this.id = this.id.replace(tabla + 'txtPallet0', tablaNew + 'txtPallet1');
				this.id = this.id.replace(tabla + 'txtPesoN0', tablaNew + 'txtPesoN1');
				this.id = this.id.replace(tabla + 'txtPesoB0', tablaNew + 'txtPesoB1');
				this.id = this.id.replace(tabla + 'txtIMO0', tablaNew + 'txtIMO1');
				this.id = this.id.replace(tabla + 'txtUN0', tablaNew + 'txtUN1');
				this.id = this.id.replace(tabla + 'txtPG0', tablaNew + 'txtPG1');
				this.id = this.id.replace(tabla + 'txtFP0', tablaNew + 'txtFP1');
				this.id = this.id.replace(tabla + 'txtMP0', tablaNew + 'txtMP1');
				this.id = this.id.replace(tabla + 'txtCL0', tablaNew + 'txtCL1');
				this.id = this.id.replace(tabla + 'txtCO0', tablaNew + 'txtCO1');
			});

			clon.find("table#" + tabla).each(function() {
				nom = tablaNew;
			}).attr({
				name: nom,
				id: nom
			}).end();

			clon.find("table#" + tabla + "tablaContenedor").each(function() {
				nom = tablaNew + "tablaContenedor";
			}).attr({
				name: nom,
				id: nom
			}).end();

			clon.find("table#" + tabla + "totalContenedor").each(function() {
				nom = tablaNew + "totalContenedor";
			}).attr({
				name: nom,
				id: nom
			}).end();

			clon.find("table#" + tabla + "botonesContenedor").each(function() {
				nom = tablaNew + "botonesContenedor";
			}).attr({
				name: nom,
				id: nom
			}).end();

			clon.find("button#" + tabla + "tabInformacion").each(function() {
				nom = tablaNew + "tabInformacion";
				$(this).attr("onclick", "mostrarTab('" + tablaNew + "',1);");
			}).attr({
				name: nom,
				id: nom
			}).end().appendTo("#" + tabla);

			clon.find("button#" + tabla + "tabProductos").each(function() {
				nom = tablaNew + "tabProductos";
				$(this).attr("onclick", "mostrarTab('" + tablaNew + "',2);");
			}).attr({
				name: nom,
				id: nom
			}).end().appendTo("#" + tabla);

			clon.find("button#" + tabla + "tabLotes").each(function() {
				nom = tablaNew + "tabLotes";
				$(this).attr("onclick", "mostrarTab('" + tablaNew + "',3);");
			}).attr({
				name: nom,
				id: nom
			}).end().appendTo("#" + tabla);

			clon.find("button#" + tabla + "tabOcultar").each(function() {
				nom = tablaNew + "tabOcultar";
				$(this).attr("onclick", "mostrarTab('" + tablaNew + "',4);");
			}).attr({
				name: nom,
				id: nom
			}).end().appendTo("#" + tabla);

			clon.find("button#" + tabla + "tabFacturacion").each(function() {
				nom = tablaNew + "tabFacturacion";
				$(this).attr("onclick", "mostrarTab('" + tablaNew + "',5);");
			}).attr({
				name: nom,
				id: nom
			}).end().appendTo("#" + tabla);

			clon.find("select#" + tabla + "cboMaterial0").each(function() {
				nom = tablaNew + "cboMaterial1";
				$(this).val($('#' + tabla + 'cboMaterial1').val());
			}).attr({
				name: nom,
				id: nom
			}).end().appendTo("#" + tabla);

			clon.find('h2#' + tabla + 'Label').each(function() {
				nom1 = tablaNew + "Label";
				$(this).html("<br> CONTENEDOR " + fila);
			}).attr({
				name: nom1,
				id: nom1
			}).end();

			clon.find('div#' + tabla + 'gestionLotes').each(function() {
				nom1 = tablaNew + "gestionLotes";
			}).attr({
				name: nom1,
				id: nom1
			}).end();

			clon.find('p#' + tabla + 'txtConsecutivo').each(function() {
				nom1 = tablaNew + "txtConsecutivo";
			}).attr({
				name: nom1,
				id: nom1,
				html: tablaNew
			}).end();

			clon.find('div#' + tabla + 'contenidoLotes').each(function() {
				nom1 = tablaNew + "contenidoLotes";
			}).attr({
				name: nom1,
				id: nom1
			}).end();

			clon.find('a#' + tabla + 'AddLotes').each(function() {
				nom1 = tablaNew + "AddLotes";
				$(this).prop("href", "javascript:AgregarLotes('" + tablaNew + "');");
			}).attr({
				name: nom1,
				id: nom1
			}).end();

			clon.find('a#' + tabla + 'Add').each(function() {
				nom1 = tablaNew + "Add";
				$(this).prop("href", "javascript:AddRowEmpty('" + tablaNew + "','" + fila + "');");
			}).attr({
				name: nom1,
				id: nom1
			}).end();

			clon.find('a#' + tabla + 'gLotes').each(function() {
				nom1 = tablaNew + "Add";
				$(this).prop("href", "javascript:gestionarLotes('" + tablaNew + "');");
			}).attr({
				name: nom1,
				id: nom1
			}).end();

			clon.find('a#' + tabla + 'AddEstiba').each(function() {
				nom1 = tablaNew + "AddEstiba";
				$(this).prop("href", "javascript:AddEstiba('" + tablaNew + "','" + fila + "');");
			}).attr({
				name: nom1,
				id: nom1
			}).end();

			clon.find('a#' + tabla + 'EliminaContenedor').each(function() {
				nom1 = tablaNew + "EliminaContenedor";
				$(this).prop("href", "javascript:EliminaContenedor('" + tablaNew + "','" + fila + "');");
			}).attr({
				name: nom1,
				id: nom1
			}).end();

			clon.find('a#' + tabla + 'Dup').each(function() {
				nom1 = tablaNew + "Dup";
				$(this).prop("href", "javascript:DuplicarRegistro('" + tablaNew + "','" + fila + "');");
			}).attr({
				name: nom1,
				id: nom1
			}).end();

			clon.find('a#' + tabla + 'Del').each(function() {
				nom1 = tablaNew + "Del";
				$(this).prop("href", "javascript:EliminarRegistro('" + tablaNew + "','" + fila + "');");
			}).attr({
				name: nom1,
				id: nom1
			}).end();

			clon.find("table#" + tablaNew + " tbody tr:first").remove();
			clon.show();
			$("#" + tablaNew + "txtimo" + fila).val("N/A");
			$("#PanelPadre").last().append(clon);

			TraerContenedor();
			mostrarTab(tablaNew, 1);

			$("#" + tablaNew + "txtConsecutivo").html(fila);


		}


		/*function EliminarActividad() {
		    $("#lblError").text("");
		    if (i > 1) {
		        var id= $('#txtId' + i).val();
		        $("#MyTable tr:last").remove();
		        i--;
		        $("#txtCanti").val(i);
		        if(id>0 && confirm("Desea eliminar este registro")) {
		            realizaProceso(id);
		        }
		        CalcularDetalle();
		    }
		}*/


		function realizaProceso(id, tabla, fila) {

			idDetacargue = document.getElementById(tabla + 'txtIdetCargue' + fila)
			idDetacargue.value = 1;

		}



		function traerDatosDO(filtro) {

			if (filtro == 1) {
				param = $("#txtDo").val();
			} else if (filtro == 2) {
				param = $("#txtDoctransporte").val();
			} else if (filtro == 3) {
				param = $("#txtBooking").val();
			}


			if (param == "" || param.trim() == "") {
				if (filtro == 1) {
					document.getElementById('txtDo').focus();
				} else if (filtro == 2) {
					document.getElementById('txtDoctransporte').focus();
				} else if (filtro == 3) {
					document.getElementById('txtBooking').focus();
				}

			} else {


				$.ajax({
						// async: false,
						url: '/rextraerdatosdo/' + filtro + "/" + param,
						beforeSend: function() {
							//mostramos gif "cargando"
							$('#loading_spinner1').show();
							$("#lblInfo").html("Espere un momento por favor...");

							$('#loading_spinner2').show();
							jQuery("#lblError").html("En proceso, Espere un momento por favor...");

						}
					})
					.done(function(data) {

						$("#lblInfo").text("");
						$("#lblError").text("");


						for (var i = 0; i < data
							.length; i++) { //AgregarContenedor('t0',0); //Se activa para llenar el contenedor con su número. 
							if (filtro == 1) { // TRAER INFORMACIÓN CUANDO SE BUCA POR EL NÚMERO DEL DO
								$('#txtDoctransporte').val(data[i]["NUMERO_DOCUMENTO_TRANSPORTE"]);

								if (data[i]["VIAJE_LINEA"] != null && data[i]["VIAJE_LINEA"] != "") {
									$('#txtViaje').val(data[i]["VIAJE_LINEA"]);
								}
								if (data[i]["MOTONAVE"] != null && data[i]["MOTONAVE"] != "") {
									$('#txtVessel').val(data[i]["MOTONAVE"]);
								}
								if (data[i]["INCOTERMS"] != null && data[i]["INCOTERMS"] != "") {
									$('#cboIncoterms').val(data[i]["INCOTERMS"]);
								}
								if (data[i]["PROCESO"] != null && data[i]["PROCESO"] != "") {
									$('#cboProceso').val(data[i]["PROCESO"]);
								}

							} else if (filtro == 2) { // TRAER INFORMACIÓN CUANDO SE BUCA POR EL DOCUMENTO DE TRANSPORTE

								$('#txtDo').val(data[i]["NUMERO_DO"]);
								if (data[i]["VIAJE_LINEA"] != null && data[i]["VIAJE_LINEA"] != "") {
									$('#txtViaje').val(data[i]["VIAJE_LINEA"]);
								}
								if (data[i]["MOTONAVE"] != null && data[i]["MOTONAVE"] != "") {
									$('#txtVessel').val(data[i]["MOTONAVE"]);
								}
								if (data[i]["INCOTERMS"] != null && data[i]["INCOTERMS"] != "") {
									$('#cboIncoterms').val(data[i]["INCOTERMS"]);
								}
								if (data[i]["MONEDA"] != null && data[i]["MONEDA"] != "") {
									$('#cboMoneda').val(data[i]["MONEDA"]);
								}


							} else if (filtro == 3) { // TRAER INFORMACIÓN CUANDO SE BUCA POR EL NÚMERO DEL BOOKING

								if (data[i]["NUMERO_PEDIDO"] != "" && data[i]["NUMERO_PEDIDO"] != null && data[i][
										"NUMERO_DO"
									] != "" && data[i]["NUMERO_DO"] != null) {
									$('#txtDo').val(data[i]["NUMERO_DO"]);
									$('#txtPo').val(data[i]["NUMERO_PEDIDO"]);
									///$('#cboMoneda').val(data[i]["MONEDA"]);                         
									// $('#txtFactura').val(data[i]["NUMERO_FACTURA"]);
									$('#txtFactura').val(data[i]["FACTURA_ASERCOL"]);

									// $('#dtpFechaFactura').val(data[i]["FECHA_FACTURA"]);
									$('#dtpFechaFactura').val(data[i]["FACTURA_FACTURA_ASERCOL"]);
									$('#txtValorFactura').val(data[i]["VALOR_FACTURA"]);

									// $('#cboSelectividad').val(data[i]["SELECTIVIDAD"]);
									$('#txtFecha_dex').val(data[i]["FECHA_DEX"]);
									$('#txtDex').val(data[i]["NUMERO_DEX"]);
									$('#txtFecha_manifiesto').val(data[i]["FECHA_MANIFIESTO"]);

									$('#txtDoctransporte').val(data[i]["NUMERO_DOCUMENTO_TRANSPORTE"]);

									if (data[i]["CODIGO_MODO_TRANSPORTE"] != null && data[i]["CODIGO_MODO_TRANSPORTE"] !=
										"") {
										$('#cboMedioTrans').val(data[i]["CODIGO_MODO_TRANSPORTE"]);
									}

									if (data[i]["VIAJE_LINEA"] != null && data[i]["VIAJE_LINEA"] != "") {
										$('#txtViaje').val(data[i]["VIAJE_LINEA"]);
									}
									if (data[i]["MOTONAVE"] != null && data[i]["MOTONAVE"] != "") {
										$('#txtVessel').val(data[i]["MOTONAVE"]);
									}
								}

							}

							if (data[i]["INCOTERMS"] != null && data[i]["INCOTERMS"] != "") {
								$('#cboIncoterms').val(data[i]["INCOTERMS"]);
							}

							if (data[i]["SELECTIVIDAD"] != null && data[i]["SELECTIVIDAD"] != "") {
								$('#cboSelect').val(data[i]["SELECTIVIDAD"]);
							}

							if (data[i]["MONEDA"] != null && data[i]["MONEDA"] != "") {
								$('#cboMoneda').val(data[i]["MONEDA"]);
							}

							if (data[i]["TERMINAL_EMBARQUE"] != null && data[i]["TERMINAL_EMBARQUE"] != "") {
								$('#cboTerminal').val(data[i]["TERMINAL_EMBARQUE"]);
								$('#cboTerminal').select2();
							}

							if (data[i]["NOMBRE_PAIS"] != null && data[i]["NOMBRE_PAIS"] != "") {
								$('#cboPaisOrigen').val(data[i]["NOMBRE_PAIS"]);
								$('#cboPaisOrigen').select2();
							}

							if (data[i]["PROCESO"] != null && data[i]["PROCESO"] != "") {
								$('#cboProceso').val(data[i]["PROCESO"]);
							}

							// if(data[i]["NUMERO_ID_CONTENEDOR"] != null  && data[i]["NUMERO_ID_CONTENEDOR"] != ""){ 
							//     $('#'+tablaNew+'txtContenedor').val(data[i]["NUMERO_ID_CONTENEDOR"]);
							// }


							if (filtro != 3) {
								document.getElementById('txtFactura').value = data[i]["NUMERO_FACTURA"];
								document.getElementById('dtpFechaFactura').value = data[i]["FECHA_FACTURA"];
								document.getElementById('txtValorFactura').value = data[i]["TOTAL_FACTURA"];
							}
						}

						jQuery('#loading_spinner1').hide();
						jQuery('#loading_spinner2').hide();
					})
					.fail(function(data) {

						$("#lblInfo").text("");
						$("#lblError").text("");
						jQuery('#loading_spinner1').hide();
						jQuery('#loading_spinner2').hide();

					}).fail(function(data) {

						$("#lblInfo").text("");
						$("#lblError").text("");
						jQuery('#loading_spinner1').hide();
						jQuery('#loading_spinner2').hide();
					});

			}
		}

		function pad(input, length, padding) {
			var str = input + "";
			return (length <= str.length) ? str : pad(str + padding, length, padding);
		}

		function TraerTarifas() {

			origen = $('#cboPuertoOrigen').val();
			pais = $('#cboPaisOrigen').val()
			destino = $('#cboPuertoDestino').val()

			if (origen != "" && origen != 0 && pais != "" && pais != 0 && destino != "" && destino != 0) {

				//alert("1:" + origen + " 2: " +  pais);

				$.ajax({
						//async: false,
						url: '/rextraertarifas/' + origen + "/" + pais + "/" + destino,
						beforeSend: function() {
							//mostramos gif "cargando"
							jQuery('#loading_spinner1').show();
							jQuery("#lblInfo").html("Espere un momento por favor...");

							jQuery('#loading_spinner2').show();
							jQuery("#lblError").html("En proceso, Espere un momento por favor...");
						}
					})
					.done(function(data) {

						if (data == 0) {
							alert("No se encontraron tarifas asociadas a los puertos");
							opt = "<option>No hay tarifas asociadas</option>"
						} else {
							console.log(data);
							$("#lblInfo").text("");
							$("#lblError").text("");

							opt = "LUGAR ENTREGA ".padStart(20, '&nbsp;') + '  '
							opt += "GD20 ".padEnd(8, '&nbsp;') + '  '
							opt += "GD40 ".padStart(8, '&nbsp;') + '  '
							opt += "CONTRATO ".padEnd(15, '&nbsp;') + '  '
							opt += "LINEA ".padEnd(13, '&nbsp;') + '  '
							opt += "VLR BL ".padStart(8, '&nbsp;') + '  '
							opt += "VLR C20 ".padStart(8, '&nbsp;') + '  '
							opt += "VLR C40 ".padStart(8, '&nbsp;')
							opt += "' data-city='City'>";
							opt += "<option value=0>Seleccione una tarifa...</option>";

							//opt += "<option value='0'>Seleccione una Opcion</option>";
							for (var i = 0; i < data.length; i++) {
								if (data[i].lugar_entrega == null) lugar = '';
								else lugar = data[i].lugar_entrega;
								opt += "<option value='" + data[i].id + "' >"
								opt += lugar.padEnd(20, '.') + ' '
								opt += data[i].gd20.padStart(10, '.') + ' '
								opt += data[i].gd40.padStart(10, '.') + ' '
								opt += data[i].contrato.padEnd(15, '.') + ' '
								opt += data[i].linea.padEnd(13, '.') + ' '
								opt += data[i].valor_emision_bl.padStart(10, '.') + ' '
								opt += data[i].c20.padStart(10, '.') + ' '
								opt += data[i].c40.padStart(10, '.')
								opt += " </option>";
							}
						}
						$("#cboTarifas").html(opt);

						jQuery('#loading_spinner1').hide();
						jQuery('#loading_spinner2').hide();
					})
					.fail(function(data) {

						$("#lblInfo").text("");
						$("#lblError").text("");
						jQuery('#loading_spinner1').hide();
						jQuery('#loading_spinner2').hide();

					})
					.fail(function(data) {

						$("#lblInfo").text("");
						$("#lblError").text("");
						jQuery('#loading_spinner1').hide();
						jQuery('#loading_spinner2').hide();
					});
			}
		}



		function TraerContenedor() {
			n = $('#txtCantiCon').val();
			opt = "<option value = '0'>Seleccione</option>";
			for (var i = 1; i <= n; i++) {
				opt += "<option value='t" + i + "' >" + i + ": " + $('#t' + i + 'txtContenedor').val() + " </option>";
			}
			$("#cboContenedor").html(opt);

			Recorrer();
		}



		function TraerCantidad() {
			cboP = $('#cboProducto').val();

			if (cboP != null) {
				info = cboP.split("|");
				idProducto = info[0];
				idsolicitud = $('#cboPedido').val();

				if (idsolicitud == 0 || idsolicitud == 'Seleccione un producto...') {
					$("#txtCantidadPro").val(0);
					$("#txtCantidadSol").val(0);
					$("#txtCantidadDes").val(0);
				} else
					$.ajax({
						async: false,
						type: "get",
						url: "/rextraerproductosCantidad/" + idsolicitud + "/" + idProducto,
						success: function(data) {
							console.log(data)
							$("#txtCantidadSol").val(data['unidades']);
							$("#txtCantidadDes").val(data['despachadas']);
							$("#txtCantidadPro").val(data['pendientes']);
						},
						error: function() {
							alert("ERROR\n\nOcurrio un error en la transaccion");
						}
					});
			}
		}


		function TraerPuertosDestino() {

		}

		function verInfoMat(prefijo, sufijo, origen = 0) {
			// material = $("#"+prefijo+"cboMaterial"+sufijo).val();

			material = $("#" + prefijo + "cboMaterialCodigo" + sufijo).val();
			//        alert("En verinfomat "+("#"+prefijo+"cboMaterialCodigo"+sufijo)+" = "+material);
			$.ajax({
				async: false,
				type: "get",
				url: "/searchmaterial/" + material,
				success: function(data) {
					unidades = $("#" + prefijo + "txtUnidad" + sufijo).val();
					$("#" + prefijo + "txtPresentacion" + sufijo).val(data[0]['vol_presentacion'] + ' ' + data[0][
						'uv_presentacion'
					]);
					if (unidades != 0 && unidades != '') {
						uniCaja = data[0]['unidades_caja'];
						cajasPal = data[0]['cajas_pallet'];
						bultos = unidades / uniCaja;
						pallets = bultos / cajasPal;
						pNeto = bultos * parseInt(data[0]['peso_neto']);
						pBruto = bultos * parseInt(data[0]['peso_bruto']) + pallets * 30;

						console.log("pNeto = " + pNeto);
						console.log("Pallets = " + pallets);
						console.log("peso_bruto = " + pBruto);

						$("#" + prefijo + "txtBulto" + sufijo).val(bultos.toLocaleString('es-MX'));
						$("#" + prefijo + "txtPallet" + sufijo).val(pallets.toLocaleString('es-MX'));
						$("#" + prefijo + "txtPesoN" + sufijo).val(pNeto.toLocaleString('es-MX'));
						$("#" + prefijo + "txtPesoB" + sufijo).val(pBruto.toLocaleString('es-MX'));

						$("#" + prefijo + "txtimo" + sufijo).val((data[0]['imo'] == null) ? 0 : data[0]['imo']);
						$("#" + prefijo + "txtun" + sufijo).val((data[0]['un'] == null) ? 0 : data[0]['un']);
						$("#" + prefijo + "txtpg" + sufijo).val((data[0]['pg'] == null) ? 'N/A' : data[0]['pg']);
						$("#" + prefijo + "txtfp" + sufijo).val((data[0]['fp'] == null) ? 0 : data[0]['fp']);
						$("#" + prefijo + "txtm_p" + sufijo).val((data[0]['m_p'] == null) ? 'N/A' : data[0][
						'm_p']);
						$("#" + prefijo + "txtcl" + sufijo).val((data[0]['cl'] == null) ? 'N/A' : data[0]['cl']);
						$("#" + prefijo + "txtco" + sufijo).val((data[0]['co'] == null) ? 'N/A' : data[0]['co']);

						totales();

					}
				}
			})
		}


		function TraerProductos() {
			idsolicitud = $('#cboPedido').val();

			TraerContenedor();
			rutaProductos = '/rextraerproductos/' + idsolicitud;

			if (idsolicitud != 0) {

				$.ajax({
						async: false,
						url: rutaProductos, //+"/"+destino,

						beforeSend: function() {
							//mostramos gif "cargando"
							jQuery('#loading_spinner1').show();
							jQuery("#lblInfo").html("Espere un momento por favor...");

							jQuery('#loading_spinner2').show();
							jQuery("#lblError").html("En proceso, Espere un momento por favor...");
						}
					})
					.done(function(data) {

						$("#lblInfo").text("");
						$("#lblError").text("");
						jQuery('#loading_spinner1').hide();
						jQuery('#loading_spinner2').hide();

						opt = "<option>Seleccione un producto...</option>";
						for (var i = 0; i < data.length; i++) {
							if (data[i]["enviado"] == 1) {
								opt += "<option value='" + data[i]["id_material"] + "|" + data[i]["uv_presentacion"] +
									"|" + data[i]["id"] + "|" + data[i]["unidades_caja"] + "|" + data[i]["cajas_pallet"] +
									"|" + data[i]["vol_presentacion"] + "' >" + data[i]["codigo"] + "   -    " + data[i][
										"nombre"
									] + " </option>";
							}
						}

						$("#cboProducto").html(opt);
					})
					.fail(function(data) {

						$("#lblInfo").text("");
						$("#lblError").text("");
						jQuery('#loading_spinner1').hide();
						jQuery('#loading_spinner2').hide();

					})
					.fail(function(data) {

						$("#lblInfo").text("");
						$("#lblError").text("");
						jQuery('#loading_spinner1').hide();
						jQuery('#loading_spinner2').hide();
					});
			} else {
				$('#cboProducto').val('Seleccione un producto...');
				TraerCantidad();
			}
		}


		var ultimoContenedor = 0;
		var posicionesSobrantes = 0;
		var posicionesUsadas = 0;

		function DistribucionAutomatica(tipo, idpro = null, canti = null, tipoCon = null) {

			todos = false
			if ($("#txtTodos").is(':checked')) {
				if (confirm(
						"CONFIRMACION REQUERIDA\n\nHa seleccionado la opcion todos, por tanto la distribucion autormatica llenara los contenedores en el mismo orden en que aparecen los productos en la solicitud de cargue\n\nVerifique que en realidad desea este orden, si esta seguro haga clic en ACEPTAR."
						)) {
					todos = true
				}
			}
			if (posicionesSobrantes > 0) {
				alert("USO DE POSICIONES SOBRANTES\n\nEn la ultima distribucion automatica sobraron " + posicionesSobrantes +
					" posicion(es), a partir de aqui se llenara este producto");
			}
			switch (tipo) {
				case 'P': // --------- Distribucion automatica por producto
					if (confirm(
							'CONFIRMACION REQUERIDA\n\nDesea realizar atomaticamente la distribucion para este producto y cantidad?'
							)) {
						if (todos) {
							// Se procesaran todos los productos de la solicitud de cargue
							alert("INFORMACION\n\nSe distribuiran los productos en el orden de la solicitud de cargue");
							hayerror = false;
							prodPendientes = "";
							$("#cboProducto option").each(function() {
								datos = $(this).attr('value');
								if (datos != undefined) {
									vec = datos.split("|");
									if (vec[1] == 'null' || vec[3] == 'null' || vec[4] == 'null' || vec[5] == 'null') {
										prodPendientes = prodPendientes + $(this).text() + "\n";
										hayerror = true;
									}
								}
							});

							if (prodPendientes != "") alert(
								"OPRACION RECHAZADA\nNo pudo realizarlse la distibucion automatica, existen productos pendientes de actualizar\n\n" +
								prodPendientes);

							if (!hayerror) {
								$("#cboProducto option").each(function() { // Recorrido de productos
									datos = $(this).attr('value'); // $("#cboProducto").val().split("|");
									if (datos != undefined) {
										vec = datos.split("|");
										if (vec[1] != 'null' && vec[3] != 'null' && vec[4] != 'null' && vec[5] !=
											'null') {
											$("#cboProducto").val(datos);
											TraerCantidad();
											console.log("Cantidad de producto " + $("#txtCantidadPro").val())
											$.ajax({
													async: false,
													url: '/infoContenedor/calculoDistribucion',
													type: 'GET',
													data: {
														id_producto: vec[0],
														cantidad: $("#txtCantidadPro").val(),
														id_distribucion_contenedor: $("#contDistribucion").val(),
														posiciones_usadas: posicionesUsadas
													},
													beforeSend: function() {}
												})
												.done(function(data) {
													reg = data[0];
													console.log(data);
													nconte = reg['distribucion']['numero_contenedores'];
													posicionesSobrantes = reg['distribucion'][
														'posiciones_restantes'
													];
													console.log("Numero de contenedores " + nconte);
													for (c = 1; c <= nconte; c++) {
														item = 1;
														ultimoContenedor++;
														if (posicionesUsadas > 0 && c == 1) {
															item = 2;
															ultimoContenedor--;
														}

														if ((posicionesUsadas > 0) && (c == nconte)) {} else {
															AgregarContenedor('t0', 0);
														}

														AddRow('t' + ultimoContenedor);
														$("#t" + ultimoContenedor + "txtTipoContenedor").val(reg[
															'info_contenedor']['id']);
														verInfoContenedor('t' + ultimoContenedor);

														$("#t" + ultimoContenedor + "txtPresentacion" + item).val(
															reg['contenedores'][c - 1]['presentacion']);
														$("#t" + ultimoContenedor + "txtUnidad" + item).val(reg[
															'contenedores'][c - 1]['unidades']);
														$("#t" + ultimoContenedor + "txtBulto" + item).val(reg[
															'contenedores'][c - 1]['bultos']);
														$("#t" + ultimoContenedor + "txtPallet" + item).val(reg[
																'contenedores'][c - 1]['pallet']
															.toLocaleString('es-MX'));
														$("#t" + ultimoContenedor + "txtPesoN" + item).val(reg[
																'contenedores'][c - 1]['peso_neto']
															.toLocaleString('es-MX'));
														$("#t" + ultimoContenedor + "txtPesoB" + item).val(reg[
																'contenedores'][c - 1]['peso_bruto']
															.toLocaleString('es-MX'));
													}
													posicionesUsadas = reg['distribucion']['ultimas_posiciones'];
												})
												.fail(function(resp) {})
												.always(function() {
													jQuery('#loading_spinner1').hide();
													jQuery('#loading_spinner2').hide();
												});

										}
									}
								}); // Fin recorrido de productos
							}
						} else {
							// Solo se procesa el producto seleccionado

							if (idpro == null) {
								datos = $("#cboProducto").val().split("|");
								idpro = datos[0];
							}

							if (canti == null) {
								canti = $("#txtCantidadPro").val();
							}

							if (tipoCon == null) {
								tipoCon = $("#contDistribucion").val();
							}

							$.ajax({
									async: false,
									url: '/infoContenedor/calculoDistribucion',
									type: 'GET',
									data: {
										id_producto: idpro,
										cantidad: canti,
										id_distribucion_contenedor: tipoCon,
										posiciones_usadas: posicionesUsadas
									},
									beforeSend: function() {
										jQuery('#loading_spinner1').show();
										jQuery('#loading_spinner2').show();
									}
								})
								.done(function(data) {
									console.log("datos de distribucion");
									console.log(data);
									reg = data[0];
									nconte = reg['distribucion']['numero_contenedores'];
									posicionesSobrantes = reg['distribucion']['posiciones_restantes'];

									if (posicionesSobrantes > 0) {
										alert("\nINFORMACION DE INTERES\n\nQuedaron " + posicionesSobrantes +
											" posiciones libres en el ultimo contenedor, si realiza distriibucion automatica se ocuparan estos espacios"
											);
									}

									for (c = 1; c <= nconte; c++) {
										item = 1;
										ultimoContenedor++;
										if (posicionesUsadas > 0 && c == 1) {
											item = 2;
											ultimoContenedor--;
										}

										if ((posicionesUsadas > 0) && (c == nconte)) {} else {
											AgregarContenedor('t0', 0);
										}

										AddRow('t' + ultimoContenedor);
										$("#t" + ultimoContenedor + "txtTipoContenedor").val($("#contDistribucion").val());

										verInfoContenedor('t' + ultimoContenedor);


										$("#t" + ultimoContenedor + "txtPresentacion" + item).val(reg['contenedores'][c -
											1]['presentacion']);
										$("#t" + ultimoContenedor + "txtUnidad" + item).val(reg['contenedores'][c - 1][
											'unidades'
										]);
										$("#t" + ultimoContenedor + "txtBulto" + item).val(reg['contenedores'][c - 1][
											'bultos'
										]);
										$("#t" + ultimoContenedor + "txtPallet" + item).val(reg['contenedores'][c - 1][
											'pallet'
										].toLocaleString('es-MX'));
										$("#t" + ultimoContenedor + "txtPesoN" + item).val(reg['contenedores'][c - 1][
											'peso_neto'
										].toLocaleString('es-MX'));
										$("#t" + ultimoContenedor + "txtPesoB" + item).val(reg['contenedores'][c - 1][
											'peso_bruto'
										].toLocaleString('es-MX'));
									}
									posicionesUsadas = reg['distribucion']['ultimas_posiciones'];
								})
								.fail(function(resp) {
									$('.error').html(resp);
									$('.error').slideDown('slow');
									setTimeout(function() {
										$('.error').slideUp('slow');
									}, 3000);

								})
								.always(function() {
									jQuery('#loading_spinner1').hide();
									jQuery('#loading_spinner2').hide();
								});
						}
					}
					break; // --------- Fin Distribucion automatica por producto
				case 'S': // --------- Distribucion automatica por solicitud de cargue
					break; // --------- Fin Distribucion automatica por solicitud de cargue
				default:
					break;
			}
		}

		function Recorrer() {
			$("#t1 tbody tr").each(function(index) {
				$(this).children("td").each(function(index2) {
					// alert(index + " - " +index2 +index.id + " - " +index2.id);
				});
			});
		}


		function OcultarConte(boolBand) {
			var n = $('#txtCantiCon').val();
			//alert(n);
			for (i = 1; i <= n; i++) {
				if (boolBand == false) {
					$("#t" + i + "jpanel").hide();
				} else {
					$("#t" + i + "jpanel").show();
				}
			}
		}

		function TraerPuertosDestino() {

			// alert(document.getElementById("cboPaisOrigen").name);
			var id = document.getElementById("cboPaisOrigen").value; // $("cboPaisOrigen").val();
			var idpd = document.getElementById("txtPuertoDestino").value;
			//alert("puerto: " + idpd);

			$.ajax({
					async: false,
					url: "{!! URL::to('extraerpuertosd') !!}",
					method: 'GET',
					data: {
						'id': id
					},
					beforeSend: function() {
						jQuery('#loading_spinner1').show();
					}
				})
				.done(function(puertos) {
					console.log(puertos);
					jQuery('#loading_spinner1').hide();
					opti = "<option value='0'>Seleccione una Opcion</option>";
					for (var i = 0; i < puertos.length; i++) {
						var sel = '';
						if (puertos[i]["id"] == idpd) {
							sel = 'selected';
						}
						opti += "<option value='" + puertos[i]["id"] + "' " + sel + " >" + puertos[i]["nombre"] +
							" </option>";
					}

					$("#cboPuertoDestino").html(opti);

					//TraerTairfas();

				})
				.fail(function(puertos) {
					console.log(data);
				});

		}

		TraerPuertosDestino();

		OcultarConte(false);

		function totales() {
			n = parseInt($("#txtCantiCon").val());
			console.log("calculando totales");
			posi = 0;
			// Calulamos el peso bruto total por contenedor
			nContenedores = 0;
			for (c = 1; c <= n; c++) {
				total_unidades = 0;
				total_pBruto = 0;
				total_pNeto = 0;
				total_bultos = 0;
				total_pallets = 0;
				if ($("#t" + c + "txtCanti").length) {
					nContenedores++;
					m = $("#t" + c + "txtCanti").val();
					for (p = 1; p <= m; p++) {
						if ($("#t" + c + "txtN" + p).length) {
							UN = $("#t" + c + "txtUnidad" + p).val();
							UN = UN.replace(",", "");
							total_unidades += parseInt(UN)
							PB = $("#t" + c + "txtPesoB" + p).val();
							PB = PB.replace(",", "");
							total_pBruto += parseInt(PB)
							PN = $("#t" + c + "txtPesoN" + p).val();
							PN = PN.replace(",", "");
							total_pNeto += parseInt(PN)
							BU = $("#t" + c + "txtBulto" + p).val();
							BU = BU.replace(",", "");
							total_bultos += parseFloat(BU)
							TP = $("#t" + c + "txtPallet" + p).val();
							TP = TP.replace(",", "");
							total_pallets += parseFloat(TP)
						}
					}
					posi++;
				}
				$("#t" + c + "txtTotalUnidades").val(total_unidades.toLocaleString('es-MX'));
				$("#t" + c + "txtTotalPesoBruto").val(total_pBruto.toLocaleString('es-MX'));
				$("#t" + c + "txtTotalPesoNeto").val(total_pNeto.toLocaleString('es-MX'));
				$("#t" + c + "txtTotalBultos").val(total_bultos.toLocaleString('es-MX'));
				$("#t" + c + "txtTotalPallets").val(total_pallets.toLocaleString('es-MX'));
			}

		}

		function calculoFletes() {
			var id_tarifa = $("#cboTarifas").val();

			$.ajax({
				async: false,
				type: "get",
				url: "/rexpo/vertarifas/" + id_tarifa,
				success: function(data) {
					// Inicio success
					valorBL = (data['valor_emision_bl'] == null || data['valor_emision_bl'] == '') ? 0 : parseInt(
						data['valor_emision_bl'].replace(',', '.'));
					gd20 = (data['gd20'] == null || data['gd20'] == '') ? 0 : parseInt(data['gd20'].replace(',',
						'.'));
					gd40 = (data['gd40'] == null || data['gd40'] == '') ? 0 : parseInt(data['gd40'].replace(',',
						'.'));

					n = parseInt($("#txtCantiCon").val());
					console.log("Infor de Calculo Flete");

					pesoBruto = [];
					posi = 0;
					// Calulamos el peso bruto total por contenedor
					nContenedores = 0;
					for (c = 1; c <= n; c++) {
						total_pBruto = 0;
						if ($("#t" + c + "txtCanti").length) {
							nContenedores++;
							pesoBruto[posi] = 0;
							m = $("#t" + c + "txtCanti").val();
							for (p = 1; p <= m; p++) {
								if ($("#t" + c + "txtN" + p).length) {
									PB = $("#t" + c + "txtPesoB" + p).val();
									PB = PB.replace(",", "")
									total_pBruto += parseInt(PB)
								}
							}
							pesoBruto[posi] = total_pBruto;
							posi++;
						}
					}
					console.log("Peso bruto" + pesoBruto);
					// Distribuimos los valores de flete y BL
					posi = 0;
					for (c = 1; c <= n; c++) {
						if ($("#t" + c + "txtCanti").length) {
							m = $("#t" + c + "txtCanti").val();
							tipoc = $("#t" + c + "txtTipoC").val();
							valorContenedor = (data[tipoc] == null) ? 0 : data[tipoc];
							valorGD = (data[tipoc.replace('c', 'gd')] == null) ? 0 : data[tipoc.replace('c',
							'gd')];
							if ($("#cboAplicaGD").val() != 'SI') valorGD = 0;
							vBL = (valorBL / nContenedores).toFixed(2);
							totalGastos = parseInt(valorContenedor) + parseInt(valorGD) + parseInt(vBL);

							$("#t" + c + "txtTotalBL").val(vBL);
							$("#t" + c + "txtTotalGD").val(valorGD);
							$("#t" + c + "txtTotalFlete").val(valorContenedor);
							$("#t" + c + "txtTotalGastos").val(parseInt(totalGastos));

							for (p = 1; p <= m; p++) {
								if ($("#t" + c + "txtN" + p).length) {
									peso = ($("#t" + c + "txtPesoB" + p).val()).replace(",", "");
									// peso = $("#t"+c+"txtPesoB"+p).val();
									tasa = (peso / pesoBruto[posi] * 100).toFixed(2);
									if (tasa > 100) tasa = 100;
									BL = ((valorBL / nContenedores) * tasa / 100).toFixed(1);
									flete = (tasa * totalGastos / 100);
									$("#t" + c + "txtTasa" + p).val(tasa + '%');
									$("#t" + c + "txtBL" + p).val(BL);
									$("#t" + c + "txtFlete" + p).val(flete);
								}
							}
							posi++;
						}
					}
					// fin success
				},
				error: function() {
					alert("Hubo un error al consultar las tarifas");
				}
			})
		}

		$("#cboTarifas").change(function() {
			tarifa = $("#cboTarifas").val();
			if (tarifa != 0) {
				$.ajax({
					type: "get",
					url: "/lineaOrdenCargue",
					data: {
						id_tarifa: tarifa
					},
					success: function(data) {
						$("#cboLinea").val(data)
					},
					//error   : function () { alert("ERROR\n\nHa ocurrido un error inesperado al consultar la linea") }
				});
			}
		});

		function materialDistribuir() {
			objeto = '#listaMaterialDistribucion';
			buscar = $(objeto).val();
			valor = $("#listaMaterial").find('option[value="' + buscar + '"]').data('valor');
			if (valor != 'undefined' && buscar != "" && buscar != 0) {
				$("#codMaterialDistribucion").val(valor);
			}
		}

		function materialSeleccionado(tabla = 0, item = 0) {

			objeto = '#' + tabla + 'cboMaterial' + item;
			buscar = $(objeto).val();
			valor = $("#" + tabla + "listadoCodigo" + item).find('option[value="' + buscar + '"]').data('valor');

			if (valor != 'undefined') {
				$("#" + tabla + "cboMaterialCodigo" + item).val(valor);
				verInfoMat(tabla, item);
			}
		}

		function DistribucionSoloMaterial() {
			idpro = $("#codMaterialDistribucion").val()
			tipoContenedor = $("#txtTipoC").val()
			if (idpro == 0 || idpro == "" || idpro == null) {
				alert("FALTAN DATOS\n\nDebe seleccionar un producto");
			} else {
				canti = $("#txtCanMaterial").val();
				DistribucionAutomatica('P', idpro, canti, tipoContenedor);
			}
		}
	</script>
    @endpush
</x-app-layout>