{{-- Editar Orden de Compra de importación (rpo.edit). Kit ui-ctc (MigracionLayout.MD, "Crear y editar Orden de Compra",
     parte 1). Solo cambia la presentación: mismos name, id, valores, opciones y orden de los campos del formulario, las
     mismas ramas por grupo empresarial y el mismo JavaScript (jQuery, select2 y moment se cargan solo aquí). --}}
@php
    $prueba = "10";
    $num = 0;
    $prueba = "1";

    // Clases del kit para los controles que no pasan por x-input / x-select (tablas y listas armadas a mano).
    $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)] 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)]';
    $cMultiple = 'form-multiselect 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)]';
    // Celdas de tabla: más compactas; el ancho de cada columna sigue en style.
    $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)]';
    $cCeldaSelect = 'form-select block w-full rounded-md py-1 pl-2 pr-8 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)]';
    $cBotonFila = 'inline-flex h-8 w-full items-center justify-center gap-1 rounded-md border border-[var(--borde-fuerte)] bg-[var(--superficie)] px-2 text-[12px] font-semibold text-[var(--acento-texto)] hover:bg-[var(--nav-hover)]';
    $cRejilla = 'grid gap-x-4 gap-y-3.5 [grid-template-columns:repeat(auto-fill,minmax(220px,1fr))]';
    // Tabla con controles en las celdas: menos relleno que una tabla de lectura.
    $cTabla = 'ctc-tabla [&>tbody>tr>td]:!px-1.5 [&>tbody>tr>td]:!py-1.5 [&>thead>tr>th]:!px-2';
@endphp
<x-app-layout titulo="Editar orden de compra">
    <x-pagina>
        <x-encabezado-pagina ruta="Importaciones · Orden de compra" :titulo="'Editar orden de compra #' . $po->pedido"
                             descripcion="Pedido de orden de compra: encabezado, campos dinámicos, contenedores y productos.">
            <x-slot name="acciones">
                <x-enlace-boton href="{{ pantalla('/rbactivivad?txtBuscar=' . urlencode($po->pedido)) }}" title="Calendario de actividades del pedido">
                    <x-icono nombre="calendar-days" class="h-4 w-4 text-emerald-600 dark:text-emerald-400" /> Actividades
                </x-enlace-boton>
            </x-slot>
        </x-encabezado-pagina>

        @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

        <form method="POST" action="{{ route('rpo.update',$po->id) }}" role="form" class="space-y-5">
            @csrf
            @method('PUT')

            <input type="hidden" name="txtoc" id="txtoc" value=" {{$po->id}}" />

            {{-- Encabezado de la orden --}}
            <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 }}">
                    <x-campo etiqueta="Item" para="txtItem">
                        <x-input type="text" name="txtItem" id="txtItem" value="{{ $po->Item }}" />
                    </x-campo>

                    <x-campo etiqueta="Po" para="txtPo">
                        <div class="flex items-center gap-1">
                            <x-input type="text" name="txtPo" id="txtPo" value="{{ $po->po }}" required />
                            <x-boton-icono etiqueta="Traer datos (Número Do, Documento Transporte, Incoterms, Factura, Numero Factura, Valor Factura, Medio transporte, proceso)" variante="acento" onclick="javascript:traerDatosDO(4)">
                                <x-icono nombre="arrow-path" class="h-[18px] w-[18px]" />
                            </x-boton-icono>
                        </div>
                    </x-campo>

                    <x-campo etiqueta="DO" para="txtDo">
                        <div class="flex items-center gap-1">
                            <x-input type="text" name="txtDo" id="txtDo" value="{{ $po->numero_do }}" />
                            <x-boton-icono etiqueta="Traer datos (Documento Transporte, Incoterms, Factura, Numero Factura, Valor Factura, Medio transporte)" variante="acento" onclick="javascript:traerDatosDO(1)">
                                <x-icono nombre="arrow-path" class="h-[18px] w-[18px]" />
                            </x-boton-icono>
                            @if(session('GrupoEmpresarial') == 25 || session('GrupoEmpresarial') == 2 || session('GrupoEmpresarial') == 28)  {{-- si se agrega un id de empresa se debe habilitar en Campos de la declaración de importación --}}
                                <x-boton-icono etiqueta="Traer datos de la declaración de importación" variante="acento" onclick="javascript:traerDIM(1)">
                                    <x-icono nombre="currency-dollar" class="h-[18px] w-[18px]" />
                                </x-boton-icono>
                            @endif
                        </div>
                    </x-campo>

                    <x-campo etiqueta="Fecha Orden" para="txtFecha_po">
                        <x-input type="date" name="txtFecha_po" id="txtFecha_po" value="{{ $po->fecha_po }}" />
                    </x-campo>

                    <x-campo etiqueta="Fecha Apertura DO" para="txtFecha_apertura">
                        <x-input type="date" name="txtFecha_apertura" id="txtFecha_apertura" value="{{ $po->fecha_apertura }}" />
                    </x-campo>

                    <x-campo etiqueta="Importador" para="cboCompania">
                        <x-select name="cboCompania" id="cboCompania" required>
                            @if(session('GrupoEmpresarial') == 20 || session('GrupoEmpresarial') == 31)
                                <option value="0">Seleccione una Opcion</option>
                            @endif
                            @foreach($compani as $fil)
                                <option value="{{$fil->id}}" @if($fil->id==$po->id_compania) selected="selected" @endif >{{$fil->razon_social}}</option>
                            @endforeach
                        </x-select>
                    </x-campo>

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

                    <x-campo etiqueta="Proveedor" para="cboSupplier">
                        <x-select name="cboSupplier" id="cboSupplier" class="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
                        </x-select>
                    </x-campo>

                    <x-campo etiqueta="Pais Origen" para="cboPaisOrigen">
                        <x-select name="cboPaisOrigen" id="cboPaisOrigen" class="js-example-basic-single">
                            <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
                        </x-select>
                    </x-campo>

                    <x-campo etiqueta="Puerto de Embarque / Origen" para="cboPuertoOrigen">
                        <x-select name="cboPuertoOrigen" id="cboPuertoOrigen" class="js-example-basic-single">
                            <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
                        </x-select>
                    </x-campo>

                    <x-campo etiqueta="Puerto Destino" para="cboPuertoDestino">
                        <x-select name="cboPuertoDestino" id="cboPuertoDestino" class="js-example-basic-single">
                            <option value="0">Seleccione una Opcion</option>
                            @foreach($puertoD as $fil)
                                <option value="{{$fil->id}}" @if($fil->id==$po->IdPuertoDestino) selected="selected" @endif >{{$fil->nombre}}</option>
                            @endforeach
                        </x-select>
                    </x-campo>

                    <x-campo etiqueta="Incoterms" para="cboIncoterms">
                        <x-select name="cboIncoterms" id="cboIncoterms">
                            <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
                        </x-select>
                    </x-campo>

                    <x-campo etiqueta="Moneda" para="cboMoneda">
                        <x-select name="cboMoneda" id="cboMoneda">
                            <option value="0">Seleccione una Opcion</option>
                            @foreach($moneda as $fil)
                                <option value="{{$fil->id}}" {{ $fil->id==$po->IdMoneda ? 'selected' : '' }}> {{ $fil->nombre  }}</option>
                            @endforeach
                        </x-select>
                    </x-campo>

                    <x-campo etiqueta="Embarcador/Motonave" para="txtVessel">
                        <x-input type="text" name="txtVessel" id="txtVessel" value="{{ $po->vessel }}" />
                    </x-campo>

                    <x-campo etiqueta="Medio Transporte" para="cboMedioTrans">
                        <x-select name="cboMedioTrans" id="cboMedioTrans" readonly="readonly">
                            <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
                        </x-select>
                    </x-campo>

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

                    <x-campo etiqueta="Naviera" para="cboNaviera">
                        <x-select name="cboNaviera" id="cboNaviera">
                            <option value="0">Seleccione una Opcion</option>
                            @foreach($naviera as $fil)
                                @if($po_contenedores != null)
                                    <option value="{{$fil->id}}"{{ $fil->id==$po_contenedores->id_naviera ? 'selected' : '' }}>{{ $fil->nombre }}</option>
                                @else
                                    <option value="{{$fil->id}}">{{ $fil->nombre }}</option>
                                @endif
                            @endforeach
                        </x-select>
                    </x-campo>

                    <x-campo etiqueta="Días libres en Puerto" para="txtDia_Libre">
                        <x-input type="number" name="txtDia_Libre" id="txtDia_Libre" value="{{ $po->dias_libre }}" onblur="javascript:CalcularFechaDiasLibres()" />
                    </x-campo>

                    <x-campo etiqueta="Días libres Contenedores" para="txtDiaLibreCont">
                        <x-input type="number" name="txtDiaLibreCont" id="txtDiaLibreCont" value="{{ $po->dias_libre_cont }}" />
                    </x-campo>

                    @if(session('dominio')=="asercol")
                        <x-campo etiqueta="Gestión de Registro" para="cboNombre_Comercial">
                            <x-select name="cboNombre_Comercial" id="cboNombre_Comercial" onchange="cambioRegistro()" class="js-example-basic-single">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach($gestion_registro as $fil)
                                    <option value="{{$fil->id}}" @if($fil->id==$po->idGestionRegistro) selected="selected" @endif >{{$fil->nombre_comercial." - ".$fil->numero_licencia}}</option>
                                @endforeach
                            </x-select>
                        </x-campo>
                        <x-campo etiqueta="Número de Licencia" para="txtNumero_Licencia">
                            <x-select name="txtNumero_Licencia" id="txtNumero_Licencia" disabled>
                                <option value="0"></option>
                                @foreach($gestion_registro as $fil)
                                    <option value="{{$fil->id}}" @if($fil->id==$po->idGestionRegistro) selected="selected" @endif >{{$fil->numero_licencia}}</option>
                                @endforeach
                            </x-select>
                        </x-campo>
                        <x-campo etiqueta="Fecha Vencimiento Licencia" para="txtFecha_vencmiento_licencia">
                            <x-select name="txtFecha_vencmiento_licencia" id="txtFecha_vencmiento_licencia" disabled>
                                <option value="0">Seleccione una Opcion</option>
                                @foreach($gestion_registro as $fil)
                                    <option value="{{$fil->id}}" @if($fil->id==$po->idGestionRegistro) selected="selected" @endif >{{$fil->vencimiento}}</option>
                                @endforeach
                            </x-select>
                        </x-campo>
                    @endif
                    @if(session('dominio')=="disan")
                        <x-campo etiqueta="Emisión BL en Destino" para="cboEmisionBL">
                            <x-select name="cboEmisionBL" id="cboEmisionBL">
                                <option value="0">Seleccione</option>
                                @foreach($emisionBL as $sel)
                                    <option value="{{$sel}}" @if ($sel== $po->emision_bl)  selected="selected" @endif> {{ $sel }}</option>
                                @endforeach
                            </x-select>
                        </x-campo>
                    @endif
                    @if(session('dominio')=="disan")
                        <x-campo etiqueta="Cuenta con Instrucción de Emisión BL en Destino" para="cboAdjuntoBL">
                            <x-select name="cboAdjuntoBL" id="cboAdjuntoBL">
                                <option value="0">Seleccione</option>
                                @foreach($adjuntoBL as $item)
                                    <option value="{{$item}}" @if ($item== $po->adjunto_bl)  selected="selected" @endif> {{ $item }}</option>
                                @endforeach
                            </x-select>
                        </x-campo>
                    @endif
                    @if(session('GrupoEmpresarial') == 20 || session('GrupoEmpresarial') == 4 || session('GrupoEmpresarial') == 28 || session('GrupoEmpresarial') == 3 || session('GrupoEmpresarial') == 32 || session('GrupoEmpresarial') == 31)
                        <x-campo etiqueta="Responsable Comex" para="cboResponsableComex">
                            <x-select name="cboResponsableComex" id="cboResponsableComex">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach($responsable_comex as $fil)
                                    <option value="{{$fil->id}}" @if($fil->id==$po->IdComex) selected="selected" @endif >{{$fil->nombre}}</option>
                                @endforeach
                            </x-select>
                        </x-campo>
                    @endif
                </div>
            </x-tarjeta>

            {{-- Factura y declaración --}}
            <x-tarjeta titulo="Factura y declaración">
                <div class="{{ $cRejilla }}">
                    @if(session('dominio')!="alpina")
                        <x-campo etiqueta="Factura" para="txtFactura">
                            <x-input type="text" name="txtFactura" id="txtFactura" value="{{ $po->factura }}" />
                        </x-campo>
                        <x-campo etiqueta="Fecha Factura" para="dtpFechaFactura">
                            <x-input type="date" name="dtpFechaFactura" id="dtpFechaFactura" value="{{ $po->fecha_factura}}" />
                        </x-campo>
                    @endif
                    <x-campo etiqueta="Vencimiento Factura" para="dtpVtoFactura">
                        <x-input type="date" name="dtpVtoFactura" id="dtpVtoFactura" value="{{ $po->vto_factura}}" />
                    </x-campo>
                    <x-campo etiqueta="Valor Factura" para="txtValorFactura">
                        <x-input type="text" name="txtValorFactura" id="txtValorFactura" value="{{ $po->total_factura}}" />
                    </x-campo>
                    <x-campo etiqueta="TRM" para="txtTrm">
                        <x-input type="text" name="txtTrm" id="txtTrm" value="{{ $po->trm }}" />
                    </x-campo>
                    <x-campo etiqueta="Tipos de Declaración" para="cboTipoDeclaracion">
                        <x-select name="cboTipoDeclaracion" id="cboTipoDeclaracion">
                            <option value="0">Seleccione una Opcion</option>
                            @foreach($tipos_declaracion as $fil)
                                <option value="{{$fil->id}}" @if($fil->id==$po->idTipoDeclaracion) selected="selected" @endif >{{$fil->nombre_tipo_declaracion}}</option>
                            @endforeach
                        </x-select>
                    </x-campo>
                    {{-- Etiquetas tal como estaban: "Selectividad" guarda peso_neto_bl y "Peso Neto BL" repite el campo TRM. --}}
                    <x-campo etiqueta="Selectividad" para="txtPesoNetoBL">
                        <x-input type="text" name="txtPesoNetoBL" id="txtPesoNetoBL" value="{{ $po->peso_neto_bl }}" />
                    </x-campo>
                    <x-campo etiqueta="Peso Neto BL">
                        <x-input type="text" name="txtTrm" id="txtTrm" value="{{ $po->trm }}" />
                    </x-campo>
                    {{-- inicio Campos de la declaración de importación --}}
                    @if(session('GrupoEmpresarial') == 25 || session('GrupoEmpresarial') == 2 || session('GrupoEmpresarial') == 28)
                        <x-campo etiqueta="Valor FOB" para="txtValorFob">
                            <x-input type="text" name="txtValorFob" id="txtValorFob" value="{{ $po->vr_fob_usd }}" />
                        </x-campo>
                        <x-campo etiqueta="Valor Flete" para="txtValorFlete">
                            <x-input type="text" name="txtValorFlete" id="txtValorFlete" value="{{ $po->vr_flete }}" />
                        </x-campo>
                        <x-campo etiqueta="Valor Seguro" para="txtValorSeguro">
                            <x-input type="text" name="txtValorSeguro" id="txtValorSeguro" value="{{ $po->vr_seguro }}" />
                        </x-campo>
                        <x-campo etiqueta="Valor Otros" para="txtValorOtros">
                            <x-input type="text" name="txtValorOtros" id="txtValorOtros" value="{{ $po->vr_otros }}" />
                        </x-campo>
                        <x-campo etiqueta="Iva Liquidado" para="txtIvaLiquidado">
                            <x-input type="text" name="txtIvaLiquidado" id="txtIvaLiquidado" value="{{ $po->iva_liquidado }}" />
                        </x-campo>
                    @endif
                    {{-- Fin Campos de la declaración de importación --}}
                    @if(session('GrupoEmpresarial') == 3)
                        <x-campo etiqueta="Porcentaje IVA" para="txtPorcentajeIva">
                            <x-input type="text" name="txtPorcentajeIva" id="txtPorcentajeIva" value="{{ $po->porcentaje_iva }}" />
                        </x-campo>
                    @endif
                    @if(session('GrupoEmpresarial') == 28)
                        <x-campo etiqueta="Aduana donde se Nacionaliza" para="txtAduanaNacionaliza">
                            <x-input type="text" name="txtAduanaNacionaliza" id="txtAduanaNacionaliza" value="{{ $po->aduana_nacionalizacion }}" />
                        </x-campo>
                    @endif
                    <x-campo etiqueta="Observaciones" para="txtComentario" class="sm:col-span-2">
                        <textarea type='text' name="txtComentario" id="txtComentario" rows="2" class="{{ $cInput }}">{{ $po->comentario}}</textarea>
                    </x-campo>
                    @if(session('GrupoEmpresarial') == 7)
                        <x-campo etiqueta="Agencia de Aduana" para="cboAgencia">
                            <x-select name="cboAgencia" id="cboAgencia">
                                <option value="0">Seleccione una Opcion</option>
                                @foreach($agencia as $fil)
                                    <option value="{{$fil->id}}" @if($fil->id==$po->IdAduana) selected="selected" @endif >{{$fil->razon_social}}</option>
                                @endforeach
                            </x-select>
                        </x-campo>
                    @endif
                </div>
            </x-tarjeta>

            {{-- Campos dinámicos (definición de campos de la OC por cliente) --}}
            <x-seccion-plegable titulo="Campos Dinámicos" icono="adjustments-horizontal" id="collapseOne">
                @if (count($AdicionalPO) == 0)
                    <p class="text-[13px] text-[var(--texto-suave)]">Este cliente no tiene campos dinámicos definidos.</p>
                @endif
                <div class="{{ $cRejilla }}">
                    @php
                        $GrupoAnt = "";
                        $i = 0;
                    @endphp
                    @foreach($AdicionalPO as $fil)
                        @if($GrupoAnt != $fil->grupo)
                            @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}}' rows="2" class="{{ $cInput }}">{{$fil->valor}} </textarea>
                            @elseif ($fil->tipo_campo=="Lista")
                                @php
                                    $valunic = explode(",",$fil->valor);
                                    $valmulti = explode(",",$fil->valores);
                                    $nomControl = "txt".$fil->id;
                                    $esMultiple = $fil->clase=="multiple";
                                    if($esMultiple){
                                        $nomControl = "txt".$fil->id."[]";
                                    }
                                @endphp
                                <select name="{{ $nomControl }}" id='txt{{$fil->id}}' @if($esMultiple) multiple data-live-search="true" class="{{ $cMultiple }}" @else class="{{ $cSelect }}" @endif>
                                    <option value>Seleccione una Opcion</option>
                                    @foreach($valmulti as $row)
                                        @foreach($valunic as $row2)
                                            @php $sel=''; @endphp
                                            @if($row == $row2 )
                                                @php $sel='selected'; @endphp
                                                @break
                                            @endif
                                        @endforeach
                                        <option value="{{$row}}" {{$sel}} >{{ str_replace("_"," ", $row) }}</option>
                                    @endforeach
                                </select>
                            @else
                                <input type='number' step="any" name="txt{{$fil->id}}" id='txt{{$fil->id}}' class="{{ $cInput }}" value="{{$fil->valor}}" />
                            @endif
                        </x-campo>
                    @endforeach
                </div>
            </x-seccion-plegable>

            {{-- Control de contenedores --}}
            <x-seccion-plegable titulo="Control de Contenedores" icono="cube" id="collapseOne1">
                <div class="space-y-4">
                    @if(session('info_contenedor')=="SI" )
                        @php
                            $arr = explode(",",session('columnas_a_mostrar') );  //Trae dinamicamente los nombres de los campos del contenedor
                            $columnas_a_mostrar = (session('columnas_a_mostrar')); // asigno la variable de sesión a una variable.
                            $ics=1;
                        @endphp

                        @if(count($doconte)>0)
                            <h3 class="text-[14px] font-semibold text-[var(--texto)]">Contenedores · Días libres: <span id="lblConte">0</span></h3>
                            <input style="width:30px;" readonly="readonly" id="txtCantiCon" name="txtCantiCon" type="hidden" value="{{count($doconte)}}" />
                            <div class="overflow-hidden rounded-lg border border-[var(--borde)]">
                                <div class="ctc-tabla-caja" style="--alto-tabla: 28rem">
                                    <table id="Tabla" class="{{ $cTabla }}">
                                        <thead>
                                            <tr>
                                                <th style="min-width:150px;">Contenedor</th>
                                                <th style="min-width:90px;">Tamaño</th>
                                                @foreach ($arr as $item)
                                                    <th style="min-width:150px;">{{ $item }}</th>   {{-- Muestra el nombre de las columnas --}}
                                                @endforeach
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php $ii = 1; @endphp
                                            @foreach($doconte as $fil)
                                                <tr id="jrow{{$ii}}">
                                                    <td class="hidden"><input name="txtIdCon{{$ii}}" id="txtIdCon{{$ii}}" type="text" readonly="readonly" value="{{!empty($fil->id) ? $fil->id : '' }}"  > </td>
                                                    <td>
                                                        <input type='text' name="txtNumeroCon{{$ii}}" id="txtNumeroCon{{$ii}}" class="{{ $cCelda }}" value="{{ $fil->nro_contenedor}}" readonly />
                                                    </td>
                                                    <td>
                                                        <input type='text' name="txtTamanoCon{{$ii}}" id="txtTamanoCon{{$ii}}" class="{{ $cCelda }} text-center" value="{{ $fil->tamano}}" readonly />
                                                    </td>
                                                    @foreach (explode(",",$columnas_a_mostrar) as $item)
                                                        @if($item=='Planta')
                                                            <td>
                                                                <select name="cboPlanta{{$ii}}" id="cboPlanta{{$ii}}" class="{{ $cCeldaSelect }}">
                                                                    <option value="0">Seleccione una Opcion</option>
                                                                    @foreach($planta as $pla)
                                                                        <option value="{{$pla->id}}"  @if($pla->id==$fil->id_planta) selected="selected" @endif >{{$pla->planta}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </td>
                                                        @elseif($item == 'Factura')
                                                            <td>
                                                                <input type='text' name="txtFactura{{$ii}}" id="txtFactura{{$ii}}" class="{{ $cCelda }}" value="{{!empty($fil->factura) ? $fil->factura : '' }}"  />
                                                            </td>
                                                        @elseif(str_contains($item, 'fecha'))
                                                            <td>
                                                                <input type='date' name="dtp{{$item.$ii}}" id="dtp{{$item.$ii}}" class="{{ $cCelda }}" value="{{!empty($fil->$item) ? $fil->$item : '' }}" onchange="javascript:CalcularFechaDiasLibres()"   />
                                                            </td>
                                                        @endif
                                                    @endforeach
                                                </tr>
                                                @php $ii = $ii + 1; @endphp
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @else
                            {{--  carga suelta inicio --}}
                            <x-alerta tipo="aviso">Recuerde tener en cuenta para guardar registro de Carga suelta debe estar diligenciado el DO</x-alerta>
                            <h3 class="text-[14px] font-semibold text-[var(--texto)]">Carga Suelta</h3>
                            @php
                                $ics=1;
                                $jobj = array();
                                if( count($cargasuelta)==0){
                                    $jobj[]  = (object) array('id' => 0,'referencia' => "",'id_planta' => 0,'factura' => "");
                                    $cargasuelta = collect($jobj);
                                }
                            @endphp
                            <input style="width:30px;" readonly="readonly" id="txtCantiCS" name="txtCantiCS" type="hidden" value="{{count($cargasuelta)}}" />
                            <div class="overflow-hidden rounded-lg border border-[var(--borde)]">
                                <div class="ctc-tabla-caja" style="--alto-tabla: 28rem">
                                    <table id="MyTableCS" class="{{ $cTabla }}">
                                        <thead>
                                            <tr>
                                                <th class="hidden">id</th>
                                                <th style="min-width:180px;">Referencia</th>
                                                @foreach ($arr as $item)
                                                    <th style="min-width:160px;">{{ $item }}</th>
                                                @endforeach
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($cargasuelta as $fil)
                                                <tr>
                                                    <td class="hidden"><input name="txtIdCS{{$ics}}"  id="txtIdCS{{$ics}}" type="text" readonly="readonly" value="{{ $fil->id }}"> </td>
                                                    <td><input class="{{ $cCelda }}" name="txtReferencia{{$ics}}" id="txtReferencia{{$ics}}" type="text" value="{{ $fil->referencia }}"></td>

                                                    @if(str_contains($columnas_a_mostrar, 'Planta'))
                                                        <td>
                                                            <select name="cboPlanta{{$ics}}" id="cboPlanta{{$ics}}" class="{{ $cCeldaSelect }}">
                                                                <option value="0">Seleccione una Opcion</option>
                                                                @foreach($planta as $pla)
                                                                    <option value="{{$pla->id}}"  @if($pla->id==$fil->id_planta) selected="selected" @endif >{{$pla->planta}}</option>
                                                                @endforeach
                                                            </select>
                                                        </td>
                                                    @endif

                                                    @if(str_contains($columnas_a_mostrar, 'Factura'))
                                                        <td>
                                                            <input type='text' name="txtFactura{{$ics}}" id="txtFactura{{$ics}}" class="{{ $cCelda }}" value="{{!empty($fil->factura) ? $fil->factura : ''}}"  />
                                                        </td>
                                                    @endif

                                                    @if(str_contains($columnas_a_mostrar, 'Fecha_salida'))
                                                        <td>
                                                            <input type='date' name="dtpFechaSalida{{$ics}}" id="dtpFechaSalida{{$ics}}" class="{{ $cCelda }}" value="{{!empty($fil->fecha_salida) ? $fil->fecha_salida : '' }}"  />
                                                        </td>
                                                    @endif
                                                </tr>
                                                @php $ics = $ics + 1; @endphp
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @endif

                        @if(Auth::user()->operacion=="E")
                            <div class="flex flex-wrap items-center gap-2">
                                <x-enlace-boton href="javascript:AgregarCS();" title="Agregar Registro"><x-icono nombre="plus-circle" /> Agregar Registro</x-enlace-boton>
                                <x-enlace-boton href="javascript:EliminarCS();" title="Eliminar Registro"><x-icono nombre="trash" class="h-4 w-4 text-red-600 dark:text-red-400" /> Eliminar Registro</x-enlace-boton>
                            </div>
                        @endif
                        {{--  carga suelta fin --}}
                    @endif {{--   condicion si es carga suelta o contenedor fin --}}

                    @if(session('GrupoEmpresarial') != 3)
                        @livewire('po.contenedores-orden-compra', ['id_po' => $po->id], key($po->id))
                    @endif
                </div>
            </x-seccion-plegable>

            {{-- Productos --}}
            <x-seccion-plegable titulo="Productos" icono="queue-list" id="collapseOne2">
                <div class="overflow-hidden rounded-lg border border-[var(--borde)]">
                    <div class="ctc-tabla-caja">
                        <table id="MyTable" class="{{ $cTabla }}">
                            <thead>
                                <tr>
                                    <th class="hidden"></th>
                                    <th>#</th>
                                    <th>Nombre Material</th>
                                    @if(session('GrupoEmpresarial') == 4 || session('GrupoEmpresarial') == 20)
                                        <th>Item</th>
                                        <th>Orden Compra</th>
                                    @endif
                                    <th>Cantidad Solicitada</th>
                                    <th>Cantidad Real</th>
                                    <th>U. Medida Facturada</th>
                                    <th>Empaque</th>
                                    <th>Cant. Emp.</th>
                                    <th>Valor Unit. Emp</th>
                                    <th>Bultos Contenedor</th>
                                    <th>Peso Neto</th>
                                    <th>Peso Bruto</th>
                                    <th>Cant. Factura</th>
                                    <th>Valor Total</th>
                                    <th>Valor Unitario</th>
                                    <th class="hidden"></th>
                                    <th>Porcentaje Iva</th>
                                    <th>Factura</th>
                                    <th>Número Declaración</th>
                                    <th>Base Arancel</th>
                                    <th>Gravamen</th>
                                    <th>Porcentaje Arancel</th>
                                    <th>Subpartida</th>
                                    <th>Cod Acuerdo</th>
                                    <th>Nombre Acuerdo</th>
                                    <th>Categoria</th>
                                    @if(session('GrupoEmpresarial') == 27)
                                        <th>Centro de Costo</th>
                                        <th>Fecha Solicitud Descripciones Mínimas</th>
                                        <th>Fecha Descripciones Mínimas</th>
                                        <th>Fecha Partida Arancelaria</th>
                                    @endif
                                    <th>Orden Parcial</th>
                                    <th>Traer Datos</th>
                                    <th>Contenedor</th>
                                </tr>
                            </thead>

                            <tbody>
                                {{-- CLONAR: inicio si no existe ningun registro que agregue uno por defecto--}}
                                @if(count($det)<=0)
                                    <tr>
                                        @php $num = $num + 1; @endphp

                                        <td class="hidden"><input name="txtId{{$num}}" id="txtId{{$num}}" type="text" readonly="readonly" value="0"> </td>
                                        <td><input class="{{ $cCelda }} text-center" style="width:44px" name="txtN{{$num}}" id="txtN{{$num}}" type="text" readonly="readonly" value=""> </td>
                                        <td>
                                            <select name="cboMaterial{{$num}}" id="cboMaterial{{$num}}" style="width: 200px" onchange="traerInfoMaterial({{$num}})" class="{{ $cCeldaSelect }}">
                                                <option>Seleccione una opción</option>
                                                @foreach( $materi as $fil )
                                                    @if(session('GrupoEmpresarial') == 3 || session('GrupoEmpresarial') == 7 || session('GrupoEmpresarial') == 20)
                                                        <option value="{{$fil->id}}" >{{ $fil->codigo ." - ". $fil->nombre }}</option>
                                                    @else
                                                        <option value="{{$fil->id}}" >{{ $fil->codigo_homologacion ." - ". $fil->nombre }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </td>

                                        <td><input class="{{ $cCelda }}" style="width:100px" name="txtQTY{{$num}}"   id="txtQTY{{$num}}"  type="number" step="0.01" onBlur = "PerderFoco(this,'{{$num}}');" value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:100px" name="txtQTYR{{$num}}"  id="txtQTYR{{$num}}" type="number" step="0.01" onBlur = "PerderFoco(this,'{{$num}}');" value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:105px" name="txtUM{{$num}}"    id="txtUM{{$num}}"   type="text"   onBlur = "PerderFoco(this,'{{$num}}');" value=""> </td>
                                        <td>
                                            <select name="cboEmpaque{{$num}}" id="cboEmpaque{{$num}}" class="{{ $cCeldaSelect }}" style="width:130px">
                                                <option>Seleccione una opción</option>
                                                @foreach( $empaqu as $fil )
                                                    <option value="{{$fil->id}}" >{{ $fil->nombre }}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td><input class="{{ $cCelda }}" style="width:105px" name="txtCantEmpaque{{$num}}"   id="txtCantEmpaque{{$num}}"  type="number" step="0.01" onBlur = "PerderFoco(this,'{{$num}}');" value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:105px" name="txtUndEmpaque{{$num}}"    id="txtUndEmpaque{{$num}}"   type="text"   readonly="readonly"   value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:105px" name="txtBultosConte{{$num}}"   id="txtBultosConte{{$num}}"  type="text"   value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:105px" name="txtPesoNeto{{$num}}"      id="txtPesoNeto{{$num}}"    type="number"  step="0.01"  onBlur = "PerderFoco(this,'{{$num}}');" value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:105px" name="txtPesoBruto{{$num}}"     id="txtPesoBruto{{$num}}"   type="number"  step="0.01"  onBlur = "PerderFoco(this,'{{$num}}');" value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:105px" name="txtCantiFactura{{$num}}"  id="txtCantiFactura{{$num}}" type="text"   value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:105px" name="txtTotalVal{{$num}}"     id="txtTotalVal{{$num}}"     type="number" step="0.01" onBlur = "PerderFoco(this,'{{$num}}');" value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:105px" name="txtTotalUni{{$num}}"     id="txtTotalUni{{$num}}"     type="text"   readonly="readonly"          value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:105px" name="txtPorcentajeIva{{$num}}"     id="txtPorcentajeIva{{$num}}"     type="text"            value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:120px" name="txtFacturaC{{$num}}"     id="txtFacturaC{{$num}}"     type="text"            value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:170px" name="txtNumeroDeclaracion{{$num}}"   id="txtNumeroDeclaracion{{$num}}"   type="text"            value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:170px" name="txtBaseArancel{{$num}}"         id="txtBaseArancel{{$num}}"         type="text"            value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:100px" name="txtGravamen{{$num}}"            id="txtGravamen{{$num}}"            type="number"          value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:100px" name="txtPorcentajeArancel{{$num}}"   id="txtPorcentajeArancel{{$num}}"   type="number"          value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:110px" name="txtCodigoPosicion{{$num}}"       id="txtCodigoPosicion{{$num}}"      type="text"            value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:90px" name="txtCodigoAcuerdo{{$num}}"        id="txtCodigoAcuerdo{{$num}}"       type="text"            value=""> </td>
                                        <td><input class="{{ $cCelda }}" style="width:170px" name="txtNombreAcuerdo{{$num}}"       id="txtNombreAcuerdo{{$num}}"       type="text"            value=""> </td>

                                        <td class="hidden"><input name="txtIdParcial{{$num}}" id="txtIdParcial{{$num}}" type="text" readonly="readonly" value=""> </td>
                                        <td><button type="button" class="{{ $cBotonFila }}" style="visibility:hidden" name="btnFil{{$num}}"  id="btnFil{{$num}}" ><span title="Crear Orden de Compra"><x-icono nombre="check" variante="m" /></span></button> </td>

                                        {{-- PARA TRAER EL PESO NETO Y PESO BRUTO DE WEBSIMEX  --}}
                                        <td>
                                            <a href="#" class="ctc-accion mx-auto" title="Traer datos (Peso Neto, Peso Bruto, valor unitario, bultos)" aria-label="Traer datos (Peso Neto, Peso Bruto, valor unitario, bultos)" onclick="javascript:traerdatosproducto({{$num}})">
                                                <x-icono nombre="arrow-path" class="h-[18px] w-[18px]" />
                                            </a>
                                        </td>
                                        <td>
                                            <select name="cboContenedor{{$num}}" id="cboContenedor{{$num}}" class="{{ $cCeldaSelect }}" style="width:170px">
                                                <option value="0" >Seleccione una Opción</option>
                                                @if(count($jconten)>0)
                                                    @foreach( $jconten as $fil )
                                                        <option value="{{$fil->id}}" >{{ $fil->contenedor }}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </td>
                                    </tr>
                                @else
                                    @foreach($det as $dt)
                                        <tr>
                                            @php $num = $num + 1; @endphp

                                            <td class="hidden"><input name="txtId{{$num}}" id="txtId{{$num}}" type="text" readonly="readonly" value="{{ $dt->id }}"> </td>
                                            <td><input class="{{ $cCelda }} text-center" style="width:44px" name="txtN{{$num}}" id="txtN{{$num}}" type="text" readonly="readonly" value="{{$num}}"> </td>
                                            <td>
                                                <select onchange="traerInfoMaterial({{$num}})" name="cboMaterial{{$num}}" id="cboMaterial{{$num}}" style="width: 420px" class="{{ $cCeldaSelect }}">
                                                    <option>Seleccione una opción</option>
                                                    @foreach( $materi as $fil )
                                                        <option value="{{$fil->id}}" @if($fil->id==$dt->id_material ) selected="selected" @endif >{{ $fil->codigo ." - ". $fil->nombre }}</option>
                                                    @endforeach
                                                </select>
                                            </td>

                                            @if(session('GrupoEmpresarial') == 6 || session('GrupoEmpresarial') == 4 || session('GrupoEmpresarial') == 20)
                                                <td><input class="{{ $cCelda }}" style="width:100px" name="txtItemProducto{{$num}}"   id="txtItemProducto{{$num}}"  type="number"  onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->posicion_pedido }}"> </td>
                                                <td><input class="{{ $cCelda }}" style="width:220px" name="txtOcItem{{$num}}"    id="txtOcItem{{$num}}"   type="text"   onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->orden_compra_item }}"> </td>
                                            @endif
                                            <td><input class="{{ $cCelda }}" style="width:120px" name="txtQTY{{$num}}"   id="txtQTY{{$num}}"  type="number" step="0.01" onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->cantidad_material }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:100px" name="txtQTYR{{$num}}"  id="txtQTYR{{$num}}" type="number" step="0.01" onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->cantidad_material_real }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:105px" name="txtUM{{$num}}"    id="txtUM{{$num}}"   type="text"   onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->unidad_medida }}"> </td>
                                            <td>
                                                <select name="cboEmpaque{{$num}}" id="cboEmpaque{{$num}}" class="{{ $cCeldaSelect }}" style="width:130px">
                                                    <option>Seleccione una opción</option>
                                                    @foreach( $empaqu as $fil )
                                                        <option value="{{$fil->id}}" @if($fil->id==$dt->id_empaque) selected="selected" @endif>{{ $fil->nombre }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td><input class="{{ $cCelda }}" style="width:105px" name="txtCantEmpaque{{$num}}"   id="txtCantEmpaque{{$num}}"  type="number" step="0.01" onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->cantidad_en_empaque }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:125px" name="txtUndEmpaque{{$num}}"    id="txtUndEmpaque{{$num}}"   type="text"   readonly="readonly"   value="{{ $dt->unidades_de_empaque }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:105px" name="txtBultosConte{{$num}}"   id="txtBultosConte{{$num}}"  type="text"   value="{{ $dt->bultos_contenedor }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:105px" name="txtPesoNeto{{$num}}"      id="txtPesoNeto{{$num}}"    type="number"  step="0.01"  onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->peso_neto }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:105px" name="txtPesoBruto{{$num}}"     id="txtPesoBruto{{$num}}"   type="number"  step="0.01"  onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->peso_bruto }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:105px" name="txtCantiFactura{{$num}}"  id="txtCantiFactura{{$num}}" type="text"   value="{{ $dt->cantidad_factura }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:105px" name="txtTotalVal{{$num}}"     id="txtTotalVal{{$num}}"     type="number" step="0.01" onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->valor_total }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:105px" name="txtTotalUni{{$num}}"     id="txtTotalUni{{$num}}"     type="text"             value="{{ $dt->valor_unitario }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:105px" name="txtPorcentajeIva{{$num}}"     id="txtPorcentajeIva{{$num}}"     type="number"    onBlur = "PerderFoco(this,'{{$num}}');"          value="{{ $dt->porcentaje_iva }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:120px" name="txtFacturaC{{$num}}"     id="txtFacturaC{{$num}}"     type="text"     value="{{ $dt->factura_comercial }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:170px" name="txtNumeroDeclaracion{{$num}}"     id="txtNumeroDeclaracion{{$num}}"      type="text"     value="{{ $dt->numero_declaracion }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:170px" name="txtBaseArancel{{$num}}"          id="txtBaseArancel{{$num}}"             type="text"     value="{{ $dt->base_arancel }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:100px" name="txtGravamen{{$num}}"             id="txtGravamen{{$num}}"                type="number"   value="{{ $dt->gravamen }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:100px" name="txtPorcentajeArancel{{$num}}"    id="txtPorcentajeArancel{{$num}}"       type="number"   value="{{ $dt->porcentaje_arancel }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:170px" name="txtCodigoPosicion{{$num}}"       id="txtCodigoPosicion{{$num}}"          type="text"     value="{{ $dt->codigo_posicion }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:90px" name="txtCodigoAcuerdo{{$num}}"         id="txtCodigoAcuerdo{{$num}}"           type="text"     value="{{ $dt->codigo_acuerdo }}"> </td>
                                            <td><input class="{{ $cCelda }}" style="width:170px" name="txtNombreAcuerdo{{$num}}"        id="txtNombreAcuerdo{{$num}}"           type="text"     value="{{ $dt->nombre_acuerdo }}"> </td>
                                            <td>
                                                <select name="cboCategoria{{$num}}" id="cboCategoria{{$num}}" style="width: 200px" class="{{ $cCeldaSelect }}">
                                                    <option value="">SIN CATEGORIA</option>
                                                    @foreach($categorias as $fil )
                                                        <option value="{{$fil->id}}" @if($fil->id==$dt->id_categoria_prod ) selected="selected" @endif>{{ $fil->nombre }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td>
                                                <input class="{{ $cCelda }}" style="width:170px"  name="txtIdDetalleFact{{$num}}"        id="txtIdDetalleFact{{$num}}"          type="text"   value="{{ $dt->id_detalle_factura }}">
                                            </td>

                                            @if(session('GrupoEmpresarial') == 6 || session('GrupoEmpresarial') == 27)
                                                <td>
                                                    <select name="cboCentrodeCosto{{$num}}" id="cboCentrodeCosto{{$num}}" style="width: 200px" class="{{ $cCeldaSelect }}" disabled>
                                                        <option value="">Centro de Costo</option>
                                                        @foreach($materi as $fil )
                                                            <option value="{{$fil->id}}" @if($fil->id==$dt->id_material ) selected="selected" @endif >{{ $fil->centro_de_costo }}</option>
                                                        @endforeach
                                                    </select>
                                                </td>

                                                <td>
                                                    <select name="cboCentrodeCosto{{$num}}" id="cboCentrodeCosto{{$num}}" style="width: 200px" class="{{ $cCeldaSelect }}" disabled>
                                                        <option value="">Fecha Solicitud Descripciones Mínimas</option>
                                                        @foreach($materi as $fil )
                                                            <option value="{{$fil->id}}" @if($fil->id==$dt->id_material ) selected="selected" @endif >{{ $fil->fecha_solicitud_descripciones_minimas }}</option>
                                                        @endforeach
                                                    </select>
                                                </td>

                                                <td>
                                                    <select name="cboCentrodeCosto{{$num}}" id="cboCentrodeCosto{{$num}}" style="width: 200px" class="{{ $cCeldaSelect }}" disabled>
                                                        <option value="">Fecha Solicitud Descripciones Mínimas</option>
                                                        @foreach($materi as $fil )
                                                            <option value="{{$fil->id}}" @if($fil->id==$dt->id_material ) selected="selected" @endif >{{ $fil->fecha_descripciones_minimas }}</option>
                                                        @endforeach
                                                    </select>
                                                </td>

                                                <td>
                                                    <select name="cboCentrodeCosto{{$num}}" id="cboCentrodeCosto{{$num}}" style="width: 200px" class="{{ $cCeldaSelect }}" disabled>
                                                        <option value="">Fecha Solicitud Descripciones Mínimas</option>
                                                        @foreach($materi as $fil )
                                                            <option value="{{$fil->id}}" @if($fil->id==$dt->id_material ) selected="selected" @endif >{{ $fil->fecha_creacion_partida_arancelaria }}</option>
                                                        @endforeach
                                                    </select>
                                                </td>
                                            @endif

                                            <td class="hidden"><input name="txtIdParcial{{$num}}" id="txtIdParcial{{$num}}" type="text" readonly="readonly" value="{{ $dt->id_po_parcial }}"> </td>

                                            @if($dt->id_po_parcial>0)
                                                <td><button type="button" title="Orden Parcial Creada" class="{{ $cBotonFila }}" style="visibility:visible" name="btnFil{{$num}}"   id="btnFil{{$num}}" onclick="AbrirParcial('{{ $dt->id_po_parcial }}')"><x-icono nombre="arrow-top-right-on-square" variante="m" /><span>{{ $dt->number_po_parcial }}</span></button> </td>
                                            @else
                                                <td><button type="button" class="{{ $cBotonFila }}" style="visibility:hidden" name="btnFil{{$num}}"  id="btnFil{{$num}}" ><span title="Crear Orden de Compra"><x-icono nombre="check" variante="m" /></span></button> </td>
                                            @endif
                                            {{-- PARA TRAER EL PESO NETO Y PESO BRUTO DE WEBSIMEX  --}}
                                            <td>
                                                <a href="#" class="ctc-accion mx-auto" title="Traer datos (Peso Neto, Peso Bruto, valor unitario, bultos)" aria-label="Traer datos (Peso Neto, Peso Bruto, valor unitario, bultos)" onclick="javascript:traerdatosproducto({{$num}})">
                                                    <x-icono nombre="arrow-path" class="h-[18px] w-[18px]" />
                                                </a>
                                            </td>
                                            <td>
                                                <select name="cboContenedor{{$num}}" id="cboContenedor{{$num}}" class="{{ $cCeldaSelect }}" style="width:170px">
                                                    <option value="0" >Seleccione una Opción</option>
                                                    @foreach( $jconten as $fil )
                                                        <option value="{{$fil->id}}" @if($fil->id==$dt->id_contenedor) selected="selected" @endif>{{ $fil->contenedor }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                                {{-- fin --}}
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="mt-3 flex flex-wrap items-center justify-between gap-3">
                    <div class="flex flex-wrap items-center gap-2">
                        @if(Auth::user()->operacion=="E")
                            <x-enlace-boton href="javascript:AgregarActividad();" title="Agregar Registro"><x-icono nombre="plus-circle" /> Agregar Registro</x-enlace-boton>
                            <x-enlace-boton href="javascript:DuplicarActividad();" title="Duplicar Registro"><x-icono nombre="document-duplicate" /> Duplicar Registro</x-enlace-boton>
                            <x-enlace-boton href="javascript:EliminarActividad();" title="Eliminar Registro"><x-icono nombre="trash" class="h-4 w-4 text-red-600 dark:text-red-400" /> Eliminar Registro</x-enlace-boton>
                        @endif
                    </div>
                    <div class="flex items-center gap-2">
                        <input style="width:30px;" readonly="readonly" id="txtCanti" name="txtCanti" type="hidden" value="{{$num}}">
                        <label for="txtTotal" class="text-[13px] font-semibold text-[var(--texto-suave)]">Total</label>
                        <input type="text" name="txtTotal" id="txtTotal" class="{{ $cCelda }} text-right" style="width:160px" readonly="readonly" value="0" />
                    </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">
                    @if(Auth::user()->operacion=="E")
                        <x-button><x-icono nombre="check" variante="m" class="h-4 w-4" /> Actualizar</x-button>
                    @endif
                    <x-enlace-boton href="{{ pantalla('/rpo') }}"><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 Proveedor, País, Puertos, Naviera…) 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); }
        </style>
    @endpush

    @push('scripts')
        {{-- Librerías que traía planti, solo para esta pantalla. moment va antes del script: CalcularFechaDiasLibres() se
             llama al cargar y antes fallaba con "moment is not defined". --}}
        <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/moment.js/2.29.4/moment.min.js"></script>

        <script>
            // In your Javascript (external .js resource or <script> tag)
            $(document).ready(function() {
             // $('.js-example-basic-single').select2();
            });
        </script>

<script>

  
   var i = '{{ $num  }}'; // $("#txti").val();
   var ics = '{{ $ics  }}';  // $("#txti").val();
   var newaddress;
   const naviera = document.getElementById('cboNaviera');
   naviera.addEventListener('change', function(){
        var selectedOption = this.options[naviera.selectedIndex];
        var diasLibres = selectedOption.value.split('-')[1];
        document.getElementById('txtDia_Libre').value = diasLibres;       
   });

    function PerderFoco(sender, pos) {
       // alert(pos);
        MostrarParcial(sender,pos);
        CalcularDetalle();
    }    

    function MostrarParcial(sender,pos) {
    
    
        //for (j = 1; j <= i; j++) {

            //log("POS: " + pos);

            var regex = /(\d+)/g;
            var n = sender.name.match(regex);
            console.log(sender.name  + " - " +n); 

            //se toma desde el nombre por que al duplicar enviana una pos fija
            pos = n;

            var solic  = $('#txtQTY' + pos).val();
            var real   = $('#txtQTYR' + pos).val();

            var act = $('#btnFil'+pos).prop("disabled");
    
            if(act==false){
                if(real!="" && real !=0){
                    if(real != solic){
                        $('#btnFil' + pos).css("visibility","visible");  

                    }else{
                        $('#btnFil' + pos).css("visibility","hidden"); 
                    }
                }else{
                    $('#btnFil' + pos).css("visibility","hidden"); 
                }


            }
        //}
    }

    function CrearParcial(pos){
        var id = $('#txtoc').val();
        var detid = $('#txtId' + pos).val();
        //alert(pos + " - " + id + " - "  + detid);
    }

    function AbrirParcial(oc){
        //alert(oc);
        var titulo = "Seguimiento de la Orden de Compra";
	    window.open("/rpo/"+ oc +"/edit", '_blank', "width=1024, height=768");
    }

  

    function CalcularDetalle() {

       // alert("total: " + i);

        $("#lblError").text("");
        TotalVal  = 0;
        TotalUnit = 0;
        sumtot    = 0;
        for (j = 1; j <= i; j++) {
            //$("#lblError").text("valor: " + Number($('#txtIGB' + j).val().replace(",", "")));
            var Qty      = $('#txtQTY' + j).val();
            var canempq  = $('#txtCantEmpaque' + j).val();
            var tot      = $('#txtTotalVal' + j).val();
            var unit     = 0
            var unitempq = 0
            Qty      = Number(Qty);
            canempq  = Number(canempq);
            tot      = Number(tot);
            if (Qty == "") {
              Qty = 0
            }
            sumtot   = sumtot + tot;
            /*if (Qty <= 0 && tot<=0) {
                $("#lblError").text("Linea(" + j + "): Los valores no deben ser menor o igual a cero(0)");
                /*$('#txtQTY' + j).val(0);
                $('#txtCantEmpaque' + j).val(0);
                $('#txtUndEmpaque' + j).val(0);
                $('#txtTotalVal' + j).val(0);
                $('#txtTotalUni' + j).val(0);
            } */
            if(tot>0){
              unit = tot/Qty;
              if(unit!=undefined && unit!=Infinity){
                $('#txtTotalUni' + j).val(unit);
              }else{
                $('#txtTotalUni' + j).val(0);
              }
              $("#txtTotal").val(sumtot);
            }else{
              $('#txtTotalUni' + j).val(0);
            }
            if(canempq>0){
              unitempq = Qty/canempq;
              if(unitempq!=undefined && unitempq!=Infinity ){
                $('#txtUndEmpaque' + j).val(unitempq);
              }else{
                $('#txtUndEmpaque' + j).val(unitempq);
              }
            }else{
                $('#txtUndEmpaque' + j).val(unitempq);
            }
        }
    }

    function AgregarActividad() {
        //alert('hola' + i);
        $("#lblError").text("");
        /* if (ValidarActividadRepetida(this) == true) {
            //var valanterior = $("#lblError").text();
            $("#lblError").text("Corrija las actividades repetidas para agregar una nueva actividad ");// + valanterior);
            return;
        }*/
        if (i < 500) {
            i++;
            var nom = "cboMaterial" + i
            $("#txtCanti").val(i);
            var newaddress = $("#MyTable tbody tr:first").eq(0).clone();
            newaddress.find('input').each(function () {
                this.name = this.name.replace('txtId1',                 'txtId' + i);
                this.name = this.name.replace('txtN1',                  'txtN' + i);
                this.name = this.name.replace('txtITEM1',               'txtITEM' + i);
                this.name = this.name.replace('txtItemProducto1',       'txtItemProducto' + i);
                this.name = this.name.replace('txtOcItem1',             'txtOcItem' + i);
                this.name = this.name.replace('txtQTY1',                'txtQTY' + i);
                this.name = this.name.replace('txtQTYR1',               'txtQTYR' + i);
                this.name = this.name.replace('txtUM1',                 'txtUM' + i);
                this.name = this.name.replace('txtCantEmpaque1',        'txtCantEmpaque' + i);
                this.name = this.name.replace('txtUndEmpaque1',         'txtUndEmpaque' + i);
                this.name = this.name.replace('txtBultosConte1',        'txtBultosConte' + i);
                this.name = this.name.replace('txtPesoNeto1',           'txtPesoNeto' + i);
                this.name = this.name.replace('txtPesoBruto1',          'txtPesoBruto' + i);
                this.name = this.name.replace('txtCantiFactura1',       'txtCantiFactura' + i);
                this.name = this.name.replace('txtTotalVal1',           'txtTotalVal' + i);
                this.name = this.name.replace('txtTotalUni1',           'txtTotalUni' + i);
                this.name = this.name.replace('txtPorcentajeIva1',      'txtPorcentajeIva' + i);
                this.name = this.name.replace('txtFacturaC1',           'txtFacturaC' + i);
                this.name = this.name.replace('txtNumeroDeclaracion1',  'txtNumeroDeclaracion' + i);
                this.name = this.name.replace('txtBaseArancel1',        'txtBaseArancel' + i);
                this.name = this.name.replace('txtGravamen1',           'txtGravamen' + i);
                this.name = this.name.replace('txtPorcentajeArancel1',  'txtPorcentajeArancel' + i);
                this.name = this.name.replace('txtCodigoPosicion1',     'txtCodigoPosicion' + i);
                this.name = this.name.replace('txtCodigoAcuerdo1',      'txtCodigoAcuerdo' + i);
                this.name = this.name.replace('txtNombreAcuerdo1',      'txtNombreAcuerdo' + i);

                this.id = this.id.replace('txtId1',                     'txtId' + i);
                this.id = this.id.replace('txtN1',                      'txtN' + i);
                this.id = this.id.replace('txtITEM1',                   'txtITEM' + i);
                this.id = this.id.replace('txtItemProducto1',           'txtItemProducto' + i);
                this.id = this.id.replace('txtOcItem1',                 'txtOcItem' + i);
                this.id = this.id.replace('txtQTY1',                    'txtQTY' + i);
                this.id = this.id.replace('txtQTYR1',                   'txtQTYR' + i);
                this.id = this.id.replace('txtUM1',                     'txtUM' + i);
                this.id = this.id.replace('txtCantEmpaque1',            'txtCantEmpaque' + i);
                this.id = this.id.replace('txtUndEmpaque1',             'txtUndEmpaque' + i);
                this.id = this.id.replace('txtBultosConte1',            'txtBultosConte' + i);
                this.id = this.id.replace('txtPesoNeto1',               'txtPesoNeto' + i);
                this.id = this.id.replace('txtPesoBruto1',              'txtPesoBruto' + i);
                this.id = this.id.replace('txtCantiFactura1',           'txtCantiFactura' + i);
                this.id = this.id.replace('txtTotalVal1',               'txtTotalVal' + i);
                this.id = this.id.replace('txtTotalUni1',               'txtTotalUni' + i);
                this.id = this.id.replace('txtPorcentajeIva1',          'txtPorcentajeIva' + i);
                this.id = this.id.replace('txtFacturaC1',               'txtFacturaC' + i);
                this.id = this.id.replace('txtNumeroDeclaracion1',      'txtNumeroDeclaracion' + i);
                this.id = this.id.replace('txtBaseArancel1',            'txtBaseArancel' + i);
                this.id = this.id.replace('txtGravamen1',               'txtGravamen' + i);
                this.id = this.id.replace('txtPorcentajeArancel1',      'txtPorcentajeArancel' + i);
                this.id = this.id.replace('txtCodigoPosicion1',     	'txtCodigoPosicion' + i);
                this.id = this.id.replace('txtCodigoAcuerdo1',          'txtCodigoAcuerdo' + i);
                this.id = this.id.replace('txtNombreAcuerdo1',          'txtNombreAcuerdo' + i);
                //this.id = this.id.replace('txtTotalUni1', 'txtTotalUni' + i);

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

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

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

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

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




            newaddress.find("button#btnFil1").each(function () {
                nom = "btnFil" + i
                $(this).val("");
                $(this).css("visibility","hidden");
                $(this).text('');
                $(this).append('<span title="Crear Orden de Compra">' + @js(svg('heroicon-m-check', 'h-4 w-4 shrink-0', ['aria-hidden' => 'true'])->toHtml()) + '</span>');
                $(this).prop("disabled",false);
                $(this).removeAttr('onclick');
                
            }).attr({ name: nom, id: nom }).end().appendTo("#MyTable");
        }
    }

    function DuplicarActividad() {
        //alert('hola' + i);
        $("#lblError").text("");
        
        if (i < 500) {
            ant = i;
            i++;
            var nom = "cboMaterial" + ant
            $("#txtCanti").val(i);
            var newaddress = $("#MyTable tbody tr:last").eq(0).clone();
            newaddress.find('input').each(function () {
                this.name = this.name.replace('txtId'+ant, 'txtId' + i);
                this.name = this.name.replace('txtN'+ant, 'txtN' + i);
                this.name = this.name.replace('txtITEM'+ant, 'txtITEM' + i);
                this.name = this.name.replace('txtItemProducto'+ant, 'txtItemProducto' + i);
                this.name = this.name.replace('txtOcItem'+ant, 'txtOcItem' + i);
                this.name = this.name.replace('txtQTY'+ant, 'txtQTY' + i);
                this.name = this.name.replace('txtQTYR'+ant, 'txtQTYR' + i);
                this.name = this.name.replace('txtUM'+ant, 'txtUM' + i);
                this.name = this.name.replace('txtCantEmpaque'+ant, 'txtCantEmpaque' + i);
                this.name = this.name.replace('txtUndEmpaque'+ant, 'txtUndEmpaque' + i);
                this.name = this.name.replace('txtBultosConte'+ant, 'txtBultosConte' + i);
                this.name = this.name.replace('txtPesoNeto'+ant, 'txtPesoNeto' + i);//
                this.name = this.name.replace('txtPesoBruto'+ant, 'txtPesoBruto' + i);//
                this.name = this.name.replace('txtCantiFactura'+ant, 'txtCantiFactura' + i);
                this.name = this.name.replace('txtTotalVal'+ant, 'txtTotalVal' + i);
                this.name = this.name.replace('txtTotalUni'+ant, 'txtTotalUni' + i);
                
                this.id = this.id.replace('txtId'+ant, 'txtId' + i);
                this.id = this.id.replace('txtN'+ant, 'txtN' + i);
                this.id = this.id.replace('txtITEM'+ant, 'txtITEM' + i);
                this.id = this.id.replace('txtItemProducto'+ant, 'txtItemProducto' + i);
                this.id = this.id.replace('txtOcItem'+ant, 'txtOcItem' + i);
                this.id = this.id.replace('txtQTY'+ant, 'txtQTY' + i);
                this.id = this.id.replace('txtQTYR'+ant, 'txtQTYR' + i);
                this.id = this.id.replace('txtUM'+ant, 'txtUM' + i);
                this.id = this.id.replace('txtCantEmpaque'+ant, 'txtCantEmpaque' + i);
                this.id = this.id.replace('txtUndEmpaque'+ant, 'txtUndEmpaque' + i);
                this.id = this.id.replace('txtBultosConte'+ant, 'txtBultosConte' + i);
                this.id = this.id.replace('txtPesoNeto'+ant, 'txtPesoNeto' + i);//
                this.id = this.id.replace('txtBultosConte'+ant, 'txtPesoBruto' + i);//
                this.id = this.id.replace('txtPesoBruto'+ant, 'txtCantiFactura' + i);
                this.id = this.id.replace('txtTotalVal'+ant, 'txtTotalVal' + i);
                this.id = this.id.replace('txtTotalUni'+ant, 'txtTotalUni' + i);
                if (this.name == 'txtN' + i) {
                    $(this).val(i);
                }else if (this.name == 'txtId' + i) {
                    $(this).val(0);
                } else {
                    //$(this).val(0);
                }
            });
            newaddress.find("select#cboEmpaque"+ ant).each(function () {
                nom = "cboEmpaque" + i
                $(this).val( $('#cboEmpaque'+ant).val());
            }).attr({ name: nom, id: nom }).end().appendTo("#MyTable");

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

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

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

        }
    }

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

    function realizaProceso(id){
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url:'/rdeldet',
            data:'id='+id,
            beforeSend: function () {
                //mostramos gif "cargando"
                jQuery('#loading_spinner1').show();
                jQuery('#loading_spinner2').show();
                //antes de enviar la petici贸n al fichero PHP, mostramos mensaje
                jQuery("#lblError").html("En proceso, Espere un momento por favor...");
            },
            success:function(html){
                $("#lblError").text(html);
                jQuery('#loading_spinner1').hide();
                jQuery('#loading_spinner2').hide();
            }
        });
    }


    function AgregarCS() {     
     
        ics = $("#txtCantiCS").val();
        
        if (ics < 30) {
           
            ics++;
            
            var nom = "cboPlanta" + ics;
            var newaddress = $("#MyTableCS tbody tr:first").eq(0).clone();

            $("#txtCantiCS").val(ics);

            //alert("canti:" + ics);

            newaddress.find('input').each(function () {
                this.name = this.name.replace('txtIdCS1', 'txtIdCS' + ics);
                $(this).val(0);
                this.name = this.name.replace('txtReferencia1', 'txtReferencia' + ics);
             
                
                this.id   = this.id.replace('txtIdCS1'  , 'txtIdCS' + ics);     
                this.id   = this.id.replace('txtReferencia1'  , 'txtReferencia' + ics);   
                
            
            });
            newaddress.find("select#cboPlanta1").each(function () {
                nom = "cboPlanta" + ics
                $(this).val(0);
            }).attr({ name: nom, id: nom }).end().appendTo("#MyTableCS");

           
        }
    }

    function EliminarCS() {
      
        $("#lblError").text("");
        alert("canti2:" + ics);
        
        if (ics > 1) {
            var id= $('#txtIdCS' + ics).val();
           alert(id);
            if(id>0 ){ 
                if(confirm("Desea eliminar la ultima carga suelta")) {                
                    realizaProcesoCS(id);                    
                }

            } else{
                $("#MyTableCS tr:last").remove();
                ics--;
                $("#txtCantiCS").val(ics);
            }

           
        }
        
    }

    function realizaProcesoCS(id){
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url:'/rdeldetcs',
            data:'id='+id,
            beforeSend: function () {
                //mostramos gif "cargando"
                jQuery('#loading_spinner1').show();
                jQuery('#loading_spinner2').show();
                //antes de enviar la petici贸n al fichero PHP, mostramos mensaje
                jQuery("#lblError").html("En proceso, Espere un momento por favor...");
            },
            success:function(html){

                $("#MyTableCS tr:last").remove();
                ics--;
                $("#txtCantiCS").val(ics);

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

    function traerDatosDO(filtro){

        if(filtro==1){
            param  = $("#txtDo").val();
        }else if(filtro==2){
            param = $("#txtDoctransporte").val();
        }else if(filtro==3){
            param = $("#txtPo").val();
        }else if(filtro==4){
            param = $("#txtPo").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('txtPo').focus();
            }
            
        }else{

            // alert("RES: " + filtro + " - "+ param );

            /*var vardata = { 
                'numdoc': numdoc,
                'donum': donum
            };*/

            $.ajax({
                //url:'/rtraerdatosdo',
                //data:'numdoc='+numdoc,
                url:'/rtraerdatosdo/'+filtro+"/"+param,
                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();

                    // alert(data);

                    for (var i=0; i<data.length;i++){ 
                        if(filtro==1){
                            $('#txtDoctransporte').val(data[i]["NUMERO_DOCUMENTO_TRANSPORTE"]);
                        }else if(filtro==2){
                            $('#txtDo').val(data[i]["NUMERO_DO"]);                           
                        }else if(filtro==3){
                            $('#txtDo').val(data[i]["NUMERO_DO"]);                           
                        }else if(filtro==4){
                            $('#txtDo').val(data[i]["NUMERO_DO"]);                           
                        }
                    
                        if(data[i]["INCOTERMS"] != null  && data[i]["INCOTERMS"] != ""){
                            $('#cboIncoterms').val(data[i]["INCOTERMS"]);
                        }   
                        if(data[i]["CODIGO_MONEDA"] != null  && data[i]["CODIGO_MONEDA"] != ""){//alert(data[i]["CODIGO_MONEDA"]);
                            $('#cboMoneda').val(data[i]["CODIGO_MONEDA"]);
                        } 
                        
                        if(data[i]["PROVEEDOR"] != null  && data[i]["PROVEEDOR"] != ""){
                            $('#cboSupplier').val(data[i]["PROVEEDOR"]); 
                            $('#cboSupplier').select2();

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

                        }
            
                       // $('#txtValorFactura').val(data[i]["TOTAL_FACTURA"]);
                       
                       if(data[i]["GRUPO_EMPRESARIAL"] != 3){
                            if(data[i]["TOTAL_FACTURA"] != null  && data[i]["TOTAL_FACTURA"] != ""){
                                $('#txtValorFactura').val(data[i]["TOTAL_FACTURA"]);  
                            }                        
                        }else{                        
                               {{ $po->total_factura}}                           
                           
                        }
                        
                        
                        
                        
                        $('#cboMedioTrans').val(data[i]["CODIGO_MEDIO_TRANS"]);
                        $('#dtpFechaFactura').val(data[i]["FECHA_FACTURA"]);
                        $('#txtFactura').val(data[i]["NUMERO_FACTURA"]);
                        
                        $('#txtItem').val(data[i]["NUMERO_PEDIDO"]);

                        if(data[i]["NUMERO_ORDEN_COMPRA"] != null  && data[i]["NUMERO_ORDEN_COMPRA"] != ""){
                            $('#txtPo').val(data[i]["NUMERO_ORDEN_COMPRA"]);
                        }else{
                            $('#txtPo').val(data[i]["NUMERO_PEDIDO"]);
                        }
                        
                        if(data[i]["TRM"] != null  && data[i]["TRM"] != ""){
                            $('#txtTrm').val(data[i]["TRM"]);            
                           }
                        
                        if(data[i]["PORCENTAJE_IVA"] != null  && data[i]["PORCENTAJE_IVA"] != ""){
                            $('#txtPorcentajeIva').val(data[i]["PORCENTAJE_IVA"]);            
                           }
                        
                        if(data[i]["PROCESO"] != null  && data[i]["PROCESO"] != ""){
                            $('#cboProceso').val(data[i]["PROCESO"]);
                        }
                        
                        if(data[i]["MOTONAVE"] != null  && data[i]["MOTONAVE"] != ""){
                            $('#txtVessel').val(data[i]["MOTONAVE"]);
                        }
                        
                         // if(data[i]["LUGAR_ENTREGA"] != null  && data[i]["LUGAR_ENTREGA"] != ""){
                        //     $('#cboTerminal').val(data[i]["LUGAR_ENTREGA"]);
                        //     $('#cboTerminal').select2();

                        // }
                        
                        if(data[i]["PUERTO_DESTINO"] != null  && data[i]["PUERTO_DESTINO"] != ""){//alert(data[i]["PUERTO_DESTINO"]);
                            $('#cboPuertoDestino').val(data[i]["PUERTO_DESTINO"]);
                            $('#cboPuertoDestino').select2();
                        }

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

                        if(data[i]["NAVIERA"] != null  && data[i]["NAVIERA"] != ""){//alert(data[i]["NAVIERA"]);
                            $('#cboNaviera').val(data[i]["NAVIERA"]);
                            $('#cboNaviera').select2();
                        }
                        
                      /*  if( data[i]["GRUPO_EMPRESARIAL"] != 1  &&  
                            data[i]["GRUPO_EMPRESARIAL"] != 3  &&  
                            data[i]["GRUPO_EMPRESARIAL"] != 6  &&  
                            data[i]["GRUPO_EMPRESARIAL"] != 7  &&  
                            data[i]["GRUPO_EMPRESARIAL"] != 14 &&  
                            data[i]["GRUPO_EMPRESARIAL"] != 21 &&  
                            data[i]["GRUPO_EMPRESARIAL"] != 24 &&
                            data[i]["GRUPO_EMPRESARIAL"] != 27 ) 
                            
                        {
                            if(data[i]["FECHA_APERTURA"] != null  && data[i]["FECHA_APERTURA"] != ""){ 
                              //   alert(data[i]["FECHA_APERTURA"].substr(0, data[i]["FECHA_APERTURA"].length-9));
                               $('#txtFecha_po').val(data[i]["FECHA_APERTURA"].substr(0, data[i]["FECHA_APERTURA"].length-9)); // convierte la fecha datetime a date             
                           }
                        }*/
                        
                         if(data[i]["FECHA_APERTURA"] != null  && data[i]["FECHA_APERTURA"] != ""){ 
                                 //alert(data[i]["FECHA_APERTURA"].substr(0, data[i]["FECHA_APERTURA"].length-9));
                               $('#txtFecha_apertura').val(data[i]["FECHA_APERTURA"].substr(0, data[i]["FECHA_APERTURA"].length-9)); // convierte la fecha datetime a date             
                           }
                        
                        if(data[i]["NOMBRE_IMPORTADOR"] != null  && data[i]["NOMBRE_IMPORTADOR"] != ""){
                            $('#cboCompania').val(data[i]["NOMBRE_IMPORTADOR"]);
                            $('#cboCompania').select2();
                        }
                        
                        if(data[i]["RESPONSABLE_COMEX"] != null  && data[i]["RESPONSABLE_COMEX"] != ""){
                            $('#cboResponsableComex').val(data[i]["RESPONSABLE_COMEX"]);
                            $('#cboResponsableComex').select2();
                        }
                        
                        if(data[i]["NOMBRE_TIPO_DECLARACION"] != null  && data[i]["NOMBRE_TIPO_DECLARACION"] != ""){
                            $('#cboTipoDeclaracion').val(data[i]["NOMBRE_TIPO_DECLARACION"]);
                        }
                        
                        if(data[i]["ADUANA"] != null  && data[i]["ADUANA"] != ""){
                            $('#txtAduanaNacionaliza').val(data[i]["ADUANA"]);
                        }
                        
                        if(data[i]["SELECTIVIDAD"] != null  && data[i]["SELECTIVIDAD"] != ""){
                            $('#txtSelectividad').val(data[i]["SELECTIVIDAD"]);            
                           }
                        
                    }              
            }) 
            .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 traerdatosproducto(num){
        
            ndo = $("#txtDo").val();
            ncontenedor =  $("#cboContenedor"+ num).find('option:selected').text()   
            id_material  = $("#cboMaterial"+ num).val();   
            factura_comercial  = $("#txtFactura").val();
            idfact = $("#txtIdDetalleFact"+ num).val();
            // alert("RES: "+ id_material + " - " +  ndo + " - " +  idfact);

            
            $.ajax({
                
                //data:'numdoc='+numdoc,
                url:'/rtraerdatosproducto/'+ndo+'/'+id_material+'/'+idfact,
                data: {
                    numcon : ncontenedor,
                    facturaComercial : factura_comercial
                },
                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();

                  // alert(data + " - "+data["PESO_NETO"]);

                    for (var i=0; i<data.length;i++){ 
                                            
                        $('#txtPesoNeto'+ num).val(data[i]["PESO_NETO"]);
                        $('#txtPesoBruto'+ num).val(data[i]["PESO_BRUTO"]);                           
                        $('#txtBultosConte'+ num).val(data[i]["BULTOS"]);
                        $('#txtPorcentajeIva'+ num).val(data[i]["PORCENTAJE_IVA"]);
                        $('#txtTotalUni'+ num).val(data[i]["VALOR_UNITARIO"]);
                        $('#txtTotalVal'+ num).val(data[i]["TOTAL_ITEM_USD"]);
                        $('#txtQTY'+ num).val(data[i]["CANTIDAD"]);
                        $('#txtQTYR'+ num).val(data[i]["CANTIDAD"]);
                        $('#txtUM'+ num).val(data[i]["UNIDAD_MEDIDA_COMERCIAL"]);
                        $('#txtFacturaC'+ num).val(data[i]["NUMERO_FACTURA"]);
                        $('#txtNumeroDeclaracion'+ num).val(data[i]["NUMERO_DECLARACION"]);
                        $('#txtBaseArancel'+ num).val(data[i]["BASE_ARANCEL"]);
                        $('#txtGravamen'+ num).val(data[i]["GRAVAMEN"]);
                        $('#txtPorcentajeArancel'+ num).val(data[i]["PORCENTAJE_ARANCEL"]);
                        $('#txtCodigoPosicion'+ num).val(data[i]["CODIGO_POSICION"]);
                        $('#txtCodigoAcuerdo'+ num).val(data[i]["CODIGO_ACUERDO"]);
                        $('#txtNombreAcuerdo'+ num).val(data[i]["NOMBRE_ACUERDO"]);
                    }              
            }) 
            .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 sumarDias(fecha, dias){
        fecha.setDate(fecha.getDate() + dias);
        return fecha;
    }
    
    function traerDIM(filtro){
        if(filtro==1){
            param  = $("#txtDo").val();
            //alert($("#txtDo").val());

        } 
        
        if(param=="" || param.trim()=="" ){
            if(filtro==1){
                document.getElementById('txtDo').focus();
            }
        
        }else{
           
          // alert("RES: " + filtro + " - "+ param );
            $.ajax({ 
            
                url:'/rtraerdim/'+filtro+"/"+param, 
                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();
               // alert(data);
                    for (var i=0; i<data.length;i++){ 

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

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

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

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

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




            }).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 getRandomArbitrary(min, max) {
        return Math.random() * (max - min) + min;
    }


    function recalcular_fecha_fin(i,dias){
        // Ponemos la fecha
        var sFecha =$("#dtpfecha_descargue"+i).val();

        var aFecha = sFecha.split("-");
        var Fecha = new Date(aFecha[2], aFecha[1], aFecha[0]);
        alert(Fecha);

        var dias = 7; //los dias que quieres aumentar
        Fecha.setTime(Fecha.getTime()+dias*24*60*60*1000); 
        alert(Fecha);

        var D=Fecha.getDate();
        var M=Fecha.getMonth();
        Fecha=(D<10?"0"+D:D)+"-"+(M<10?"0"+M:M)+"-"+Fecha.getFullYear();
        alert(Fecha);

        $("#dtpfecha_devolucion"+i).val(Fecha); 

    }

    CalcularFechaDiasLibres();
 
    function CalcularFechaDiasLibres() {

        dialibre = $('#txtDia_Libre').val();
        cantcon  = $('#txtCantiCon').val();
        
        $("#lblConte").text(dialibre);
        //alert("dialibre: " + dialibre);

        for (j = 1; j <= cantcon; j++) {  
            //recalcular_fecha_fin(j,dialibre);
            FechaDescargue   = $('#dtpfecha_descargue'+j).val();
            //alert("FechaDescargue1: " + FechaDescargue );         

            FechaDevolucion = moment(FechaDescargue).add(dialibre , 'days');
            //FechaDevolucion = FechaDevolucion.format('YYYY/MM/DD');
            //alert("FechaDevolucion1: " + FechaDevolucion.format('YYYY/MM/DD') );         
            FechaDevolucion = new Date(FechaDevolucion);
            //alert("FechaDevolucion CONV: " + FechaDevolucion.toLocaleDateString('en-CA') );         
            $('#dtpfecha_devolucion'+j).val(FechaDevolucion.toLocaleDateString('en-CA'));


            FechaRetiro  = $('#dtpfecha_retiro'+j).val();  
            FechaActual  = new Date();           

 

            var fecha1 = moment(FechaDescargue);
            var fecha2;
            if(FechaRetiro=="" || FechaRetiro==undefined){
                fecha2 = moment(FechaActual);
            }else{
                fecha2 = moment(FechaRetiro);
            }
            
            //alert( fecha2 + " : " + fecha1 );     
			
            var days =  fecha2.diff(fecha1, 'days');	 

            $('#txtDiasTranscurridos'+j).val(days);
            $('#txtDiasMora'+j).val(0);

            var pendiente = dialibre - days;
            $('#txtDiasPendientes'+j).val(pendiente);
            $('#txtResHtml'+j).html('');

            if(pendiente<0){
                $('#txtDiasPendientes'+j).val(0);
                $('#txtDiasTranscurridos'+j).val(days);
                $('#txtDiasMora'+j).val(Math.abs(pendiente));
                valor = Math.abs(pendiente * 999000);
                $('#txtValorTarifa'+j).val(valor); //getRandomArbitrary(10000,90000));
                //$('#txtResHtml'+j).html('<p><i class="fas fa-bug fa-3x red-text pr-3" aria-hidden="true"></i> red-text</p>');
                $('#txtResHtml'+j).html(@js(svg('heroicon-o-x-circle', 'h-7 w-7 shrink-0 text-red-600 dark:text-red-400', ['aria-hidden' => 'true'])->toHtml()));
            }
        }
    }

    function traerInfoMaterial(num) {
        idmat = $("#cboMaterial"+num).val()
        $.ajax({
            type: "get",
            url : "/infomaterialpo?id=" +idmat,
            success : function (data) {
                console.log(data);
                categoria = data[0]['id_categoria_prod'];
                uncaja    = data[0]['unidades_caja'];
                idmoneda  = data[0]['id_moneda'];
                costocaja = data[0]['costo_caja'];
                cajascont = data[0]['cajas_contenedor'];

                categoria = (categoria == null)?"":categoria; $("#cboCategoria"+num).val(categoria)
                uncaja    = (uncaja    == null)?0:uncaja;     $("#txtUnCaja"+num).val(uncaja)
                idmoneda  = (idmoneda  == null)?"":idmoneda;  $("#cboMonedaItem"+num).val(idmoneda)
                costocaja = (costocaja == null)?0:costocaja;  $("#txtCosto"+num).val(costocaja)
                cajascont = (cajascont == null)?0:cajascont;  $("#txtCajasContenedor"+num).val(cajascont)
            },
            error : function () {
                alert("\nERROR\nNo se pudo conectar con la informacion de materiales, intente de nuevo o reportelo");
            }
        });
    }
    
</script>
<script>
    function cambioRegistro () {
        id = document.getElementById('cboNombre_Comercial').value
        document.getElementById('txtNumero_Licencia').value = id
        document.getElementById('txtFecha_vencmiento_licencia').value = id
    }
</script>
    @endpush
</x-app-layout>