@extends('adminlte::page')

@section('plugins.Datatables', true)
@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)

@section('title', 'Intranet | Editar Orden De Compra')

@section('content_header')
    <div class="container-fluid">

    </div>
@stop

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-9">

                <div class="card card-aspen card-tabs">

                    <div class="card-header p-0 pt-1">
                        <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Orden De Compra</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Artículos</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-messages-tab" data-toggle="pill" href="#custom-tabs-one-messages" role="tab" aria-controls="custom-tabs-one-messages" aria-selected="false">Adjuntos</a>
                            </li>
                        </ul>
                    </div>

                    <form method="POST" action="{{ route('orden-de-compra.update', $ordenDeCompra) }}" id="formularioDeOrdenDeCompra" enctype="multipart/form-data">
                        @csrf
                        @method('put')

                        <div class="card-body">
                            <div class="tab-content" id="custom-tabs-one-tabContent">
                                <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">
                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label>Código Proveedor</label>
                                            <select class="form-control listaDespegableConBuscador" name="codigo_proveedor" id="codigoProveedor" data-live-search="true" onchange="establecerCodigoNombreProveedorDependiendoDeLaOpcionSeleccionada(this)">
                                                <option value="">--Seleccionar Codigo Proveedor--</option>
                                                @foreach ($proveedores as $proveedor)
                                                    @if (old('id_proveedor', $ordenDeCompra->proveedor->id) == $proveedor->id)
                                                        <option selected value="{{ $proveedor->id }}">{{ $proveedor->codigo_proveedor }}</option>
                                                    @else
                                                        <option value="{{ $proveedor->id }}">{{ $proveedor->codigo_proveedor }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                            <div class="invalid-feedback" id="valicacionCampoCodigoProveedor">

                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label>Nº OC</label>
                                            <input style="cursor: not-allowed; background-color: #D7DADE;" type="text" class="form-control" id="numeroOC" name="numero_oc" value="{{ old('numero_oc', $ordenDeCompra->numero_oc) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Nombre Proveedor</label>
                                            <select class="form-control listaDespegableConBuscador" name="nombre_proveedor" id="nombreProveedor" data-live-search="true" onchange="establecerCodigoNombreProveedorDependiendoDeLaOpcionSeleccionada(this)">
                                                <option value="">--Seleccionar Nombre Proveedor--</option>
                                                @foreach ($proveedores as $proveedor)
                                                    @if (old('id_proveedor', $ordenDeCompra->proveedor->id) == $proveedor->id)
                                                        <option selected value="{{ $proveedor->id }}">{{ $proveedor->razon_social }}</option>
                                                    @else
                                                        <option value="{{ $proveedor->id }}">{{ $proveedor->razon_social }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                            <div class="invalid-feedback" id="valicacionCampoNombreProveedor">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha OC</label>
                                            <input type="date" class="form-control" name="fecha_oc" id="fechaOC" value="{{ old('fecha_oc', $ordenDeCompra->fecha_oc) }}">
                                            <div class="invalid-feedback" id="valicacionCampofechaOC">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label>Nº Factura <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                            <input type="text" class="form-control" name="numero_factura" id="numeroFactura" value="{{ old('numero_factura', $ordenDeCompra->numero_factura) }}">
                                            <div class="invalid-feedback" id="valicacionCampoNumeroFactura">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha Factura <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                            <input type="date" class="form-control" name="fecha_factura" id="fechaFactura" value="{{ old('fecha_factura', $ordenDeCompra->fecha_factura) }}">
                                            <div class="invalid-feedback" id="valicacionCampofechaFactura">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label>Nº de Cotización <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                            <input type="text" class="form-control" name="numero_cotizacion" id="numeroCotizacion" value="{{ old('numero_cotizacion', $ordenDeCompra->numero_cotizacion) }}">
                                            <div class="invalid-feedback" id="valicacionCampoNumeroCotizacion">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha Cotización <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                            <input type="date" class="form-control" name="fecha_cotizacion" id="fechaCotizacion" value="{{ old('fecha_cotizacion', $ordenDeCompra->fecha_cotizacion) }}">
                                            <div class="invalid-feedback" id="valicacionCampofechaCotizacion">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label>Tipo De Modena</label>
                                            <select class="form-control listaDespegableConBuscador" data-live-search="true" name="tipo_moneda" id="tipoModena" onchange="habilitarCampoTipoDeCambio(this)">
                                                @foreach ($tiposMonedas as $tipoMoneda)
                                                    @if (old('tipo_moneda', $ordenDeCompra->tipo_moneda) == $tipoMoneda)
                                                        <option selected value="{{ $tipoMoneda }}">{{ $tipoMoneda }}</option>
                                                    @else
                                                        <option value="{{ $tipoMoneda }}">{{ $tipoMoneda }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                            <div class="invalid-feedback" id="valicacionCampoTipoMoneda">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha Entrega <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                            <input type="date" class="form-control" name="fecha_entrega" id="fechaEntrega" value="{{ old('fecha_entrega', $ordenDeCompra->fecha_entrega) }}">
                                            <div class="invalid-feedback" id="valicacionCampofechaEntrega">

                                            </div>
                                        </div>

                                        @if($ordenDeCompra->tipo_moneda!="CLP")
                                            <div class="form-group">
                                                <label>Tipo Cambio <span style="font-weight: 700; font-size:11px;"><a target="_blank" href="https://www.bcentral.cl/inicio">(Banco Central)</a></span></label>
                                                <input type="text" class="form-control campoDeFormularioDeshabilitado" value="{{ old('tipo_cambio', $ordenDeCompra->tipo_cambio) }}" name="tipo_cambio" id="tipoCambio" onfocus="reestablecerCampoSelecionado(this)" onblur="cambiarValorDelCampoTipoCambioAlFormatoMoneda(this)" onkeypress="return permitirCarateresParaIngresarMontoDeDinero(event,this)">
                                                <div class="invalid-feedback" id="valicacionCampoTipoCambio">

                                                </div>
                                            </div>
                                        @else
                                            <div class="form-group">
                                                <label>Tipo Cambio <span style="font-weight: 700; font-size:11px;"><a target="_blank" href="https://www.bcentral.cl/inicio">(Banco Central)</a></span></label>
                                                <input type="text" class="form-control campoDeFormularioDeshabilitado" value="{{ old('tipo_cambio', $ordenDeCompra->tipo_cambio) }}" name="tipo_cambio" id="tipoCambio" readonly="true" onfocus="reestablecerCampoSelecionado(this)" onblur="cambiarValorDelCampoTipoCambioAlFormatoMoneda(this)" onkeypress="return permitirCarateresParaIngresarMontoDeDinero(event,this)">
                                                <div class="invalid-feedback" id="valicacionCampoTipoCambio">

                                                </div>
                                            </div>
                                        @endif

                                        <div class="form-group">
                                            <label>Condición De Pago</label>
                                            <select class="form-control listaDespegableConBuscador" data-live-search="true" id="condicionPago" name="condicion_pago">
                                                <option value="">--Seleccionar Condición De Pago--</option>
                                                @foreach ($condicionDePagos as $condicionDePago)
                                                    @if (old('condicion_pago', $ordenDeCompra->condicion_pago) == $condicionDePago)
                                                        @if ($condicionDePago == '30 DÍAS')
                                                            <option selected value="{{ $condicionDePago }}">30 DÍAS Contra Emisión De Factura</option>
                                                        @else
                                                            @if ($condicionDePago == '45 DÍAS')
                                                                <option selected value="{{ $condicionDePago }}">45 DÍAS Contra Emisión De Factura</option>
                                                            @else
                                                                @if ($condicionDePago == '60 DÍAS')
                                                                    <option selected value="{{ $condicionDePago }}">60 DÍAS Contra Emisión De Factura</option>
                                                                @else
                                                                    @if ($condicionDePago == '90 DÍAS')
                                                                        <option selected value="{{ $condicionDePago }}">90 DÍAS Contra Emisión De Factura</option>
                                                                    @else
                                                                        <option selected value="{{ $condicionDePago }}">{{ $condicionDePago }}</option>
                                                                    @endif
                                                                @endif
                                                            @endif
                                                        @endif
                                                    @else
                                                        @if ($condicionDePago == '30 DÍAS')
                                                            <option value="{{ $condicionDePago }}">30 DÍAS Contra Emisión De Factura</option>
                                                        @else
                                                            @if ($condicionDePago == '45 DÍAS')
                                                                <option value="{{ $condicionDePago }}">45 DÍAS Contra Emisión De Factura</option>
                                                            @else
                                                                @if ($condicionDePago == '60 DÍAS')
                                                                    <option value="{{ $condicionDePago }}">60 DÍAS Contra Emisión De Factura</option>
                                                                @else
                                                                    @if ($condicionDePago == '90 DÍAS')
                                                                        <option value="{{ $condicionDePago }}">90 DÍAS Contra Emisión De Factura</option>
                                                                    @else
                                                                        <option value="{{ $condicionDePago }}">{{ $condicionDePago }}</option>
                                                                    @endif
                                                                @endif
                                                            @endif
                                                        @endif
                                                    @endif
                                                @endforeach
                                            </select>
                                            <div class="invalid-feedback" id="validarCondicionPago">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label>Aprobadores De Oc</label>
                                            <select class="form-control listaDespegableConBuscador" data-live-search="true" id="aprobadores" name="aprobadores">
                                                <option value="">--Seleccionar Aprobadores--</option>
                                                @foreach ($aprovadores as $aprovador)
                                                    @if (old('aprobadores', $ordenDeCompra->id_aprobador) == $aprovador->id)
                                                        <option selected value="{{ $aprovador->id }}">{{ $aprovador->name }}</option>
                                                    @else
                                                        <option value="{{ $aprovador->id }}">{{ $aprovador->name }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                            <div class="invalid-feedback" id="validarAprobador">

                                            </div>
                                        </div>

                                    </div>

                                    <div class="form-group">
                                        <label for="descripcion">Observación <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                        <textarea class="form-control" id="observacion" name="observacion" rows="3">{{ old('observacion', $ordenDeCompra->observacion) }}</textarea>
                                        <div class="invalid-feedback" id="valicacionCampoObservacion">

                                        </div>
                                    </div>

                                    <input type="hidden" id="listadoDeArchivoRegistrado" name="listadoDeArchivoRegistrado" value="{{ json_encode($ordenDeCompra->archivosDeLardenDeCompras) }}">
                                    <input type="hidden" id="listadoDeArchivoRemovidoPorElUsuario" name="listadoDeArchivoRemovidoPorElUsuario" value="[]">
                                    <input type="hidden" id="cantidadDeArticulos" value="{{ $cantidad }}">
                                    <input type="hidden" id="numeroCorrelativo" name="numero_correlativo">
                                    <input type="hidden" id="montoTotalTotal" name="montoTotalTotal" value="{{ $montoTotalTotal }}">
                                    <input type="hidden" id="montoTotalTotalRedondeo" name="montoTotalTotalRedondeo" value="0">
                                    <input type="hidden" name="tipo_cambio_formato_numero" id="tipoCambioFormatoNumero" value="{{ old('tipo_cambio_formato_numero', $ordenDeCompra->tipo_cambio_formato_numero) }}">
                                    <input type="hidden" name="retencion_boleta_honorario" id="retencionBoletaHonorario" value="{{ $retencionBoletaHonorario }}">
                                    <input type="hidden" name="retencion_boleta_honorario" id="valorParaCalcularMontoEnBrutoBoletaHonorario" value="{{ $valorParaCalcularMontoEnBrutoBoletaHonorario }}">
                                    <input type="hidden" id="listadoDeArticuloOcRegistradoEliminado" value="[]">
                                </div>

                                <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorListadoArticulo">
                                        a orden de compra debe tener asociado al menos un artículo/servicio para su edición
                                    </div>


                                    <div class="dt-responsive table-responsive">
                                        <table id="tablaConExportacionConFiltrado" class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Código Artículo</th>
                                                    <th>Nombre Artículo</th>
                                                    <th>Cantidad</th>
                                                    <th>Precio Unitario</th>
                                                    <th>Impuesto</th>
                                                    <th>Total</th>
                                                    <th>CC</th>
                                                    <th>RQ</th>
                                                    <th>Reembolsable</th>
                                                    <th>Descripción Artículo</th>
                                                    <th>Costo Unitario Referenciado</th>
                                                    <th>Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody id="tablaBodyConExportacionConFiltrado">
                                                @foreach ($listadosDeArticulos as $articuloDeLaOrdenDeCompra)
                                                    @if ($articuloDeLaOrdenDeCompra['idArticuloRequisicion'] != '' && $articuloDeLaOrdenDeCompra['idArticuloRequisicion'] != null)
                                                        <tr>
                                                            <td style="display: none;" class="tabla-id-articulo-oc">{{ $articuloDeLaOrdenDeCompra['idArticuloOc'] }}</td>
                                                            <td style="display: none;" class="tabla-id-articulo-requisicion">{{ $articuloDeLaOrdenDeCompra['idArticuloRequisicion'] }}</td>
                                                            <td style="display: none;" class="tabla-id-articulo">{{ $articuloDeLaOrdenDeCompra['idArticulo'] }}</td>
                                                            <td style="display: none;" class="tabla-id-centro-costo">{{ $articuloDeLaOrdenDeCompra['idCentroCosto'] }}</td>
                                                            <td style="display: none;" class="precio-unitario-formato-numero">{{ $articuloDeLaOrdenDeCompra['precioArticuloFormatoNumero'] }}</td>
                                                            <td style="display: none;" class="precio-total-formato-numero">{{ $articuloDeLaOrdenDeCompra['totalArticuloFormatoNumero'] }}</td>
                                                            <td class="tabla-contador-articulo">{{ $articuloDeLaOrdenDeCompra['identificador'] }}</td>
                                                            <td class="tabla-codigo-articulo" onclick="abrirModalDeEdicionCodigoNombreArticulo(this.parentElement)">{{ $articuloDeLaOrdenDeCompra['codigoArticulo'] }}</td>
                                                            <td class="tabla-nombre-articulo" onclick="abrirModalDeEdicionCodigoNombreArticulo(this.parentElement)">{{ $articuloDeLaOrdenDeCompra['nombreArticulo'] }}</td>
                                                            <td class="tabla-cantidad-articulo" onclick="editarColumnaCantidadDeArticulo(this)">{{ $articuloDeLaOrdenDeCompra['cantidadArticulo'] }}</td>
                                                            <td class="tabla-precio-unitario-articulo" onclick="editarColumnaPrecioUnitarioArticulo(this)">{{ $articuloDeLaOrdenDeCompra['precioArticuloFormatoMoneda'] }}</td>
                                                            <td class="tabla-impuesto-articulo" onclick="abrirModalDeEdicionImpuesto(this.parentElement)">{{ $articuloDeLaOrdenDeCompra['impuestoArticulo'] }}</td>
                                                            <td class="tabla-total-articulo">{{ $articuloDeLaOrdenDeCompra['totalArticuloFormatoMoneda'] }}</td>
                                                            <td class="tabla-centro-costo-articulo">{{ $articuloDeLaOrdenDeCompra['nombreCentroCosto'] }}</td>
                                                            <td class="tabla-rq-articulo">{{ $articuloDeLaOrdenDeCompra['numeroRqArticulo'] }}</td>
                                                            <td class="tabla-reembolsable-articulo" onclick="abrirModalDeEdicionReembolsable(this.parentElement)">{{ $articuloDeLaOrdenDeCompra['reembolsable'] }}</td>
                                                            <td class="tabla-descripcion-articulo-rq">{{ $articuloDeLaOrdenDeCompra['descripcionArticuloRequisicion'] }}</td>
                                                            <td class="tabla-costo-unitario-referenciando-rq">{{ formatoMenedaSegunTipoDeMonedaOC($articuloDeLaOrdenDeCompra['costoUnitarioArticuloRequisicion'], $articuloDeLaOrdenDeCompra['tipoMonedaArticuloRequisicion']) }}</td>
                                                            <td class="tabla-accion-articulo">
                                                                <button onclick="habilitarBotonConfirmarEliminacionArticulo(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>
                                                                <button onclick="eliminarFila(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo">Confirmar</button>
                                                            </td>
                                                        </tr>
                                                    @else
                                                        <tr>
                                                            <td style="display: none;" class="tabla-id-articulo-oc">{{ $articuloDeLaOrdenDeCompra['idArticuloOc'] }}</td>
                                                            <td style="display: none;" class="tabla-id-articulo-requisicion"></td>
                                                            <td style="display: none;" class="tabla-id-articulo">{{ $articuloDeLaOrdenDeCompra['idArticulo'] }}</td>
                                                            <td style="display: none;" class="tabla-id-centro-costo">{{ $articuloDeLaOrdenDeCompra['idCentroCosto'] }}</td>
                                                            <td style="display: none;" class="precio-unitario-formato-numero">{{ $articuloDeLaOrdenDeCompra['precioArticuloFormatoNumero'] }}</td>
                                                            <td style="display: none;" class="precio-total-formato-numero">{{ $articuloDeLaOrdenDeCompra['totalArticuloFormatoNumero'] }}</td>
                                                            <td class="tabla-contador-articulo">{{ $articuloDeLaOrdenDeCompra['identificador'] }}</td>
                                                            <td class="tabla-codigo-articulo" onclick="abrirModalDeEdicionCodigoNombreArticulo(this.parentElement)">{{ $articuloDeLaOrdenDeCompra['codigoArticulo'] }}</td>
                                                            <td class="tabla-nombre-articulo" onclick="abrirModalDeEdicionCodigoNombreArticulo(this.parentElement)">{{ $articuloDeLaOrdenDeCompra['nombreArticulo'] }}</td>
                                                            <td class="tabla-cantidad-articulo" onclick="editarColumnaCantidadDeArticulo(this)">{{ $articuloDeLaOrdenDeCompra['cantidadArticulo'] }}</td>
                                                            <td class="tabla-precio-unitario-articulo" onclick="editarColumnaPrecioUnitarioArticulo(this)">{{ $articuloDeLaOrdenDeCompra['precioArticuloFormatoMoneda'] }}</td>
                                                            <td class="tabla-impuesto-articulo" onclick="abrirModalDeEdicionImpuesto(this.parentElement)">{{ $articuloDeLaOrdenDeCompra['impuestoArticulo'] }}</td>
                                                            <td class="tabla-total-articulo">{{ $articuloDeLaOrdenDeCompra['totalArticuloFormatoMoneda'] }}</td>
                                                            <td class="tabla-centro-costo-articulo" onclick="abrirModalDeEdicionCentroCosto(this.parentElement)">{{ $articuloDeLaOrdenDeCompra['nombreCentroCosto'] }}</td>
                                                            <td class="tabla-rq-articulo">{{ $articuloDeLaOrdenDeCompra['numeroRqArticulo'] }}</td>
                                                            <td class="tabla-reembolsable-articulo" onclick="abrirModalDeEdicionReembolsable(this.parentElement)">{{ $articuloDeLaOrdenDeCompra['reembolsable'] }}</td>
                                                            <td class="tabla-descripcion-articulo-rq"></td>
                                                            <td class="tabla-costo-unitario-referenciando-rq"></td>
                                                            <td class="tabla-accion-articulo">
                                                                <button onclick="habilitarBotonConfirmarEliminacionArticulo(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>
                                                                <button onclick="eliminarFila(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo">Confirmar</button>
                                                                <button onclick="habilitarBotonConfirmarDuplicarArticulo(this)" type="button" class="btn btn-info mr-1"><i class="fas fa-clone"></i></button>
                                                                <button onclick="duplicarArticulo(this.parentElement.parentElement)" style="display: none;" type="button" class="btn btn-info boton-confirmar-articulo">Confirmar</button>
                                                            </td>
                                                        </tr>
                                                    @endif
                                                @endforeach
                                                @php
                                                    $indiceFilaVacia = count($listadosDeArticulos) + 1;
                                                @endphp
                                            </tbody>
                                        </table>
                                    </div>

                                    <div>
                                        <div class="d-flex justify-content-end">
                                            <h6 style="margin-right: 30px;">Monto Total Antes Del Impuesto: </h6>
                                            <p id="montoTotalAntesImpuestoFormatoDinero">{{ $totalSinImpuestoFormatoDinero }}</p>
                                            <input type="hidden" id="montoTotalAntesImpuestoFormatoNumero" value="{{ $totalSinImpuestoFormatoNumero }}">
                                            <input type="hidden" id="montoTotalAntesImpuestoFormatoNumeroRedondeado" value="{{ $totalSinImpuestoRedondeo }}">
                                        </div>

                                        <div class="d-flex justify-content-end">
                                            <h6 style="margin-right: 30px;">Impuesto: </h6>
                                            <p id="impuestoTotalFormatoDinero">{{ $cantidaImpuestoFormatoDinero }}</p>
                                            <input type="hidden" id="impuestoTotalFormatoNumero" value="{{ $cantidaImpuestoFormatoNumero }}">
                                            <input type="hidden" id="impuestoTotalFormatoNumeroRedondeado" value="{{ $cantidaImpuestoRedondeo }}">
                                        </div>

                                        <div class="d-flex justify-content-end">
                                            <h6 style="margin-right: 30px;">Monto Total: </h6>
                                            <p id="montoTotalFormatoDinero">{{ $totalConImpuestoFormatoDinero }}</p>
                                            <input type="hidden" id="montoTotalFormatoNumero" value="{{ $totalConImpuestoFormatoNumero }}">
                                            <input type="hidden" id="montoTotalFormatoNumeroRedondeado" value="{{ $totalConImpuestoRedondeo }}">
                                        </div>
                                    </div>

                                    <button type="button" class="btn btn-aspen mt-1" onclick="abrirModalSeleccionarRq()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Añadir Artículo con RQ</button>
                                    <button type="button" class="btn btn-info mt-1" onclick="agregarArticuloSinRq()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Añadir Artículo sin RQ</button>
                                </div>

                                <div class="tab-pane fade" id="custom-tabs-one-messages" role="tabpanel" aria-labelledby="custom-tabs-one-messages-tab">
                                    <div class="dt-responsive table-responsive">
                                        <table id="tablaDeArchivosRequisicion" class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr role="row">
                                                    <th colspan="4" class="text-center">ARCHIVOS CORRESPONDIENTES HA REQUISICIONES </th>
                                                </tr>
                                                <tr role="row">
                                                    <th>Acción</th>
                                                    <th>Archivo</th>
                                                    <th>Tipo</th>
                                                    <th>Corresponde A</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeArchivosRequisicion">
                                                @if (count($archivosRequisicion) > 0)
                                                    @foreach ($archivosRequisicion as $archivoRq)
                                                        <tr role="row" class="odd">
                                                            <td style="display: none;" class="requisicion-tabla-id-requisicion">{{ $archivoRq['id_requisicion'] }}</td>
                                                            <td style="display: none;" class="requisicion-tabla-id-archivo">{{ $archivoRq['id_archivo'] }}</td>
                                                            <td class="requisicion-tabla-accion">
                                                                <div class="btn-group ">
                                                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                        Acciones
                                                                    </button>
                                                                    <div class="dropdown-menu">
                                                                        <a class="dropdown-item" href="#" onclick="visualizarArchivoRegistradoRequisicion('{{ $archivoRq['archivo'] }}', '{{ strtolower(retornaTextoExtensionSegunExtensionDelArchivo($archivoRq['tipo'])) }}','{{ $archivoRq['id_requisicion'] }}')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>
                                                                        <a class="dropdown-item" href="{{ route('requisicion.descargar-archivo', $archivoRq['id_archivo']) }}" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td class="requisicion-tabla-nombre-archivo">{{ $archivoRq['archivo'] }}</td>
                                                            <td class="requisicion-tabla-tipo-archivo">{{ retornaTextoExtensionSegunExtensionDelArchivo($archivoRq['tipo']) }}</td>
                                                            <td class="requisicion-tabla-corresponde-archivo">{{ $archivoRq['nombre_requisicion'] }}</td>
                                                        </tr>
                                                    @endforeach
                                                @else
                                                    <tr id="archivosNoDisponibleEnLaTablaRequisicion">
                                                        <td colspan="4" class="text-center">No hay archivos disponibles en la tabla</td>
                                                    </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr role="row">
                                                    <th colspan="5" class="text-center">ARCHIVOS REGISTRADOS DESDE LA CREACIÓN DE LA ORDEN DE COMPRA </th>
                                                </tr>
                                                <tr role="row">
                                                    <th>Acción</th>
                                                    <th>Archivo</th>
                                                    <th>Tipo</th>
                                                    <th>Corresponde A</th>
                                                    <th>Estado</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeArchivos">
                                                @if (count($ordenDeCompra->archivosDeLardenDeCompras) > 0)
                                                    @foreach ($ordenDeCompra->archivosDeLardenDeCompras as $archivoOc)
                                                        <tr>
                                                            <td>
                                                                <div class="btn-group ">
                                                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                        Acciones
                                                                    </button>
                                                                    <div class="dropdown-menu">
                                                                        <a class="dropdown-item" href="#" onclick="visualizarArchivoRegistradoDeLaordenDeCompra('{{ $archivoOc->nombre_Archivo }}', '{{ strtolower(retornaTextoExtensionSegunExtensionDelArchivo($archivoOc->extension)) }}','{{ $archivoOc->id_orden_compra }}')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>
                                                                        <a class="dropdown-item eliminar-item-archivo" href="#" onclick="eliminarArchivoRegistradoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,'{{ $archivoOc->id }}')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>
                                                                        <a class="dropdown-item cancelar-eliminacion-item-archivo" style="display:none;" href="#" onclick="cancelarEliminacionDeArchivoRegistradoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,'{{ $archivoOc->id }}')"><i class="fas fa-times-circle" aria-hidden="true"></i> Cancelar Eliminación</a>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>{{ $archivoOc->nombre_Archivo }}</td>
                                                            <td>{{ retornaTextoExtensionSegunExtensionDelArchivo($archivoOc->extension) }}</td>
                                                            <td>Orden de compra</td>
                                                            <td class="columnaEstadoArchivo"><span class="badge badge-success">Registrado</span></td>
                                                        </tr>
                                                    @endforeach
                                                @else
                                                    <tr id="archivosNoDisponibleEnLaTabla">
                                                        <td colspan="4" class="text-center">No hay archivos disponibles en la tabla</td>
                                                    </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr role="row">
                                                    <th colspan="4" class="text-center">NUEVOS ARCHIVOS</th>
                                                </tr>
                                                <tr role="row">
                                                    <th>Acción</th>
                                                    <th>Archivo</th>
                                                    <th>Tipo</th>
                                                    <th>Corresponde A</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeNuevosArchivos">
                                                <tr id="archivosNoDisponibleEnLaTablaNuevoArchivos">
                                                    <td colspan="4" class="text-center">No hay archivos disponibles en la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>


                                    <div class="form-group" id="contenedorDelSeleccionadorDeArchivo">
                                        <label>Seleccionar Archivos</label>
                                        <input type="file" class="form-control-file" id="a93541" onchange="GuardarArchivoAlSeleccionarlo(this)">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class=" card-footer">
                            <button type="button" onclick="editarOrdenDeCompra()" id="botonEditarOc" class="btn btn-aspen mt-1"><i class="fas fa-edit" aria-hidden="true"></i> Editar Orden De Compra</button>
                            <a role="button" class="btn btn-secondary mt-1" href="{{ route('orden-de-compra.index') }}"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i> Volver</a>
                        </div>
                    </form>

                </div>

            </div>
        </div>
    </div>

    <div class="modal fade" id="modalSelecionarArticulo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title">Listado De Artículos</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="form-group" id="contenedorDescrionArticiloAlSeleccionarlo">
                            <label for="descripcion">Descripción Artículo</label>
                            <textarea class="form-control" id="descripcionArticulo" name="descripcion-articulo" rows="3" readonly="true"></textarea>
                            <div class="invalid-feedback" id="valicacionCampoDescripcionArticulo">

                            </div>
                        </div>

                        <div class="table-responsive">
                            <table class="table" id="datatable-articulos" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Id Artículo</th>
                                        <th>Código Artículo</th>
                                        <th>Nombre Artículo</th>
                                        <th>Tipo Artículo</th>
                                        <th>Marca</th>
                                        <th>Modelo</th>
                                        <th>Talla</th>
                                        <th>Clasificación</th>
                                        <th>Cuenta De Gasto</th>
                                        <th>Unidad De Medición</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($articulos as $articulo)
                                        <tr>
                                            <td>{{ $articulo->id }}</td>
                                            <td>{{ $articulo->codigo_articulo }}</td>
                                            <td>{{ $articulo->descripcion }}</td>
                                            <td>{{ $articulo->tipo_articulo }}</td>
                                            <td>{{ $articulo->clasificacion->clasificacion }}</td>
                                            <td>{{ $articulo->cuentaDeGasto->cuenta_gasto }}</td>
                                            <td>{{ $articulo->unidad->unidad }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonSeleccionarArticulOC" onclick="editarColumnaCodigoArticuloNombreArticulo()">Seleccionar </button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalSelecionarCentroCosto" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title">Listado De Centros De Costos</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="table-responsive">
                            <table class="table" id="datatable-centro-costo" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Id Centro Costo</th>
                                        <th>Centro De Costo</th>
                                        <th>Nombre</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($centrosDeCostos as $centroDeCosto)
                                        <tr>
                                            <td>{{ $centroDeCosto->id }}</td>
                                            <td>{{ $centroDeCosto->centro_costo }}</td>
                                            <td>{{ $centroDeCosto->nombre }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonSeleccionarCCOC">Seleccionar </button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalSelecionarImpuesto" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title">Listado De Impuestos</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="table-responsive">
                            <table class="table" id="datatable-impuesto" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Impuesto</th>
                                        <th>Tasa De Impuesto</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($tipoDeImpuesto as $impuesto)
                                        <tr>
                                            <td>{{ $impuesto }}</td>

                                            @if ($impuesto == 'IVA')
                                                <td>19%</td>
                                            @endif

                                            @if ($impuesto == 'Exento')
                                                <td>0%</td>
                                            @endif

                                            @if ($impuesto == 'Boleta Honorarios')
                                                <td>0%</td>
                                            @endif
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonSeleccionarImpuestoOC">Seleccionar </button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalSelecionarReembolsable" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title">Editar Campo Reembolsable</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="cuadro-modificar-reembolsable-si" onclick="seleccionarImputReembolsable(this)" style="cursor: pointer;">
                            <div class="custom-control custom-radio">
                                <input type="radio" value="Si" id="reembolsableSi" name="modalReembolsable" class="custom-control-input" style="cursor: pointer;">
                                <label class="custom-control-label" for="reembolsableSi" style="cursor: pointer;">Si</label>
                            </div>
                        </div>

                        <div class="cuadro-modificar-reembolsable-no" onclick="seleccionarImputReembolsable(this)" style="cursor: pointer;">
                            <div class="custom-control custom-radio">
                                <input value="No" type="radio" id="reembolsableNo" name="modalReembolsable" class="custom-control-input" style="cursor: pointer;">
                                <label class="custom-control-label" for="reembolsableNo" style="cursor: pointer;">No</label>
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonSeleccionarReembolsableOC">Seleccionar </button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalSelecionarRQ" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title">Listado De Requisiciones</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">


                        <div class="table-responsive">
                            <table class="table" id="datatable-requisiciones" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Id Requisición</th>
                                        <th>Id Centro Costo</th>
                                        <th>Nº RQ</th>
                                        <th>Fecha Solicitud</th>
                                        <th>Solicitante</th>
                                        <th>Centro costo</th>
                                        <th>Proyecto</th>
                                        <th>Autorizado Por</th>
                                        <th>Responsable</th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonSeleccionarRQ" onclick="abrirModalArticulosDeLaRequisicionDeSeleccionada()">Seleccionar </button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalArticulosDeUnaRQ" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="tituloArticulosDeUnaRQ">Listado De Artículos De La requisición </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">


                        <div class="table-responsive">
                            <table class="table" id="datatable-articulos-requisicion" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th style="display:none;">Id Articulo</th>
                                        <th>#</th>
                                        <th>Acciones</th>
                                        <th>Descripción Artículo</th>
                                        <th>Cantidad</th>
                                        <th>Costo Unitario Referenciado</th>
                                        <th>Reembolsable</th>
                                        <th>Trabajador</th>
                                    </tr>
                                </thead>
                                <tbody id="tabla-articulos-de-una-requisicion">

                                </tbody>
                            </table>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonAsociarArticuloRQ" onclick="agregarArticuloConRq()">Asociar Con La Orden De Compra </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2023 <a href="https://aspenspa.cl/">aspenspa.cl</a></strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <style>
        .hide_column {
            display: none;
        }

        .kv-file-upload {
            display: none;
        }

        .contenedorParaVisualizarImagenDelArchivo {
            background-color: rgba(0, 0, 0, .8);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 10000;
            display: grid;
            grid-template-rows: 10vh 90vh;
            color: white;

        }

        .contenedorVolver {
            padding-left: 10px;
            padding-right: 10px;
            display: grid;
            grid-template-columns: 90% 10%;
        }

        .contenedorDeImagenes {
            display: grid;
            grid-template-columns: 100%;
        }

        .tamanoImagen {
            max-width: 80%;
        }

        .tamanoIframe {
            width: 80%;
            height: 700px;
        }

        .tamanoIframeTxt {
            width: 80%;
            height: 700px;
            background-color: white;
            "

        }
    </style>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>

    <script>
        $('#codigoProveedor').selectpicker({
            dropupAuto: false
        });
        $('#nombreProveedor').selectpicker({
            dropupAuto: false
        });
        $('#codigoArticulo').selectpicker({
            dropupAuto: false
        });
        $('#nombreArticulo').selectpicker({
            dropupAuto: false
        });
        $('#centroCosto').selectpicker({
            dropupAuto: false
        });
        $('#impuesto').selectpicker({
            dropupAuto: false
        });
        $('#tipoModena').selectpicker({
            dropupAuto: false
        });
        $('#condicionPago').selectpicker({
            dropupAuto: false
        });
        $('#reembolsable').selectpicker({
            dropupAuto: false
        });
        $('#aprobadores').selectpicker({
            dropupAuto: false
        });
        $('#idUnidad').selectpicker({
            dropupAuto: false
        });
        $('#idCuentaGasto').selectpicker({
            dropupAuto: false
        });
        $('#idClasificacion').selectpicker({
            dropupAuto: false
        });
        $('#tipoArticulo').selectpicker({
            dropupAuto: false
        });
    </script>

    <script>
        var datatableArticulos = $("#datatable-articulos").DataTable({
            columnDefs: [{
                "targets": [0],
                "visible": true,
                "searchable": false,
                "className": "hide_column"
            }, ],
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{ route('articulo.obtener-registros-datatable-oc') }}',
                dataType: "json",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }} "
                },
            },
            columns: [{
                    "data": "id",
                    "name": "id"
                },
                {
                    "data": "codigo",
                    "name": "codigo"
                },
                {
                    "data": "nombre",
                    "name": "nombre"
                },
                {
                    "data": "tipo",
                    "name": "tipo"
                },
                {
                    "data": "marca",
                    "name": "marca"
                },
                {
                    "data": "modelo",
                    "name": "modelo"
                },
                {
                    "data": "talla",
                    "name": "talla"
                },
                {
                    "data": "clasificacion",
                    "name": "clasificacion"
                }, {
                    "data": "cuenta_gasto",
                    "name": "cuenta_gasto"
                }, {
                    "data": "unidad",
                    "name": "unidad"
                }
            ],
            select: {
                style: 'single'
            },
            orderCellsTop: true,
            //fixedHeader: true,
            lengthMenu: [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "Todos"],
            ],
            language: {
                processing: "Cargando Registros...",
                search: "Buscar",
                lengthMenu: "Mostrar_MENU_ Registros",
                info: "Mostrar desde _START_ hasta _END_ de _TOTAL_ registros",
                infoEmpty: "Opcion no disponible",
                infoFiltered: "",
                infoPostFix: "",
                loadingRecords: "Cargandos registros.",
                zeroRecords: "No hay datos disponibles en la tabla",
                emptyTable: "No hay datos disponibles en la tabla",
                paginate: {
                    first: "Primero",
                    previous: "Anterior",
                    next: "Siguiente",
                    last: "Ultimo",
                },
            },
            dom: "<'row'<'col-sm-4'l><'col-sm-4 d-flex justify-content-center' ><'col-sm-4'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-6'i><'col-sm-6'p>>"
        });

        $("#datatable-articulos thead tr").clone(true).appendTo("#datatable-articulos thead");

        $("#datatable-articulos thead tr:eq(1) th").each(function(i) {
            var title = $(this).text(); //es el nombre de la columna
            if (title != "Acción" && title != "Selección") {
                $(this).html(
                    '<input class="form-control" type="text" placeholder="Buscar ' + title + '" />'
                );
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
                $(this).unbind();
                $(this).parent().attr('id', 'searchColumns');

                $("input", this).on("keyup change", function() {
                    if (datatableArticulos.column(i).search() !== this.value) {
                        datatableArticulos.column(i).search(this.value).draw();
                    }
                });
            } else {
                $(this).html("<div></div>");
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
            }
        });
    </script>

    <script>
        var datatableCentroCosto = $("#datatable-centro-costo").DataTable({
            columnDefs: [{
                "targets": [0],
                "visible": true,
                "searchable": false,
                "className": "hide_column"
            }, ],
            select: {
                style: 'single'
            },
            orderCellsTop: true,
            //fixedHeader: true,
            lengthMenu: [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "Todos"],
            ],
            language: {
                processing: "Cargando Registros...",
                search: "Buscar",
                lengthMenu: "Mostrar_MENU_ Registros",
                info: "Mostrar desde _START_ hasta _END_ de _TOTAL_ registros",
                infoEmpty: "Opcion no disponible",
                infoFiltered: "",
                infoPostFix: "",
                loadingRecords: "Cargandos registros.",
                zeroRecords: "No hay datos disponibles en la tabla",
                emptyTable: "No hay datos disponibles en la tabla",
                paginate: {
                    first: "Primero",
                    previous: "Anterior",
                    next: "Siguiente",
                    last: "Ultimo",
                },
            },
            dom: "<'row'<'col-sm-4'l><'col-sm-4 d-flex justify-content-center' ><'col-sm-4'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-6'i><'col-sm-6'p>>"
        });

        $("#datatable-centro-costo thead tr").clone(true).appendTo("#datatable-centro-costo thead");

        $("#datatable-centro-costo thead tr:eq(1) th").each(function(i) {
            var title = $(this).text(); //es el nombre de la columna
            if (title != "Acción" && title != "Selección") {
                $(this).html(
                    '<input class="form-control" type="text" placeholder="Buscar ' + title + '" />'
                );
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
                $(this).unbind();
                $(this).parent().attr('id', 'searchColumns');

                $("input", this).on("keyup change", function() {
                    if (datatableCentroCosto.column(i).search() !== this.value) {
                        datatableCentroCosto.column(i).search(this.value).draw();
                    }
                });
            } else {
                $(this).html("<div></div>");
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
            }
        });
    </script>

    <script>
        var datatableImpuesto = $("#datatable-impuesto").DataTable({
            select: {
                style: 'single'
            },
            orderCellsTop: true,
            //fixedHeader: true,
            lengthMenu: [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "Todos"],
            ],
            language: {
                processing: "Cargando Registros...",
                search: "Buscar",
                lengthMenu: "Mostrar_MENU_ Registros",
                info: "Mostrar desde _START_ hasta _END_ de _TOTAL_ registros",
                infoEmpty: "Opcion no disponible",
                infoFiltered: "",
                infoPostFix: "",
                loadingRecords: "Cargandos registros.",
                zeroRecords: "No hay datos disponibles en la tabla",
                emptyTable: "No hay datos disponibles en la tabla",
                paginate: {
                    first: "Primero",
                    previous: "Anterior",
                    next: "Siguiente",
                    last: "Ultimo",
                },
            },
            dom: "<'row'<'col-sm-4'l><'col-sm-4 d-flex justify-content-center' ><'col-sm-4'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-6'i><'col-sm-6'p>>"
        });

        $("#datatable-impuesto thead tr").clone(true).appendTo("#datatable-impuesto thead");

        $("#datatable-impuesto thead tr:eq(1) th").each(function(i) {
            var title = $(this).text(); //es el nombre de la columna
            if (title != "Acción" && title != "Selección") {
                $(this).html(
                    '<input class="form-control" type="text" placeholder="Buscar ' + title + '" />'
                );
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
                $(this).unbind();
                $(this).parent().attr('id', 'searchColumns');

                $("input", this).on("keyup change", function() {
                    if (datatableImpuesto.column(i).search() !== this.value) {
                        datatableImpuesto.column(i).search(this.value).draw();
                    }
                });
            } else {
                $(this).html("<div></div>");
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
            }
        });
    </script>

    <script>
        var datatableRequisiciones = $("#datatable-requisiciones").DataTable({
            columnDefs: [{
                "targets": [0],
                "className": "hide_column"
            }, {
                "targets": [1],
                "className": "hide_column"
            }, ],
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{ route('requisicion.obtener-registros-datatable-oc') }}',
                dataType: "json",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}"
                },
            },
            columns: [{
                    "data": "id",
                    "name": "id"
                },
                {
                    "data": "id_centro_costo",
                    "name": "id_centro_costo"
                },
                {
                    "data": "numero_rq",
                    "name": "numero_rq"
                },
                {
                    "data": "fecha_solicitud",
                    "name": "fecha_solicitud"
                },
                {
                    "data": "usuario_solicitante",
                    "name": "usuario_solicitante"
                },
                {
                    "data": "centro_costo",
                    "name": "centro_costo"
                }, {
                    "data": "proyecto",
                    "name": "proyecto"
                }, {
                    "data": "autorizador",
                    "name": "autorizador"
                }, {
                    "data": "usuario_asignado",
                    "name": "usuario_asignado"
                }
            ],
            select: {
                style: 'single'
            },
            orderCellsTop: true,
            //fixedHeader: true,
            lengthMenu: [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "Todos"],
            ],
            language: {
                processing: "Cargando Registros...",
                search: "Buscar",
                lengthMenu: "Mostrar_MENU_ Registros",
                info: "Mostrar desde _START_ hasta _END_ de _TOTAL_ registros",
                infoEmpty: "Opcion no disponible",
                infoFiltered: "",
                infoPostFix: "",
                loadingRecords: "Cargandos registros.",
                zeroRecords: "No hay datos disponibles en la tabla",
                emptyTable: "No hay datos disponibles en la tabla",
                paginate: {
                    first: "Primero",
                    previous: "Anterior",
                    next: "Siguiente",
                    last: "Ultimo",
                },
            },
            dom: "<'row'<'col-sm-4'l><'col-sm-4 d-flex justify-content-center' ><'col-sm-4'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-6'i><'col-sm-6'p>>"
        });

        $("#datatable-requisiciones thead tr").clone(true).appendTo("#datatable-requisiciones thead");

        $("#datatable-requisiciones thead tr:eq(1) th").each(function(i) {
            var title = $(this).text(); //es el nombre de la columna
            if (title != "Acción" && title != "Selección") {
                $(this).html(
                    '<input class="form-control" type="text" placeholder="Buscar ' + title + '" />'
                );
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
                $(this).unbind();
                $(this).parent().attr('id', 'searchColumns');

                $("input", this).on("keyup change", function() {
                    if (datatableRequisiciones.column(i).search() !== this.value) {
                        datatableRequisiciones.column(i).search(this.value).draw();
                    }
                });
            } else {
                $(this).html("<div></div>");
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
            }
        });
    </script>

    <script>
        function visualizarArchivoRegistradoRequisicion(archivo, tipo, idRq) {
            var body = document.getElementsByTagName("body")[0];
            var html = document.getElementsByTagName("html")[0];
            var contenedor = document.createElement("div");
            var contenerdorVolver = document.createElement("div");
            var contenerdorDeImagenes = document.createElement("div");

            var rutaUrl = 'storage/requisicion/' + idRq + '/' + archivo;
            var url = '{{ asset('') }}';
            url = url + rutaUrl;

            if (tipo == "imagen") {
                var elementoImagen = document.createElement("img");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", url);
                elementoImagen.setAttribute("class", "tamanoImagen");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center;");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

            if (tipo == "pdf") {
                var elementoImagen = document.createElement("iframe");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", url);
                elementoImagen.setAttribute("class", "tamanoIframe");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center;");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

            if (tipo == "archivo de texto") {
                var elementoImagen = document.createElement("iframe");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", url);
                elementoImagen.setAttribute("class", "tamanoIframeTxt");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center; ");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

        }

        function visualizarArchivoRegistradoDeLaordenDeCompra(archivo, tipo, idOc) {
            var body = document.getElementsByTagName("body")[0];
            var html = document.getElementsByTagName("html")[0];
            var contenedor = document.createElement("div");
            var contenerdorVolver = document.createElement("div");
            var contenerdorDeImagenes = document.createElement("div");

            var rutaUrl = 'storage/orden-compra/' + idOc + '/' + archivo;
            var url = '{{ asset('') }}';
            url = url + rutaUrl;

            if (tipo == "imagen") {
                var elementoImagen = document.createElement("img");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", url);
                elementoImagen.setAttribute("class", "tamanoImagen");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center;");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

            if (tipo == "pdf") {
                var elementoImagen = document.createElement("iframe");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", url);
                elementoImagen.setAttribute("class", "tamanoIframe");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center;");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

            if (tipo == "archivo de texto") {
                var elementoImagen = document.createElement("iframe");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", url);
                elementoImagen.setAttribute("class", "tamanoIframeTxt");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center; ");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

        }

        function visualizarArchivoDeLaordenDeCompra(archivo, tipo) {
            var body = document.getElementsByTagName("body")[0];
            var html = document.getElementsByTagName("html")[0];
            var contenedor = document.createElement("div");
            var contenerdorVolver = document.createElement("div");
            var contenerdorDeImagenes = document.createElement("div");

            if (tipo == "imagen") {
                var elementoImagen = document.createElement("img");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", archivo);
                elementoImagen.setAttribute("class", "tamanoImagen");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center;");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

            if (tipo == "pdf") {
                var elementoImagen = document.createElement("iframe");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", archivo);
                elementoImagen.setAttribute("class", "tamanoIframe");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center;");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

            if (tipo == "txt") {
                var elementoImagen = document.createElement("iframe");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", archivo);
                elementoImagen.setAttribute("class", "tamanoIframeTxt");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center; ");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

        }

        function cerrarVisualizarDeArchivo() {
            var contenedor = document.getElementById("contenedorParaVisualizarImagenDelArchivo");
            var body = document.getElementsByTagName("body")[0];
            body.removeChild(contenedor);
        }

        function uuid() {
            var dt = new Date().getTime();
            var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
                var r = (dt + Math.random() * 16) % 16 | 0;
                dt = Math.floor(dt / 16);
                return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
            });
            return uuid;
        }

        function eliminarArchivoDeLaTabla(registro, archivo) {
            document.getElementById(archivo).remove();
            registro.remove();

            if (document.getElementById("registroDeNuevosArchivos").innerHTML.trim().length == 0) {
                document.getElementById("registroDeNuevosArchivos").innerHTML =
                    '<tr id="archivosNoDisponibleEnLaTablaNuevoArchivos">' +
                    '<td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>' +
                    '</tr>';
            }
        }

        function eliminarArchivoRegistradoDeLaTabla(registro, idArchivo) {
            //registro.remove();
            var listadoDeArchivoRemovidoPorElUsuario = document.getElementById("listadoDeArchivoRemovidoPorElUsuario").value;
            listadoDeArchivoRemovidoPorElUsuario = JSON.parse(listadoDeArchivoRemovidoPorElUsuario);

            var listadoDeArchivoRegistrado = document.getElementById("listadoDeArchivoRegistrado").value;
            listadoDeArchivoRegistrado = JSON.parse(listadoDeArchivoRegistrado);

            listadoDeArchivoRegistrado.forEach(elemento => {
                if (idArchivo == elemento.id) {
                    listadoDeArchivoRemovidoPorElUsuario.push(elemento);
                }
            });
            document.getElementById("listadoDeArchivoRemovidoPorElUsuario").value = JSON.stringify(listadoDeArchivoRemovidoPorElUsuario);
            registro.querySelector(".columnaEstadoArchivo").innerHTML = '<span class="badge badge-danger">Removido</span>';

            registro.querySelector(".eliminar-item-archivo").style.display = "none";
            registro.querySelector(".cancelar-eliminacion-item-archivo").style.display = "block";


            if (document.getElementById("registroDeArchivos").innerHTML.trim().length == 0) {
                document.getElementById("registroDeArchivos").innerHTML =
                    '<tr id="archivosNoDisponibleEnLaTabla">' +
                    '<td colspan="4" class="text-center">No hay archivos disponibles en la tabla</td>' +
                    '</tr>';
            }
        }

        function cancelarEliminacionDeArchivoRegistradoDeLaTabla(registro, idArchivo) {
            var listadoDeArchivoRemovidoPorElUsuario = document.getElementById("listadoDeArchivoRemovidoPorElUsuario").value;
            listadoDeArchivoRemovidoPorElUsuario = JSON.parse(listadoDeArchivoRemovidoPorElUsuario);

            var listadoDeArchivoRegistrado = document.getElementById("listadoDeArchivoRegistrado").value;
            listadoDeArchivoRegistrado = JSON.parse(listadoDeArchivoRegistrado);

            for (var i = 0; i < listadoDeArchivoRemovidoPorElUsuario.length; i++) {
                if (idArchivo == listadoDeArchivoRemovidoPorElUsuario[i].id) {
                    listadoDeArchivoRemovidoPorElUsuario.splice(i, 1);
                }
            }

            document.getElementById("listadoDeArchivoRemovidoPorElUsuario").value = JSON.stringify(listadoDeArchivoRemovidoPorElUsuario);
            registro.querySelector(".columnaEstadoArchivo").innerHTML = '<span class="badge badge-success">Registrado</span>';

            registro.querySelector(".eliminar-item-archivo").style.display = "block";
            registro.querySelector(".cancelar-eliminacion-item-archivo").style.display = "none";

            if (document.getElementById("registroDeArchivos").innerHTML.trim().length == 0) {
                document.getElementById("registroDeArchivos").innerHTML =
                    '<tr id="archivosNoDisponibleEnLaTabla">' +
                    '<td colspan="4" class="text-center">No hay archivos disponibles en la tabla</td>' +
                    '</tr>';
            }
        }

        function GuardarArchivoAlSeleccionarlo(archivo) {
            var nombreArchivo = archivo.files[0].name;
            var extensionarchivo = nombreArchivo.split('.');
            extensionarchivo = extensionarchivo[extensionarchivo.length - 1];
            var extensionArchivoSinCambio = extensionarchivo;
            var accionesRegistroDeArchivo = "";

            if (document.getElementById("archivosNoDisponibleEnLaTablaNuevoArchivos")) {
                document.getElementById("archivosNoDisponibleEnLaTablaNuevoArchivos").remove();
            }

            var reader = new FileReader();
            reader.readAsDataURL(archivo.files[0]);
            reader.onload = function() {
                var base64 = reader.result;

                if (extensionarchivo.toLowerCase() == "png" || extensionarchivo.toLowerCase() == "jpeg" || extensionarchivo.toLowerCase() == "gif" || extensionarchivo.toLowerCase() == "jpg" || extensionarchivo.toLowerCase() == "bmp") {
                    extensionarchivo = "IMAGEN";
                    accionesRegistroDeArchivo =
                        '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'imagen\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                        '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "mp3" || extensionarchivo.toLowerCase() == "wav" || extensionarchivo.toLowerCase() == "wma" || extensionarchivo.toLowerCase() == "ogg") {
                    extensionarchivo = "ARCHIVO DE AUDIO";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "zip" || extensionarchivo.toLowerCase() == "rar" || extensionarchivo.toLowerCase() == "tgz" || extensionarchivo.toLowerCase() == "tar") {
                    extensionarchivo = "ARCHIVO COMPRIMIDO";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "pdf") {
                    extensionarchivo = "PDF";
                    accionesRegistroDeArchivo =
                        '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'pdf\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                        '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "xlsx" || extensionarchivo.toLowerCase() == "xls") {
                    extensionarchivo = "OFFICE EXCEL";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "pptx" || extensionarchivo.toLowerCase() == "ppt") {
                    extensionarchivo = "OFFICE POWER POINT";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "docx" || extensionarchivo.toLowerCase() == "doc") {
                    extensionarchivo = "OFFICE WORD";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "txt") {
                    extensionarchivo = "ARCHIVO DE TEXTO";
                    accionesRegistroDeArchivo =
                        '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'txt\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                        '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (
                    extensionarchivo.toLowerCase() == "mp4" || extensionarchivo.toLowerCase() == "webm" || extensionarchivo.toLowerCase() == "avi" ||
                    extensionarchivo.toLowerCase() == "asf" || extensionarchivo.toLowerCase() == "dvd" || extensionarchivo.toLowerCase() == "m1v" ||
                    extensionarchivo.toLowerCase() == "movie" || extensionarchivo.toLowerCase() == "mpeg" || extensionarchivo.toLowerCase() == "wn" || extensionarchivo.toLowerCase() == "wmv"
                ) {
                    extensionarchivo = "ARCHIVO DE VIDEO";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else {
                    extensionarchivo = "ARCHIVO DESCONOCIDO";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                }

                document.getElementById("registroDeNuevosArchivos").innerHTML +=
                    '<tr>' +
                    '<td>' +
                    '<div class="btn-group ">' +
                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
                    'Acciones' +
                    '</button>' +
                    '<div class="dropdown-menu">' +
                    accionesRegistroDeArchivo +
                    //'<a class="dropdown-item" href="'+url+'" target="_blank"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>'+
                    //'<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>' +
                    '</div>' +
                    '</div>' +
                    '</td>' +
                    '<td>' + nombreArchivo + '</td>' +
                    '<td>' + extensionarchivo + '</td>' +
                    '<td>Orden de compra</td>' +
                    '</tr>';

                archivo.style.display = "none";
                var inputFile = document.createElement("input");
                inputFile.setAttribute("type", "file");
                inputFile.setAttribute("class", "form-control-file");
                inputFile.setAttribute("id", uuid());
                inputFile.setAttribute("onchange", "GuardarArchivoAlSeleccionarlo(this)");
                document.getElementById("contenedorDelSeleccionadorDeArchivo").appendChild(inputFile);

            };
            reader.onerror = function(error) {

            };

        }
    </script>

    <script>
        var columnaActiva = false;
        var tipoColumnaActiva = ""
        var contadorTabla = {{ $cantidad }};
        var filaActual;

        function permitirCarateresParaIngresarCantidadDeArticulo(event, cantidad) {

            if (event.key === "Enter") {
                cantidad.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                var elementoPadre = cantidad.parentElement.parentElement;
                var elementoAbuelo = cantidad.parentElement.parentElement.parentElement;
                var valorCantidad = cantidad.value;
                elementoPadre.innerHTML = valorCantidad;
                columnaActiva = false;
                establecerTotalDelArticuloHaAgregar(elementoAbuelo);
            } else {
                if (event.key != 1 && event.key != 2 && event.key != 3 && event.key != 4 && event.key != 5 && event.key != 6 && event.key != 7 && event.key != 8 && event.key != 9 && event.key != 0) {
                    return false;
                } else {
                    return true;
                }
            }

        }

        function permitirCarateresParaIngresarRqDeArticulo(event, rq) {

            if (event.key === "Enter") {
                rq.removeAttribute("onblur");
                var elementoPadre = rq.parentElement.parentElement;
                var elementoAbuelo = rq.parentElement.parentElement.parentElement;
                var valorRq = rq.value;
                elementoPadre.innerHTML = valorRq;
                columnaActiva = false;
                validarFilaTablaDeArticulo(elementoAbuelo);
            } else {
                return true;
            }

        }

        function permitirCarateresParaIngresarMontoDeDinero(event, campo) {
            if (event.key == "." || event.key == ",") {
                var cantidadDePuntos = 0;
                var cantidadDeComas = 0;
                for (var i = 0; i < campo.value.length; i++) {
                    if (campo.value[i].toLowerCase() === ".") cantidadDePuntos++;
                    if (campo.value[i].toLowerCase() === ",") cantidadDeComas++;
                }

                if (cantidadDePuntos > 0 || cantidadDeComas > 0) {
                    return false;
                } else {
                    if (campo.value.length > 0) {
                        return true;
                    } else {
                        return false;
                    }
                }
            } else {
                if (event.key != 1 && event.key != 2 && event.key != 3 && event.key != 4 && event.key != 5 && event.key != 6 && event.key != 7 && event.key != 8 && event.key != 9 && event.key != 0) {
                    return false;
                } else {
                    return true;
                }
            }
        }

        function permitirCarateresParaIngresarPrecioUnitarioDeArticulo(event, campo) {
            if (event.key === "Enter") {
                campo.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                var elementoPadre = campo.parentElement.parentElement.parentElement;
                var tipoMoneda = document.getElementById("tipoModena").value;
                switch (tipoMoneda) {
                    case "USD":
                        if (campo.value != "") {
                            elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.replace(",", ".");
                            campo.value = campo.value.replace(",", ".");
                            var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                                minimumFractionDigits: 2,
                            })

                            var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                                minimumFractionDigits: 2,
                            })

                            var valor = formatoMonedaCerroDecimales.format(campo.value);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "USD $ " + valor;
                            establecerTotalDelArticuloHaAgregar(elementoPadre);
                            columnaActiva = false;
                            //validarFilaTablaDeArticulo(elementoPadre);
                        } else {
                            elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.replace(",", ".");
                            elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "USD $ 0";
                            columnaActiva = false;
                            if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                                elementoPadre.querySelector(".precio-total-formato-numero").innerHTML = "";
                                elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                            }
                            //validarFilaTablaDeArticulo(elementoPadre);
                            establecerMontosTotalesConImpuestoDeTodosLosArticulos()
                        }
                        break;
                    case "EUR":
                        if (campo.value != "") {
                            elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.replace(",", ".");
                            campo.value = campo.value.replace(",", ".");
                            var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                                minimumFractionDigits: 2,
                            })

                            var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                                minimumFractionDigits: 2,
                            })

                            var valor = formatoMonedaCerroDecimales.format(campo.value);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "EUR € " + valor;
                            establecerTotalDelArticuloHaAgregar(elementoPadre);
                            columnaActiva = false;
                            //validarFilaTablaDeArticulo(elementoPadre);
                        } else {
                            elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.replace(",", ".");
                            elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "EUR € 0";
                            columnaActiva = false;
                            if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                                elementoPadre.querySelector(".precio-total-formato-numero").innerHTML = "";
                                elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                            }
                            //validarFilaTablaDeArticulo(elementoPadre);
                            establecerMontosTotalesConImpuestoDeTodosLosArticulos()
                        }
                        break;
                    case "UF":
                        if (campo.value != "") {
                            var precioUnitarioFormatNumero = campo.value.replace(",", ".");
                            precioUnitarioFormatNumero = Math.floor(parseFloat(precioUnitarioFormatNumero));
                            elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = precioUnitarioFormatNumero;

                            campo.value = campo.value.replace(",", ".");
                            campo.value = Math.floor(parseFloat(campo.value));
                            campo.value = campo.value.toString();

                            var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                                minimumFractionDigits: 2,
                            })

                            var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                                minimumFractionDigits: 2,
                            })

                            var valor = formatoMonedaCerroDecimales.format(campo.value);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = valor + " UF";
                            establecerTotalDelArticuloHaAgregar(elementoPadre);
                            columnaActiva = false;
                            //validarFilaTablaDeArticulo(elementoPadre);
                        } else {
                            elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.replace(",", ".");
                            elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "0 UF";
                            columnaActiva = false;
                            if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                                elementoPadre.querySelector(".precio-total-formato-numero").innerHTML = "";
                                elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                            }
                            //validarFilaTablaDeArticulo(elementoPadre);
                            establecerMontosTotalesConImpuestoDeTodosLosArticulos()
                        }
                        break;
                    case "UTM":
                        if (campo.value != "") {
                            var precioUnitarioFormatNumero = campo.value.replace(",", ".");
                            precioUnitarioFormatNumero = Math.floor(parseFloat(precioUnitarioFormatNumero));
                            elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = precioUnitarioFormatNumero;

                            campo.value = campo.value.replace(",", ".");
                            campo.value = Math.floor(parseFloat(campo.value));
                            campo.value = campo.value.toString();

                            var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var valor = formatoMoneda.format(campo.value);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = valor + " UTM";
                            establecerTotalDelArticuloHaAgregar(elementoPadre);
                            columnaActiva = false;
                            //validarFilaTablaDeArticulo(elementoPadre);
                        } else {
                            elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.replace(",", ".");
                            elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "0 UTM";
                            columnaActiva = false;
                            if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                                elementoPadre.querySelector(".precio-total-formato-numero").innerHTML = "";
                                elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                            }
                            //validarFilaTablaDeArticulo(elementoPadre);
                            establecerMontosTotalesConImpuestoDeTodosLosArticulos()
                        }
                        break;
                    case "CLP":
                        if (campo.value != "") {
                            elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.replace(",", ".");
                            campo.value = campo.value.replace(",", ".");
                            var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var valor = formatoMoneda.format(campo.value);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "CLP $ " + valor;
                            establecerTotalDelArticuloHaAgregar(elementoPadre);
                            columnaActiva = false;
                            //validarFilaTablaDeArticulo(elementoPadre);
                        } else {
                            elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.replace(",", ".");
                            elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "CLP $ 0";
                            columnaActiva = false;
                            if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                                elementoPadre.querySelector(".precio-total-formato-numero").innerHTML = "";
                                elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                            }
                            //validarFilaTablaDeArticulo(elementoPadre);
                            establecerMontosTotalesConImpuestoDeTodosLosArticulos()
                        }
                        break;
                }
            } else {
                if (event.key == "." || event.key == "," || event.key == "-") {
                    var cantidadDePuntos = 0;
                    var cantidadDeComas = 0;
                    for (var i = 0; i < campo.value.length; i++) {
                        if (campo.value[i].toLowerCase() === ".") cantidadDePuntos++;
                        if (campo.value[i].toLowerCase() === ",") cantidadDeComas++;
                        if (campo.value[i].toLowerCase() === "-") cantidadDeComas++;
                    }

                    if (cantidadDePuntos > 0 || cantidadDeComas > 0) {
                        return false;
                    } else {
                        if (event.key == "-") {
                            if (campo.value.length > 0) {
                                return false;
                            } else {
                                return true;
                            }
                        } else {
                            if (campo.value.length > 0) {
                                return true;
                            } else {
                                return false;
                            }
                        }
                    }
                } else {
                    if (event.key != 1 && event.key != 2 && event.key != 3 && event.key != 4 && event.key != 5 && event.key != 6 && event.key != 7 && event.key != 8 && event.key != 9 && event.key != 0) {
                        return false;
                    } else {
                        return true;
                    }
                }
            }
        }

        function setCaretPosition(ctrl, pos) {

            if (ctrl.setSelectionRange) {
                ctrl.focus();
                ctrl.setSelectionRange(pos, pos);
            } else if (ctrl.createTextRange) {
                var range = ctrl.createTextRange();
                range.collapse(true);
                range.moveEnd('character', pos);
                range.moveStart('character', pos);
                range.select();
            }

        }
    </script>

    <script>
        function desenfocarInputColumnaCantidadDeArticulo(cantidad) {
            try {
                tipoColumnaActiva = "sin_campo";
                var elementoPadre = cantidad.parentElement.parentElement;
                var elementoAbuelo = cantidad.parentElement.parentElement.parentElement;
                var valorCantidad = cantidad.value.trim();
                elementoPadre.innerHTML = valorCantidad;
                columnaActiva = false;
                establecerTotalDelArticuloHaAgregar(elementoAbuelo);
                //validarFilaTablaDeArticulo(elementoAbuelo);
            } catch (e) {
                console.log(e);
            }
        }

        function desenfocarInputColumnaRqDeArticulo(rq) {
            try {
                tipoColumnaActiva = "sin_campo";
                var elementoPadre = rq.parentElement.parentElement;
                var elementoAbuelo = rq.parentElement.parentElement.parentElement;
                var valorRq = rq.value;
                elementoPadre.innerHTML = valorRq;
                columnaActiva = false;
                validarFilaTablaDeArticulo(elementoAbuelo);
            } catch (e) {
                console.log(e);
            }
        }

        function validarFilaTablaDeArticulo(fila) {
            var contadorFila = fila.querySelector(".tabla-contador-articulo").innerHTML;
            var codigoArticulo = fila.querySelector(".tabla-codigo-articulo").innerHTML;
            var nombreArticulo = fila.querySelector(".tabla-nombre-articulo").innerHTML;
            var cantidadArticulo = fila.querySelector(".tabla-cantidad-articulo").innerHTML;
            var precioUnitarioArticulo = fila.querySelector(".tabla-precio-unitario-articulo").innerHTML;
            var impuestoArticulo = fila.querySelector(".tabla-impuesto-articulo").innerHTML;
            var precioTotalArticulo = fila.querySelector(".tabla-total-articulo").innerHTML;
            var centroCostoArticulo = fila.querySelector(".tabla-centro-costo-articulo").innerHTML;
            var rqArticulo = fila.querySelector(".tabla-rq-articulo").innerHTML;
            var reembolsableArticulo = fila.querySelector(".tabla-reembolsable-articulo").innerHTML;

            var cantidadDeColumnaConValor = 0;

            if (codigoArticulo.length > 0 || nombreArticulo.length > 0) {
                cantidadDeColumnaConValor++;
            }

            if (cantidadArticulo.length > 0) {
                cantidadDeColumnaConValor++;
            }

            if (precioUnitarioArticulo.length > 0) {
                cantidadDeColumnaConValor++;
            }

            if (impuestoArticulo.length > 0) {
                cantidadDeColumnaConValor++;
            }

            if (precioTotalArticulo.length > 0) {
                cantidadDeColumnaConValor++;
            }

            if (centroCostoArticulo.length > 0) {
                cantidadDeColumnaConValor++;
            }

            if (rqArticulo.length > 0) {
                cantidadDeColumnaConValor++;
            }

            if (reembolsableArticulo.length > 0) {
                cantidadDeColumnaConValor++;
            }

            if (contadorFila == contadorTabla && cantidadDeColumnaConValor == 1) {
                fila.querySelector(".tabla-accion-articulo").innerHTML =
                    '<button onclick="habilitarBotonConfirmarEliminacionArticulo(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                    '<button onclick="eliminarFila(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                    '<button onclick="habilitarBotonConfirmarDuplicarArticulo(this)" type="button" class="btn btn-info mr-1"><i class="fas fa-clone"></i></button>' +
                    '<button onclick="duplicarArticulo(this.parentElement.parentElement)" style="display: none;" type="button" class="btn btn-info boton-confirmar-articulo">Confirmar</button>';

                contadorTabla++;
                document.getElementById("tablaBodyConExportacionConFiltrado").innerHTML +=
                    '<tr>' +
                    '<td style="display: none;" class="tabla-id-articulo"></td>' +
                    '<td style="display: none;" class="tabla-id-centro-costo"></td>' +
                    '<td style="display: none;" class="precio-unitario-formato-numero"></td>' +
                    '<td style="display: none;" class="precio-total-formato-numero"></td>' +
                    '<td class="tabla-contador-articulo">' + contadorTabla + '</td>' +
                    '<td class="tabla-codigo-articulo" onclick="abrirModalDeEdicionCodigoNombreArticulo(this.parentElement)"></td>' +
                    '<td class="tabla-nombre-articulo" onclick="abrirModalDeEdicionCodigoNombreArticulo(this.parentElement)"></td>' +
                    '<td class="tabla-cantidad-articulo" onclick="editarColumnaCantidadDeArticulo(this)"></td>' +
                    '<td class="tabla-precio-unitario-articulo" onclick="editarColumnaPrecioUnitarioArticulo(this)"></td>' +
                    '<td class="tabla-impuesto-articulo" onclick="abrirModalDeEdicionImpuesto(this.parentElement)"></td>' +
                    '<td class="tabla-total-articulo"></td>' +
                    '<td class="tabla-centro-costo-articulo" onclick="abrirModalDeEdicionCentroCosto(this.parentElement)"></td>' +
                    '<td class="tabla-rq-articulo" onclick="editarColumnaRqDeArticulo(this)"></td>' +
                    '<td class="tabla-reembolsable-articulo" onclick="abrirModalDeEdicionReembolsable(this.parentElement)"></td>' +
                    '<td class="tabla-accion-articulo"></td>' +
                    '</tr>';
            }
        }

        function deshabilitarBotonesConfirmarEliminacionArticulo() {
            var botones = document.querySelectorAll(".boton-confirmar-articulo");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }

        function habilitarBotonConfirmarEliminacionArticulo(boton) {

            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionArticulo();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionArticulo();
                }
            }

        }

        function eliminarFila(boton) {
            var elementoFila = boton.parentElement.parentElement;
            var requisicion = elementoFila.querySelector(".tabla-rq-articulo").innerHTML;
            var existeRequisicion = false;
            elementoFila.remove();
            contadorTabla = 0;
            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            filas.forEach(elemento => {
                contadorTabla++;
                elemento.querySelector(".tabla-contador-articulo").innerHTML = contadorTabla;
                if (requisicion == elemento.querySelector(".tabla-rq-articulo").innerHTML) {
                    existeRequisicion = true;
                }
            });
            establecerMontosTotalesConImpuestoDeTodosLosArticulos()

            if (existeRequisicion == false) {
                var filas = document.getElementById('tablaDeArchivosRequisicion').tBodies[0].querySelectorAll("tr");
                filas.forEach(elementoTabla => {
                    var filaRq = elementoTabla.querySelector(".requisicion-tabla-corresponde-archivo").innerHTML;
                    if (filaRq == requisicion) {
                        elementoTabla.remove();
                    }
                });

                if (document.getElementById('tablaDeArchivosRequisicion').tBodies[0].querySelectorAll("tr").length == 0) {
                    document.getElementById("registroDeArchivosRequisicion").innerHTML =
                        '<tr id="archivosNoDisponibleEnLaTablaRequisicion">' +
                        '<td colspan="4" class="text-center">No hay archivos disponibles en la tabla</td>' +
                        '</tr>';
                }
            }
        }

        function habilitarBotonConfirmarDuplicarArticulo(boton) {

            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionArticulo();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionArticulo();
                }
            }

        }

        function duplicarArticulo(fila) {
            deshabilitarBotonesConfirmarEliminacionArticulo()
            var ultimaFila = document.getElementById("tablaBodyConExportacionConFiltrado").lastChild;
            var filaNueva = document.createElement("tr");
            filaNueva.innerHTML = fila.innerHTML;
            $(ultimaFila).after(filaNueva);
            ordenarContadorDeLosRegistroDeArticulos();
            establecerMontosTotalesConImpuestoDeTodosLosArticulos();
        }

        function ordenarContadorDeLosRegistroDeArticulos() {
            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            contadorTabla = 0;
            filas.forEach(elementoPadre => {
                contadorTabla++;
                elementoPadre.querySelector(".tabla-contador-articulo").innerHTML = contadorTabla;
            });
        }
    </script>

    <script>
        function abrirModalDeEdicionCodigoNombreArticulo(fila) {
            filaActual = fila;
            tipoColumnaActiva = "articulo";
            document.getElementById("botonSeleccionarArticulOC").addEventListener("click", editarColumnaCodigoArticuloNombreArticulo);

            datatableArticulos.rows().deselect();
            if (fila.querySelector(".tabla-descripcion-articulo-rq").innerHTML != "") {
                document.getElementById("contenedorDescrionArticiloAlSeleccionarlo").style.display = "block";
                document.getElementById("descripcionArticulo").value = fila.querySelector(".tabla-descripcion-articulo-rq").innerHTML;
            } else {
                document.getElementById("contenedorDescrionArticiloAlSeleccionarlo").style.display = "none";
            }

            var camposBusquedaTabaArticulos = document.getElementById("datatable-articulos").querySelectorAll("input[type=text]");
            camposBusquedaTabaArticulos.forEach(elemento => {
                elemento.value = "";
            });
            datatableArticulos.search("").draw();
            datatableArticulos.search("").columns().search("").draw();

            $("#modalSelecionarArticulo").modal("show");
            deshabilitarBotonesConfirmarEliminacionArticulo()
        }

        function editarColumnaCodigoArticuloNombreArticulo() {

            if (datatableArticulos.$('tr.selected').hasClass('selected')) {
                var data = datatableArticulos.rows({
                    selected: true
                }).data();

                filaActual.querySelector(".tabla-codigo-articulo").innerHTML = data[0].codigo;
                filaActual.querySelector(".tabla-nombre-articulo").innerHTML = data[0].nombre;
                filaActual.querySelector(".tabla-id-articulo").innerHTML = data[0].id;
                $('#modalSelecionarArticulo').modal('hide');
                validarFilaTablaDeArticulo(filaActual);
            }
        }

        function editarColumnaCantidadDeArticulo(cantidad) {
            var habilitarImput = false;
            if (tipoColumnaActiva != "cantidad") {
                habilitarImput = true;
            }

            if (habilitarImput == true) {
                columnaActiva = true;
                tipoColumnaActiva = "cantidad";
                var valorCantidad = cantidad.innerHTML;
                var campoFormulario =
                    '<div class="form-group">' +
                    '<input type="text" class="form-control" id="cantidad" value="' + valorCantidad + '"  onblur="desenfocarInputColumnaCantidadDeArticulo(this)" onkeypress="return permitirCarateresParaIngresarCantidadDeArticulo(event,this)">' +
                    '</div>';

                cantidad.innerHTML = campoFormulario;
                //cantidad.querySelector("input").focus();
                var input = cantidad.querySelector("input");
                setCaretPosition(input, input.value.length);
                deshabilitarBotonesConfirmarEliminacionArticulo()
            }

            //if (columnaActiva == false) {
            //}

        }

        function abrirModalDeEdicionCentroCosto(fila) {
            filaActual = fila;
            tipoColumnaActiva = "centro_costo";
            document.getElementById("botonSeleccionarCCOC").addEventListener("click", editarColumnaCentroCosto);

            datatableCentroCosto.rows().deselect();
            var camposBusquedaTabaCC = document.getElementById("datatable-centro-costo").querySelectorAll("input[type=text]");
            camposBusquedaTabaCC.forEach(elemento => {
                elemento.value = "";
            });
            datatableCentroCosto.search("").draw();
            datatableCentroCosto.search("").columns().search("").draw();

            $("#modalSelecionarCentroCosto").modal("show");
            deshabilitarBotonesConfirmarEliminacionArticulo()
        }

        function editarColumnaCentroCosto() {

            if (datatableCentroCosto.$('tr.selected').hasClass('selected')) {
                var data = datatableCentroCosto.rows({
                    selected: true
                }).data();
                filaActual.querySelector(".tabla-id-centro-costo").innerHTML = data[0][0];
                filaActual.querySelector(".tabla-centro-costo-articulo").innerHTML = data[0][1];
                $('#modalSelecionarCentroCosto').modal('hide');
                validarFilaTablaDeArticulo(filaActual);
            }
        }

        function editarColumnaRqDeArticulo(rq) {
            var habilitarImput = false;
            if (tipoColumnaActiva != "precio_unitario") {
                habilitarImput = true;
            }

            if (habilitarImput == true) {
                columnaActiva = true;
                tipoColumnaActiva = "rq";
                var valorRq = rq.innerHTML;
                var campoFormulario =
                    '<div class="form-group">' +
                    '<input type="text" class="form-control" id="cantidad" value="' + valorRq + '"  onblur="desenfocarInputColumnaRqDeArticulo(this)" onkeypress="return permitirCarateresParaIngresarRqDeArticulo(event, this) " >' +
                    '</div>';

                rq.innerHTML = campoFormulario;
                var input = rq.querySelector("input");
                setCaretPosition(input, input.value.length);
                deshabilitarBotonesConfirmarEliminacionArticulo()
            }

            //if (columnaActiva == false) {
            //}

        }

        function abrirModalDeEdicionImpuesto(fila) {
            filaActual = fila;
            tipoColumnaActiva = "impuesto";
            document.getElementById("botonSeleccionarImpuestoOC").addEventListener("click", editarColumnaImpuesto);

            datatableImpuesto.rows().deselect();
            var camposBusquedaTabaImpuesto = document.getElementById("datatable-impuesto").querySelectorAll("input[type=text]");
            camposBusquedaTabaImpuesto.forEach(elemento => {
                elemento.value = "";
            });
            datatableImpuesto.search("").draw();
            datatableImpuesto.search("").columns().search("").draw();

            $("#modalSelecionarImpuesto").modal("show");
            deshabilitarBotonesConfirmarEliminacionArticulo()
        }

        function editarColumnaImpuesto() {
            if (datatableImpuesto.$('tr.selected').hasClass('selected')) {
                var data = datatableImpuesto.rows({
                    selected: true
                }).data();

                filaActual.querySelector(".tabla-impuesto-articulo").innerHTML = data[0][0];
                $('#modalSelecionarImpuesto').modal('hide');
                establecerTotalDelArticuloHaAgregar(filaActual.querySelector(".tabla-impuesto-articulo").parentElement);
                //validarFilaTablaDeArticulo(filaActual);
            }
        }

        function editarColumnaPrecioUnitarioArticulo(precio) {

            var habilitarImput = false;
            if (tipoColumnaActiva != "precio_unitario") {
                habilitarImput = true;
            }

            if (habilitarImput == true) {
                columnaActiva = true;
                tipoColumnaActiva = "precio_unitario";
                var valor = precio.innerHTML;
                var campoFormulario =
                    '<div class="form-group">' +
                    '<input type="text" class="form-control" id="precioUnitario" value="' + valor + '"  onfocus="reestablecerCampoSelecionado(this)" onblur="establecerFormatoMonedaColumnaPrecioUnitario(this)"  onkeypress="return permitirCarateresParaIngresarPrecioUnitarioDeArticulo(event,this)">' +
                    '</div>';

                precio.innerHTML = campoFormulario;
                //precio.querySelector("input").focus();
                var input = precio.querySelector("input");
                setCaretPosition(input, input.value.length);
                deshabilitarBotonesConfirmarEliminacionArticulo()
            }

            //if (columnaActiva == false) {
            //}
        }

        function abrirModalDeEdicionReembolsable(fila) {
            filaActual = fila;
            tipoColumnaActiva = "reembolsable";
            document.getElementById("botonSeleccionarReembolsableOC").addEventListener("click", editarColumnaReembolsable);

            $("#reembolsableSi").prop('checked', false);
            $("#reembolsableNo").prop('checked', false);

            $("#modalSelecionarReembolsable").modal("show");
            deshabilitarBotonesConfirmarEliminacionArticulo()
        }

        function editarColumnaReembolsable() {

            if ($("#reembolsableSi").is(':checked') || $("#reembolsableNo").is(':checked')) {
                var valorReembolsable = $('input:radio[name=modalReembolsable]:checked').val();
                filaActual.querySelector(".tabla-reembolsable-articulo").innerHTML = valorReembolsable;
                $('#modalSelecionarReembolsable').modal('hide');
                //validarFilaTablaDeArticulo(filaActual);
            }
        }
    </script>

    <script>
        function establecerCodigoNombreProveedorDependiendoDeLaOpcionSeleccionada(campoProveedor) {
            $('#codigoProveedor').selectpicker("refresh");
            $('#nombreProveedor').selectpicker("refresh");
            $('#codigoProveedor').selectpicker('val', campoProveedor.value);
            $('#nombreProveedor').selectpicker('val', campoProveedor.value);
            var csrf = '{{ csrf_token() }}';

            var url = '{{ route('proveedor.obtener-proveedor', ':id') }}';
            url = url.replace(':id', campoProveedor.value);

            $.ajax({
                type: 'POST',
                datatype: 'json',
                url: url,
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    $('#condicionPago').selectpicker("refresh");
                    $('#condicionPago').selectpicker('val', data.condicion_pago);
                }
            })
        }

        function establecerCodigoNombreArticuloDependiendoDeLaOpcionSeleccionada(campoArticulo) {
            $('#codigoArticulo').selectpicker("refresh");
            $('#nombreArticulo').selectpicker("refresh");
            $('#codigoArticulo').selectpicker('val', campoArticulo.value);
            $('#nombreArticulo').selectpicker('val', campoArticulo.value);
        }

        function establecerFormatoMonedaHaUnCampo(campo) {
            var tipoMoneda = document.getElementById("tipoModena").value;
            switch (tipoMoneda) {
                case "USD":
                    if (campo.value != "") {
                        campo.value = campo.value.replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var valor = formatoMonedaCerroDecimales.format(campo.value);
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        campo.value = "USD $ " + valor;
                        establecerTotalDelArticuloHaAgregar();

                    } else {
                        campo.value = "USD $ 0";
                    }
                    break;
                case "EUR":
                    if (campo.value != "") {
                        campo.value = campo.value.replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var valor = formatoMonedaCerroDecimales.format(campo.value);
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        campo.value = "EUR € " + valor;
                        establecerTotalDelArticuloHaAgregar();
                    } else {
                        campo.value = "EUR € 0";
                    }
                    break;
                case "UF":
                    if (campo.value != "") {
                        campo.value = campo.value.replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var valor = formatoMonedaCerroDecimales.format(campo.value);
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        campo.value = valor + " UF";
                        establecerTotalDelArticuloHaAgregar();

                    } else {
                        campo.value = "0 UF";
                    }
                    break;
                case "UTM":
                    if (campo.value != "") {
                        campo.value = campo.value.replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })

                        var valor = formatoMoneda.format(campo.value);
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        campo.value = valor + " UTM";
                        establecerTotalDelArticuloHaAgregar();
                    } else {
                        campo.value = "0 UTM";
                    }
                    break;
                case "CLP":
                    if (campo.value != "") {
                        campo.value = campo.value.replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })

                        var valor = formatoMoneda.format(campo.value);
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        campo.value = "CLP $ " + valor;
                        establecerTotalDelArticuloHaAgregar();
                    } else {
                        campo.value = "CLP $ 0";
                    }
                    break;
            }

        }

        function reestablecerCampoSelecionado(campo) {
            if (campo.value.length > 0) {
                switch (campo.id) {
                    case "tipoCambio":
                        campo.value = document.getElementById("tipoCambioFormatoNumero").value;
                        break;
                    case "precioUnitario":
                        campo.value = campo.parentElement.parentElement.parentElement.querySelector(".precio-unitario-formato-numero").innerHTML;
                        break;
                    default:
                        campo.value = "";
                        break;
                }
            }
        }

        function establecerFormatoMonedaColumnaPrecioUnitario(campo) {
            tipoColumnaActiva = "sin_campo";
            var elementoPadre = campo.parentElement.parentElement.parentElement;
            var tipoMoneda = document.getElementById("tipoModena").value;
            switch (tipoMoneda) {
                case "USD":
                    if (campo.value.trim() != "") {
                        elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.trim().replace(",", ".");
                        campo.value = campo.value.replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var valor = formatoMonedaCerroDecimales.format(campo.value.trim());
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "USD $ " + valor;
                        establecerTotalDelArticuloHaAgregar(elementoPadre);
                        columnaActiva = false;
                        //validarFilaTablaDeArticulo(elementoPadre);
                    } else {
                        elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.trim().replace(",", ".");
                        elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "USD $ 0";
                        columnaActiva = false;
                        if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                            elementoPadre.querySelector(".precio-total-formato-numero").innerHTML = "";
                            elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                        }
                        //validarFilaTablaDeArticulo(elementoPadre);
                        establecerMontosTotalesConImpuestoDeTodosLosArticulos()
                    }
                    break;
                case "EUR":
                    if (campo.value.trim() != "") {
                        elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.trim().replace(",", ".");
                        campo.value = campo.value.replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var valor = formatoMonedaCerroDecimales.format(campo.value.trim());
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "EUR € " + valor;
                        establecerTotalDelArticuloHaAgregar(elementoPadre);
                        columnaActiva = false;
                        //validarFilaTablaDeArticulo(elementoPadre);
                    } else {
                        elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.trim().replace(",", ".");
                        elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "EUR € 0";
                        columnaActiva = false;
                        if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                            elementoPadre.querySelector(".precio-total-formato-numero").innerHTML = "";
                            elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                        }
                        //validarFilaTablaDeArticulo(elementoPadre);
                        establecerMontosTotalesConImpuestoDeTodosLosArticulos()
                    }
                    break;
                case "UF":
                    if (campo.value.trim() != "") {
                        elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.trim().replace(",", ".");
                        campo.value = campo.value.replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var valor = formatoMonedaCerroDecimales.format(campo.value.trim());
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = valor + " UF";
                        establecerTotalDelArticuloHaAgregar(elementoPadre);
                        columnaActiva = false;
                        //validarFilaTablaDeArticulo(elementoPadre);
                    } else {
                        elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.trim().replace(",", ".");
                        elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "0 UF";
                        columnaActiva = false;
                        if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                            elementoPadre.querySelector(".precio-total-formato-numero").innerHTML = "";
                            elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                        }
                        //validarFilaTablaDeArticulo(elementoPadre);
                        establecerMontosTotalesConImpuestoDeTodosLosArticulos()
                    }
                    break;
                case "UTM":
                    if (campo.value.trim() != "") {
                        var precioUnitarioFormatNumero = campo.value.trim().replace(",", ".");
                        precioUnitarioFormatNumero = Math.floor(parseFloat(precioUnitarioFormatNumero));
                        elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = precioUnitarioFormatNumero;

                        campo.value = campo.value.replace(",", ".");
                        campo.value = Math.floor(parseFloat(campo.value));
                        campo.value = campo.value.toString();

                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })

                        var valor = formatoMoneda.format(campo.value.trim());
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = valor + " UTM";
                        establecerTotalDelArticuloHaAgregar(elementoPadre);
                        columnaActiva = false;
                        //validarFilaTablaDeArticulo(elementoPadre);
                    } else {
                        elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.trim().replace(",", ".");
                        elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "0 UTM";
                        columnaActiva = false;
                        if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                            elementoPadre.querySelector(".precio-total-formato-numero").innerHTML = "";
                            elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                        }
                        //validarFilaTablaDeArticulo(elementoPadre);
                        establecerMontosTotalesConImpuestoDeTodosLosArticulos()
                    }
                    break;
                case "CLP":
                    if (campo.value.trim() != "") {
                        elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.trim().replace(",", ".");
                        campo.value = campo.value.replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })

                        var valor = formatoMoneda.format(campo.value.trim());
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "CLP $ " + valor;
                        establecerTotalDelArticuloHaAgregar(elementoPadre);
                        columnaActiva = false;
                        //validarFilaTablaDeArticulo(elementoPadre);
                    } else {
                        elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML = campo.value.trim().replace(",", ".");
                        elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "CLP $ 0";
                        columnaActiva = false;
                        if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                            elementoPadre.querySelector(".precio-total-formato-numero").innerHTML = "";
                            elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                        }
                        //validarFilaTablaDeArticulo(elementoPadre);
                        establecerMontosTotalesConImpuestoDeTodosLosArticulos()
                    }
                    break;
            }

        }

        function establecerTotalDelArticuloHaAgregar(elementoPadre) {
            var valorCantidadDeArtculo = elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML;
            var valorprecioUnitarioDeArtculo = elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML;
            var valorImpuestoDeArtculo = elementoPadre.querySelector(".tabla-impuesto-articulo").innerHTML;
            var valorprecioUnitarioFormatoNumero = elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML;
            if (valorCantidadDeArtculo != "" && valorprecioUnitarioDeArtculo != "" && valorCantidadDeArtculo != "0" && valorCantidadDeArtculo != 0 &&
                valorImpuestoDeArtculo.length > 0 && valorprecioUnitarioFormatoNumero.length > 0) {
                var valorPrecioUnitarioArticulo = parseFloat(valorprecioUnitarioDeArtculo);
                var valorCantidadDeArticulo = parseInt(valorCantidadDeArtculo);
                var valorTotal = (valorPrecioUnitarioArticulo * valorCantidadDeArticulo);
                elementoPadre.querySelector(".precio-total-formato-numero").innerHTML = valorTotal.toString();
                var tipoMoneda = document.getElementById("tipoModena").value;
                switch (tipoMoneda) {
                    case "USD":
                        valorTotal = valorTotal.toString().replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var valor = formatoMonedaCerroDecimales.format(valorTotal);
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "USD $ " + valor;

                        break;
                    case "EUR":
                        valorTotal = valorTotal.toString().replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var valor = formatoMonedaCerroDecimales.format(valorTotal);
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "EUR € " + valor;

                        break;
                    case "UF":
                        valorTotal = valorTotal.toString().replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        var valor = formatoMonedaCerroDecimales.format(valorTotal);
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        elementoPadre.querySelector(".tabla-total-articulo").innerHTML = valor + " UF";

                        break;
                    case "UTM":
                        valorTotal = valorTotal.toString().replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })

                        var valor = formatoMoneda.format(valorTotal);
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        elementoPadre.querySelector(".tabla-total-articulo").innerHTML = valor + " UTM";

                        break;
                    case "CLP":
                        valorTotal = valorTotal.toString().replace(",", ".");
                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })

                        var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })

                        var valor = formatoMoneda.format(valorTotal);
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "CLP $ " + valor;

                        break;
                }

                establecerMontosTotalesConImpuestoDeTodosLosArticulos();
            } else {
                if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                    elementoPadre.querySelector(".precio-total-formato-numero").innerHTML = "";
                    elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                }
                establecerMontosTotalesConImpuestoDeTodosLosArticulos()
            }
        }

        /*function establecerMontosTotalesConImpuestoDeTodosLosArticulos() {
            var tipoMoneda = document.getElementById("tipoModena").value;
            document.getElementById("montoTotalAntesImpuestoFormatoDinero").innerHTML = "CLP $ 0";
            document.getElementById("montoTotalAntesImpuestoFormatoNumero").value = "0";
            document.getElementById("montoTotalAntesImpuestoFormatoNumeroRedondeado").value = "0";

            document.getElementById("impuestoTotalFormatoDinero").innerHTML = "CLP $ 0";
            document.getElementById("impuestoTotalFormatoNumero").value = "0";
            document.getElementById("impuestoTotalFormatoNumeroRedondeado").value = "0";

            document.getElementById("montoTotalFormatoDinero").innerHTML = "CLP $ 0";
            document.getElementById("montoTotalFormatoNumero").value = "0";
            document.getElementById("montoTotalFormatoNumeroRedondeado").value = "0";

            document.getElementById("montoTotalTotal").value = "0";
            document.getElementById("montoTotalTotalRedondeo").value = "0";

            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            filas.forEach(elementoPadre => {

                if (elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML != "" && elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML != "" &&
                    elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML != "0" && elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML != 0 &&
                    elementoPadre.querySelector(".tabla-impuesto-articulo").innerHTML.length > 0 && elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML != "") {
                    var cantidadImpuesto = 0;
                    var totalConImpuesto = 0;
                    var totalConvertidoHaClp = 0;
                    switch (elementoPadre.querySelector(".tabla-impuesto-articulo").innerHTML) {
                        case "IVA":
                            switch (tipoMoneda) {
                                case "CLP":
                                    totalConvertidoHaClp = parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML);
                                    break;
                                case "USD":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "EUR":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "UF":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "UTM":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                            }

                            var montoTotalFormatoNumero = parseFloat(document.getElementById("montoTotalFormatoNumero").value);
                            var impuestoTotalFormatoNumero = parseFloat(document.getElementById("impuestoTotalFormatoNumero").value);
                            var montoTotalAntesImpuestoFormatoNumero = parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value);
                            cantidadImpuesto = (0.19 * totalConvertidoHaClp);
                            totalConImpuesto = (totalConvertidoHaClp * 1.19);
                            document.getElementById("montoTotalAntesImpuestoFormatoNumero").value = montoTotalAntesImpuestoFormatoNumero + totalConvertidoHaClp;
                            document.getElementById("impuestoTotalFormatoNumero").value = impuestoTotalFormatoNumero + cantidadImpuesto;
                            document.getElementById("montoTotalFormatoNumero").value = montoTotalFormatoNumero + totalConImpuesto;

                            document.getElementById("montoTotalAntesImpuestoFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value));
                            document.getElementById("impuestoTotalFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("impuestoTotalFormatoNumero").value));
                            document.getElementById("montoTotalFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("montoTotalFormatoNumero").value));

                            var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var valor = formatoMoneda.format(parseFloat(document.getElementById("montoTotalFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("montoTotalFormatoDinero").innerHTML = "CLP $ " + valor;

                            valor = formatoMoneda.format(parseFloat(document.getElementById("impuestoTotalFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("impuestoTotalFormatoDinero").innerHTML = "CLP $ " + valor;

                            valor = formatoMoneda.format(parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("montoTotalAntesImpuestoFormatoDinero").innerHTML = "CLP $ " + valor;

                            document.getElementById("montoTotalTotal").value = document.getElementById("montoTotalFormatoNumero").value;
                            document.getElementById("montoTotalTotalRedondeo").value = document.getElementById("montoTotalFormatoNumeroRedondeado").value;
                            break;

                        case "Exento":
                            switch (tipoMoneda) {
                                case "CLP":
                                    totalConvertidoHaClp = parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML);
                                    break;
                                case "USD":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "EUR":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "UF":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "UTM":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;

                            }

                            var montoTotalFormatoNumero = parseFloat(document.getElementById("montoTotalFormatoNumero").value);
                            var impuestoTotalFormatoNumero = parseFloat(document.getElementById("impuestoTotalFormatoNumero").value);
                            var montoTotalAntesImpuestoFormatoNumero = parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value);
                            document.getElementById("montoTotalFormatoNumero").value = montoTotalFormatoNumero + totalConvertidoHaClp;
                            document.getElementById("montoTotalAntesImpuestoFormatoNumero").value = montoTotalAntesImpuestoFormatoNumero + totalConvertidoHaClp;

                            document.getElementById("montoTotalAntesImpuestoFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value));
                            document.getElementById("impuestoTotalFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("impuestoTotalFormatoNumero").value));
                            document.getElementById("montoTotalFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("montoTotalFormatoNumero").value));

                            var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var valor = formatoMoneda.format(parseFloat(document.getElementById("montoTotalFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("montoTotalFormatoDinero").innerHTML = "CLP $ " + valor;

                            valor = formatoMoneda.format(parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("montoTotalAntesImpuestoFormatoDinero").innerHTML = "CLP $ " + valor;

                            document.getElementById("montoTotalTotal").value = document.getElementById("montoTotalFormatoNumero").value;
                            document.getElementById("montoTotalTotalRedondeo").value = document.getElementById("montoTotalFormatoNumeroRedondeado").value;
                            break;

                        case "Boleta Honorarios":
                            switch (tipoMoneda) {
                                case "CLP":
                                    totalConvertidoHaClp = parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML);
                                    break;
                                case "USD":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "EUR":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "UF":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "UTM":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;

                            }

                            var montoTotalFormatoNumero = parseFloat(document.getElementById("montoTotalFormatoNumero").value);
                            var impuestoTotalFormatoNumero = parseFloat(document.getElementById("impuestoTotalFormatoNumero").value);
                            var montoTotalAntesImpuestoFormatoNumero = parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value);

                            var valorParaCalcularMontoEnBrutoBoletaHonorario = parseFloat(document.getElementById("valorParaCalcularMontoEnBrutoBoletaHonorario").value);
                            var retencionBoletaHonorario = parseFloat(document.getElementById("retencionBoletaHonorario").value);

                            totalConImpuesto = (totalConvertidoHaClp / valorParaCalcularMontoEnBrutoBoletaHonorario);
                            cantidadImpuesto = (totalConImpuesto * retencionBoletaHonorario);
                            document.getElementById("montoTotalAntesImpuestoFormatoNumero").value = montoTotalAntesImpuestoFormatoNumero + totalConvertidoHaClp;
                            document.getElementById("impuestoTotalFormatoNumero").value = impuestoTotalFormatoNumero + cantidadImpuesto;
                            document.getElementById("montoTotalFormatoNumero").value = montoTotalFormatoNumero + totalConImpuesto;

                            document.getElementById("montoTotalAntesImpuestoFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value));
                            document.getElementById("impuestoTotalFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("impuestoTotalFormatoNumero").value));
                            document.getElementById("montoTotalFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("montoTotalFormatoNumero").value));

                            var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var valor = formatoMoneda.format(parseFloat(document.getElementById("montoTotalFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("montoTotalFormatoDinero").innerHTML = "CLP $ " + valor;

                            valor = formatoMoneda.format(parseFloat(document.getElementById("impuestoTotalFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("impuestoTotalFormatoDinero").innerHTML = "CLP $ " + valor;

                            valor = formatoMoneda.format(parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("montoTotalAntesImpuestoFormatoDinero").innerHTML = "CLP $ " + valor;

                            document.getElementById("montoTotalTotal").value = document.getElementById("montoTotalFormatoNumero").value;
                            document.getElementById("montoTotalTotalRedondeo").value = document.getElementById("montoTotalFormatoNumeroRedondeado").value;
                            break;
                    }
                }

            });
        }*/

        function establecerMontosTotalesConImpuestoDeTodosLosArticulos() {
            var tipoMoneda = document.getElementById("tipoModena").value;
            document.getElementById("montoTotalAntesImpuestoFormatoDinero").innerHTML = "CLP $ 0";
            document.getElementById("montoTotalAntesImpuestoFormatoNumero").value = "0";
            document.getElementById("montoTotalAntesImpuestoFormatoNumeroRedondeado").value = "0";

            document.getElementById("impuestoTotalFormatoDinero").innerHTML = "CLP $ 0";
            document.getElementById("impuestoTotalFormatoNumero").value = "0";
            document.getElementById("impuestoTotalFormatoNumeroRedondeado").value = "0";

            document.getElementById("montoTotalFormatoDinero").innerHTML = "CLP $ 0";
            document.getElementById("montoTotalFormatoNumero").value = "0";
            document.getElementById("montoTotalFormatoNumeroRedondeado").value = "0";

            document.getElementById("montoTotalTotal").value = "0";
            document.getElementById("montoTotalTotalRedondeo").value = "0";

            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            filas.forEach(elementoPadre => {

                if (elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML != "" && elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML != "" &&
                    elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML != "0" && elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML != 0 &&
                    elementoPadre.querySelector(".tabla-impuesto-articulo").innerHTML.length > 0 && elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML != "") {
                    var cantidadImpuesto = 0;
                    var totalConImpuesto = 0;
                    var totalConvertidoHaClp = 0;
                    switch (elementoPadre.querySelector(".tabla-impuesto-articulo").innerHTML) {
                        case "IVA":
                            switch (tipoMoneda) {
                                case "CLP":
                                    totalConvertidoHaClp = parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML);
                                    break;
                                case "USD":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "EUR":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "UF":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "UTM":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                            }

                            var montoTotalFormatoNumero = parseFloat(document.getElementById("montoTotalFormatoNumero").value);
                            var impuestoTotalFormatoNumero = parseFloat(document.getElementById("impuestoTotalFormatoNumero").value);
                            var montoTotalAntesImpuestoFormatoNumero = parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value);
                            cantidadImpuesto = (0.19 * totalConvertidoHaClp);
                            totalConImpuesto = (totalConvertidoHaClp * 1.19);
                            document.getElementById("montoTotalAntesImpuestoFormatoNumero").value = montoTotalAntesImpuestoFormatoNumero + totalConvertidoHaClp;
                            document.getElementById("impuestoTotalFormatoNumero").value = impuestoTotalFormatoNumero + cantidadImpuesto;
                            document.getElementById("montoTotalFormatoNumero").value = montoTotalFormatoNumero + totalConImpuesto;

                            document.getElementById("montoTotalAntesImpuestoFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value));
                            document.getElementById("impuestoTotalFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("impuestoTotalFormatoNumero").value));
                            document.getElementById("montoTotalFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("montoTotalFormatoNumero").value));

                            var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var valor = formatoMoneda.format(parseFloat(document.getElementById("montoTotalFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("montoTotalFormatoDinero").innerHTML = "CLP $ " + valor;

                            valor = formatoMoneda.format(parseFloat(document.getElementById("impuestoTotalFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("impuestoTotalFormatoDinero").innerHTML = "CLP $ " + valor;

                            valor = formatoMoneda.format(parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("montoTotalAntesImpuestoFormatoDinero").innerHTML = "CLP $ " + valor;

                            document.getElementById("montoTotalTotal").value = document.getElementById("montoTotalFormatoNumero").value;
                            document.getElementById("montoTotalTotalRedondeo").value = document.getElementById("montoTotalFormatoNumeroRedondeado").value;
                            break;

                        case "Exento":
                            switch (tipoMoneda) {
                                case "CLP":
                                    totalConvertidoHaClp = parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML);
                                    break;
                                case "USD":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "EUR":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "UF":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "UTM":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;

                            }

                            var montoTotalFormatoNumero = parseFloat(document.getElementById("montoTotalFormatoNumero").value);
                            var impuestoTotalFormatoNumero = parseFloat(document.getElementById("impuestoTotalFormatoNumero").value);
                            var montoTotalAntesImpuestoFormatoNumero = parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value);
                            document.getElementById("montoTotalFormatoNumero").value = montoTotalFormatoNumero + totalConvertidoHaClp;
                            document.getElementById("montoTotalAntesImpuestoFormatoNumero").value = montoTotalAntesImpuestoFormatoNumero + totalConvertidoHaClp;

                            document.getElementById("montoTotalAntesImpuestoFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value));
                            document.getElementById("impuestoTotalFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("impuestoTotalFormatoNumero").value));
                            document.getElementById("montoTotalFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("montoTotalFormatoNumero").value));

                            var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var valor = formatoMoneda.format(parseFloat(document.getElementById("montoTotalFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("montoTotalFormatoDinero").innerHTML = "CLP $ " + valor;

                            valor = formatoMoneda.format(parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("montoTotalAntesImpuestoFormatoDinero").innerHTML = "CLP $ " + valor;

                            document.getElementById("montoTotalTotal").value = document.getElementById("montoTotalFormatoNumero").value;
                            document.getElementById("montoTotalTotalRedondeo").value = document.getElementById("montoTotalFormatoNumeroRedondeado").value;
                            break;

                        case "Boleta Honorarios":
                            switch (tipoMoneda) {
                                case "CLP":
                                    totalConvertidoHaClp = parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML);
                                    break;
                                case "USD":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "EUR":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "UF":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;
                                case "UTM":
                                    totalConvertidoHaClp = (parseFloat(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML) * parseFloat(document.getElementById("tipoCambioFormatoNumero").value));
                                    break;

                            }

                            var montoTotalFormatoNumero = parseFloat(document.getElementById("montoTotalFormatoNumero").value);
                            var impuestoTotalFormatoNumero = parseFloat(document.getElementById("impuestoTotalFormatoNumero").value);
                            var montoTotalAntesImpuestoFormatoNumero = parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value);
                            document.getElementById("montoTotalFormatoNumero").value = montoTotalFormatoNumero + totalConvertidoHaClp;
                            document.getElementById("montoTotalAntesImpuestoFormatoNumero").value = montoTotalAntesImpuestoFormatoNumero + totalConvertidoHaClp;

                            document.getElementById("montoTotalAntesImpuestoFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value));
                            document.getElementById("impuestoTotalFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("impuestoTotalFormatoNumero").value));
                            document.getElementById("montoTotalFormatoNumeroRedondeado").value = Math.round(parseFloat(document.getElementById("montoTotalFormatoNumero").value));

                            var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var formatoMonedaCerroDecimales = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var valor = formatoMoneda.format(parseFloat(document.getElementById("montoTotalFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("montoTotalFormatoDinero").innerHTML = "CLP $ " + valor;

                            valor = formatoMoneda.format(parseFloat(document.getElementById("montoTotalAntesImpuestoFormatoNumero").value));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            document.getElementById("montoTotalAntesImpuestoFormatoDinero").innerHTML = "CLP $ " + valor;

                            document.getElementById("montoTotalTotal").value = document.getElementById("montoTotalFormatoNumero").value;
                            document.getElementById("montoTotalTotalRedondeo").value = document.getElementById("montoTotalFormatoNumeroRedondeado").value;
                            break;
                    }
                }

            });
        }

        function habilitarCampoTipoDeCambio(tipoMoneda) {
            if (tipoMoneda.value == "CLP" || tipoMoneda.value == "") {
                document.getElementById("tipoCambio").value = "";
                document.getElementById("tipoCambio").classList.add('campoDeFormularioDeshabilitado');
                document.getElementById("tipoCambio").setAttribute("readonly", "true");

                if (tipoMoneda.value == "CLP") {
                    document.getElementById("tipoCambioFormatoNumero").value = "1";
                    var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                    var formatoMoneda = new Intl.NumberFormat("es-CL", {
                        style: "currency",
                        currency: "CLP",
                    })

                    filas.forEach(elementoPadre => {
                        if (elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML != "") {
                            var valor = formatoMoneda.format(elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "CLP $ " + valor;
                        } else {
                            //elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "";
                        }

                        if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                            var valor = formatoMoneda.format(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "CLP $ " + valor;
                        } else {
                            elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                        }
                    });

                    establecerMontosTotalesConImpuestoDeTodosLosArticulos()

                }
            } else {
                document.getElementById("tipoCambio").classList.remove('campoDeFormularioDeshabilitado');
                document.getElementById("tipoCambio").removeAttribute("readonly");
                document.getElementById("tipoCambio").value = "";
                document.getElementById("tipoCambio").focus();
            }

        }

        function cambiarValorDelCampoTipoCambioAlFormatoMoneda(campo) {

            if (campo.getAttribute("readonly") != true && campo.getAttribute("readonly") != "true") {
                if (campo.value != "" && parseFloat(campo.value) > 0) {
                    campo.value = campo.value.replace(",", ".");
                    document.getElementById("tipoCambioFormatoNumero").value = campo.value;

                    var formatoMoneda = new Intl.NumberFormat("es-CL", {
                        style: "currency",
                        currency: "CLP",
                        minimumFractionDigits: 2
                    })

                    var valor = formatoMoneda.format(campo.value);
                    valor = valor.replace("$", "");
                    valor = valor.replace("CLP", "");
                    document.getElementById("tipoCambio").value = "CLP $ " + valor;

                    var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                    filas.forEach(elementoPadre => {
                        switch (document.getElementById("tipoModena").value) {
                            case "USD":
                                if (elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML != "") {
                                    var valor = formatoMoneda.format(elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML);
                                    valor = valor.replace("$", "");
                                    valor = valor.replace("CLP", "");
                                    elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "USD $ " + valor;
                                } else {
                                    //elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "USD $ 0";
                                }

                                if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                                    var valor = formatoMoneda.format(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML);
                                    valor = valor.replace("$", "");
                                    valor = valor.replace("CLP", "");
                                    elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "USD $ " + valor;
                                } else {
                                    elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                                }
                                break;

                            case "EUR":
                                if (elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML != "") {
                                    var valor = formatoMoneda.format(elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML);
                                    valor = valor.replace("$", "");
                                    valor = valor.replace("CLP", "");
                                    elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "EUR € " + valor;
                                } else {
                                    //elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "EUR € 0";
                                }

                                if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                                    var valor = formatoMoneda.format(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML);
                                    valor = valor.replace("$", "");
                                    valor = valor.replace("CLP", "");
                                    elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "EUR € " + valor;
                                } else {
                                    elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                                }
                                break;

                            case "UF":
                                if (elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML != "") {
                                    var valor = formatoMoneda.format(elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML);
                                    valor = valor.replace("$", "");
                                    valor = valor.replace("CLP", "");
                                    elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = valor + " UF";
                                } else {
                                    //elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "0 UF";
                                }

                                if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                                    var valor = formatoMoneda.format(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML);
                                    valor = valor.replace("$", "");
                                    valor = valor.replace("CLP", "");
                                    elementoPadre.querySelector(".tabla-total-articulo").innerHTML = valor + " UF";
                                } else {
                                    elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                                }
                                break;

                            case "UTM":
                                if (elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML != "") {
                                    var valor = formatoMoneda.format(elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML);
                                    valor = valor.replace("$", "");
                                    valor = valor.replace("CLP", "");
                                    elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = valor + " UTM";
                                } else {
                                    //elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "0 UTM";
                                }

                                if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                                    var valor = formatoMoneda.format(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML);
                                    valor = valor.replace("$", "");
                                    valor = valor.replace("CLP", "");
                                    elementoPadre.querySelector(".tabla-total-articulo").innerHTML = valor + " UTM";
                                } else {
                                    elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                                }
                                break;

                            case "CLP":
                                if (elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML != "") {
                                    var valor = formatoMoneda.format(elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML);
                                    valor = valor.replace("$", "");
                                    valor = valor.replace("CLP", "");
                                    elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "CLP $ " + valor;
                                } else {
                                    //elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML = "CLP $ 0";
                                }

                                if (elementoPadre.querySelector(".precio-total-formato-numero").innerHTML != "") {
                                    var valor = formatoMoneda.format(elementoPadre.querySelector(".precio-total-formato-numero").innerHTML);
                                    valor = valor.replace("$", "");
                                    valor = valor.replace("CLP", "");
                                    elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "CLP $ " + valor;
                                } else {
                                    elementoPadre.querySelector(".tabla-total-articulo").innerHTML = "";
                                }
                                break;
                        }
                    });

                    establecerMontosTotalesConImpuestoDeTodosLosArticulos()

                } else {
                    document.getElementById("tipoCambioFormatoNumero").value = 1;
                    document.getElementById("tipoCambio").value = "CLP $ 1";
                }
            }
        }
    </script>

    <script>
        function agregarArticuloSinRq() {
            contadorTabla++;
            document.getElementById("tablaBodyConExportacionConFiltrado").innerHTML +=
                '<tr role="row" class="odd">' +
                '<td style="display: none;" class="tabla-id-articulo-oc"></td>' +
                '<td style="display: none;" class="tabla-id-articulo-requisicion"></td>' +
                '<td style="display: none;" class="tabla-id-articulo"></td>' +
                '<td style="display: none;" class="tabla-id-centro-costo"></td>' +
                '<td style="display: none;" class="precio-unitario-formato-numero"></td>' +
                '<td style="display: none;" class="precio-total-formato-numero"></td>' +
                '<td class="tabla-contador-articulo">' + contadorTabla + '</td>' +
                '<td class="tabla-codigo-articulo" onclick="abrirModalDeEdicionCodigoNombreArticulo(this.parentElement)"></td>' +
                '<td class="tabla-nombre-articulo" onclick="abrirModalDeEdicionCodigoNombreArticulo(this.parentElement)"></td>' +
                '<td class="tabla-cantidad-articulo" onclick="editarColumnaCantidadDeArticulo(this)"></td>' +
                '<td class="tabla-precio-unitario-articulo" onclick="editarColumnaPrecioUnitarioArticulo(this)"></td>' +
                '<td class="tabla-impuesto-articulo" onclick="abrirModalDeEdicionImpuesto(this.parentElement)">IVA</td>' +
                '<td class="tabla-total-articulo"></td>' +
                '<td class="tabla-centro-costo-articulo" onclick="abrirModalDeEdicionCentroCosto(this.parentElement)"></td>' +
                '<td class="tabla-rq-articulo">Sin RQ</td>' +
                '<td class="tabla-reembolsable-articulo" onclick="abrirModalDeEdicionReembolsable(this.parentElement)">No</td>' +
                '<td class="tabla-descripcion-articulo-rq"></td>' +
                '<td class="tabla-costo-unitario-referenciando-rq"></td>' +
                '<td class="tabla-accion-articulo">' +
                '<button onclick="habilitarBotonConfirmarEliminacionArticulo(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                '<button onclick="eliminarFila(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                '<button onclick="habilitarBotonConfirmarDuplicarArticulo(this)" type="button" class="btn btn-info mr-1"><i class="fas fa-clone"></i></button>' +
                '<button onclick="duplicarArticulo(this.parentElement.parentElement)" style="display: none;" type="button" class="btn btn-info boton-confirmar-articulo">Confirmar</button>'
            '</td>' +
            '</tr>';
        }

        function abrirModalSeleccionarRq() {
            datatableRequisiciones.rows().deselect();

            $("#modalSelecionarRQ").modal("show");
            deshabilitarBotonesConfirmarEliminacionArticulo()
        }

        function abrirModalArticulosDeLaRequisicionDeSeleccionada() {
            if (datatableRequisiciones.$('tr.selected').hasClass('selected')) {
                var requisicion = datatableRequisiciones.rows({
                    selected: true
                }).data();

                var url = '{{ route('requisicion.obtener-articulos-no-anulados-requisicion', [':requisicion']) }}';
                url = url.replace(':requisicion', requisicion[0].id);

                var csrf = '{{ csrf_token() }}';
                $.ajax({
                    type: 'POST',
                    datatype: 'json',
                    url: url,
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        eliminarLoading()
                        var cantidad = 0;
                        document.getElementById("tabla-articulos-de-una-requisicion").innerHTML = "";
                        data.forEach(articulo => {
                            if (articulo.oc == "Con Orden De Compra") {
                                cantidad++;
                                var listadoDeArticuloOcRegistradoEliminado = JSON.parse(document.getElementById("listadoDeArticuloOcRegistradoEliminado").value);
                                var existeArticuloOcEnLosEliminados = false;
                                listadoDeArticuloOcRegistradoEliminado.forEach(elemento => {
                                    if (articulo.articuloOc == elemento) {
                                        existeArticuloOcEnLosEliminados = true;
                                    }
                                });

                                var filasTabla = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                                filasTabla.forEach(elemento => {
                                    if (elemento.querySelector(".tabla-id-articulo-requisicion").innerHTML == articulo.articulo.id) {
                                        existeArticuloOcEnLosEliminados = false
                                    }
                                });

                                var valorCostoUnitarioConTipoMoneda = 0;
                                switch (articulo.articulo.tipo_moneda) {
                                    case "CLP":
                                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                            style: "currency",
                                            currency: "CLP",
                                        })

                                        var valor = formatoMoneda.format(articulo.articulo.costo_unitario_referenciado);
                                        valor = valor.replace("$", "");
                                        valor = valor.replace("CLP", "");
                                        valorCostoUnitarioConTipoMoneda = "CLP $ " + valor;
                                        break;

                                    case "USD":
                                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                            style: "currency",
                                            currency: "CLP",
                                            minimumFractionDigits: 2,
                                        })

                                        var valor = formatoMoneda.format(articulo.articulo.costo_unitario_referenciado);
                                        valor = valor.replace("$", "");
                                        valor = valor.replace("CLP", "");
                                        valorCostoUnitarioConTipoMoneda = "USD $ " + valor;
                                        break;

                                    case "EUR":
                                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                            style: "currency",
                                            currency: "CLP",
                                            minimumFractionDigits: 2,
                                        })

                                        var valor = formatoMoneda.format(articulo.articulo.costo_unitario_referenciado);
                                        valor = valor.replace("$", "");
                                        valor = valor.replace("CLP", "");
                                        valorCostoUnitarioConTipoMoneda = "EUR € " + valor;
                                        break;

                                    case "UF":
                                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                            style: "currency",
                                            currency: "CLP",
                                            minimumFractionDigits: 2,
                                        })

                                        var valor = formatoMoneda.format(articulo.articulo.costo_unitario_referenciado);
                                        valor = valor.replace("$", "");
                                        valor = valor.replace("CLP", "");
                                        valorCostoUnitarioConTipoMoneda = valor + " UF"
                                        break;

                                    case "UTM":
                                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                            style: "currency",
                                            currency: "CLP",
                                        })

                                        var valor = formatoMoneda.format(articulo.articulo.costo_unitario_referenciado);
                                        valor = valor.replace("$", "");
                                        valor = valor.replace("CLP", "");
                                        valorCostoUnitarioConTipoMoneda = valor + " UTM"
                                        break;
                                }

                                var reembolsable = "";
                                if (articulo.articulo.reembolsable == 1) {
                                    reembolsable = "Si";
                                } else {
                                    reembolsable = "No";
                                }

                                if (existeArticuloOcEnLosEliminados == false) {
                                    document.getElementById("tabla-articulos-de-una-requisicion").innerHTML +=
                                        '<tr role="row" class="odd">' +
                                        '<td style="display:none;" class="tabla-id-articulo">' + articulo.articulo.id + '</td>' +
                                        '<td style="display:none;" class="tabla-id-requisicion">' + articulo.articulo.id_requisicion + '</td>' +
                                        '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                        '<td class="tabla-check-generar-oc">Asociado Con Una Orden De Compra</td>' +
                                        '<td class="tabla-descipcion-articiculo">' + articulo.articulo.descripcion + '</td>' +
                                        '<td class="tabla-cantidad-articulo">' + articulo.articulo.cantidad + '</td>' +
                                        '<td class="tabla-costo-unitario-referenciado">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                        '<td class="tabla-reembolsable">' + reembolsable + '</td>' +
                                        '<td class="tabla-trabajador">' + articulo.articulo.trabajador + '</td>' +
                                        '</tr>';
                                } else {
                                    document.getElementById("tabla-articulos-de-una-requisicion").innerHTML +=
                                        '<tr role="row" class="odd">' +
                                        '<td style="display:none;" class="tabla-id-articulo">' + articulo.articulo.id + '</td>' +
                                        '<td style="display:none;" class="tabla-id-requisicion">' + articulo.articulo.id_requisicion + '</td>' +
                                        '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                        '<td class="tabla-check-generar-oc">' +
                                        '<div class="form-group">' +
                                        '<div class="custom-control custom-checkbox">' +
                                        '<input class="custom-control-input" type="checkbox" id="customCheckbox' + cantidad + '" value="' + articulo.articulo.id + '">' +
                                        '<label for="customCheckbox' + cantidad + '" class="custom-control-label"></label>' +
                                        '</div>' +
                                        '</div>' +
                                        '</td>' +
                                        '<td class="tabla-descipcion-articiculo">' + articulo.articulo.descripcion + '</td>' +
                                        '<td class="tabla-cantidad-articulo">' + articulo.articulo.cantidad + '</td>' +
                                        '<td class="tabla-costo-unitario-referenciado">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                        '<td class="tabla-reembolsable">' + reembolsable + '</td>' +
                                        '<td class="tabla-trabajador">' + articulo.articulo.trabajador + '</td>' +
                                        '</tr>';
                                }
                            } else if (articulo.oc == "Sin Orden De Compra") {
                                var valorCostoUnitarioConTipoMoneda = 0;
                                switch (articulo.articulo.tipo_moneda) {
                                    case "CLP":
                                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                            style: "currency",
                                            currency: "CLP",
                                        })

                                        var valor = formatoMoneda.format(articulo.articulo.costo_unitario_referenciado);
                                        valor = valor.replace("$", "");
                                        valor = valor.replace("CLP", "");
                                        valorCostoUnitarioConTipoMoneda = "CLP $ " + valor;
                                        break;

                                    case "USD":
                                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                            style: "currency",
                                            currency: "CLP",
                                            minimumFractionDigits: 2,
                                        })

                                        var valor = formatoMoneda.format(articulo.articulo.costo_unitario_referenciado);
                                        valor = valor.replace("$", "");
                                        valor = valor.replace("CLP", "");
                                        valorCostoUnitarioConTipoMoneda = "USD $ " + valor;
                                        break;

                                    case "EUR":
                                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                            style: "currency",
                                            currency: "CLP",
                                            minimumFractionDigits: 2,
                                        })

                                        var valor = formatoMoneda.format(articulo.articulo.costo_unitario_referenciado);
                                        valor = valor.replace("$", "");
                                        valor = valor.replace("CLP", "");
                                        valorCostoUnitarioConTipoMoneda = "EUR € " + valor;
                                        break;

                                    case "UF":
                                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                            style: "currency",
                                            currency: "CLP",
                                            minimumFractionDigits: 2,
                                        })

                                        var valor = formatoMoneda.format(articulo.articulo.costo_unitario_referenciado);
                                        valor = valor.replace("$", "");
                                        valor = valor.replace("CLP", "");
                                        valorCostoUnitarioConTipoMoneda = valor + " UF"
                                        break;

                                    case "UTM":
                                        var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                            style: "currency",
                                            currency: "CLP",
                                        })

                                        var valor = formatoMoneda.format(articulo.articulo.costo_unitario_referenciado);
                                        valor = valor.replace("$", "");
                                        valor = valor.replace("CLP", "");
                                        valorCostoUnitarioConTipoMoneda = valor + " UTM"
                                        break;
                                }

                                var reembolsable = "";
                                if (articulo.articulo.reembolsable == 1) {
                                    reembolsable = "Si";
                                } else {
                                    reembolsable = "No";
                                }

                                var articuloPorAsociar = false;
                                var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                                filas.forEach(elementoPadre => {
                                    var idArticuloRequisicion = elementoPadre.querySelector(".tabla-id-articulo-requisicion").innerHTML;
                                    if (articulo.articulo.id == idArticuloRequisicion) {
                                        articuloPorAsociar = true;
                                    }
                                });

                                if (articuloPorAsociar == true) {
                                    cantidad++;
                                    document.getElementById("tabla-articulos-de-una-requisicion").innerHTML +=
                                        '<tr role="row" class="odd">' +
                                        '<td style="display:none;" class="tabla-id-articulo">' + articulo.articulo.id + '</td>' +
                                        '<td style="display:none;" class="tabla-id-requisicion">' + articulo.articulo.id_requisicion + '</td>' +
                                        '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                        '<td class="tabla-check-generar-oc">Asociado Con Una Orden De Compra</td>' +
                                        '<td class="tabla-descipcion-articiculo">' + articulo.articulo.descripcion + '</td>' +
                                        '<td class="tabla-cantidad-articulo">' + articulo.articulo.cantidad + '</td>' +
                                        '<td class="tabla-costo-unitario-referenciado">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                        '<td class="tabla-reembolsable">' + reembolsable + '</td>' +
                                        '<td class="tabla-trabajador">' + articulo.articulo.trabajador + '</td>' +
                                        '</tr>';
                                } else {
                                    cantidad++;
                                    document.getElementById("tabla-articulos-de-una-requisicion").innerHTML +=
                                        '<tr role="row" class="odd">' +
                                        '<td style="display:none;" class="tabla-id-articulo">' + articulo.articulo.id + '</td>' +
                                        '<td style="display:none;" class="tabla-id-requisicion">' + articulo.articulo.id_requisicion + '</td>' +
                                        '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                        '<td class="tabla-check-generar-oc">' +
                                        '<div class="form-group">' +
                                        '<div class="custom-control custom-checkbox">' +
                                        '<input class="custom-control-input" type="checkbox" id="customCheckbox' + cantidad + '" value="' + articulo.articulo.id + '">' +
                                        '<label for="customCheckbox' + cantidad + '" class="custom-control-label"></label>' +
                                        '</div>' +
                                        '</div>' +
                                        '</td>' +
                                        '<td class="tabla-descipcion-articiculo">' + articulo.articulo.descripcion + '</td>' +
                                        '<td class="tabla-cantidad-articulo">' + articulo.articulo.cantidad + '</td>' +
                                        '<td class="tabla-costo-unitario-referenciado">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                        '<td class="tabla-reembolsable">' + reembolsable + '</td>' +
                                        '<td class="tabla-trabajador">' + articulo.articulo.trabajador + '</td>' +
                                        '</tr>';
                                }
                            }
                        });
                        document.getElementById("tituloArticulosDeUnaRQ").innerHTML = "Listado De Artículos De La requisición " + requisicion[0].numero_rq;
                        $("#modalArticulosDeUnaRQ").modal("show");
                    },
                    error: function(data) {

                        eliminarLoading()
                    }
                })
            }
        }

        function agregarArticuloConRq() {
            document.getElementById("botonAsociarArticuloRQ").setAttribute("disabled", true);
            var filas = document.getElementById('datatable-articulos-requisicion').tBodies[0].querySelectorAll("tr");
            var listadoDeArticulo = [];
            filas.forEach(elementoPadre => {
                var inputCheck = elementoPadre.querySelector(".tabla-check-generar-oc").querySelector(".custom-control-input");
                var idArticulo = elementoPadre.querySelector(".tabla-id-articulo").innerHTML;
                var idRequisicion = elementoPadre.querySelector(".tabla-id-requisicion").innerHTML;
                var contadorFila = elementoPadre.querySelector(".tabla-contador-articulo").innerHTML;
                var descripcionArticulo = elementoPadre.querySelector(".tabla-descipcion-articiculo").innerHTML;
                var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML;
                var costoUnitarioReferenciado = elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML;
                var reembolsable = elementoPadre.querySelector(".tabla-reembolsable").innerHTML;
                var trabajador = elementoPadre.querySelector(".tabla-trabajador").innerHTML;

                if (inputCheck != undefined && inputCheck != null) {
                    if (inputCheck.checked) {
                        var articulo = {
                            idArticulo: idArticulo,
                            idRequisicion: idRequisicion,
                            descripcionArticulo: descripcionArticulo,
                            cantidad: cantidadArticulo,
                            costoUnitarioReferenciado: costoUnitarioReferenciado,
                            reembolsable: reembolsable,
                            trabajador: trabajador
                        }
                        listadoDeArticulo.push(articulo);
                    }
                }
            });

            if (listadoDeArticulo.length > 0) {
                document.getElementById("botonAsociarArticuloRQ").removeAttribute("disabled");

                var data = datatableRequisiciones.rows({
                    selected: true
                }).data();

                listadoDeArticulo.forEach(elemento => {
                    contadorTabla++;
                    document.getElementById("tablaBodyConExportacionConFiltrado").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td style="display: none;" class="tabla-id-articulo-oc"></td>' +
                        '<td style="display: none;" class="tabla-id-articulo-requisicion">' + elemento.idArticulo + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo"></td>' +
                        '<td style="display: none;" class="tabla-id-centro-costo">' + data[0].id_centro_costo + '</td>' +
                        '<td style="display: none;" class="precio-unitario-formato-numero"></td>' +
                        '<td style="display: none;" class="precio-total-formato-numero"></td>' +
                        '<td class="tabla-contador-articulo">' + contadorTabla + '</td>' +
                        '<td class="tabla-codigo-articulo" onclick="abrirModalDeEdicionCodigoNombreArticulo(this.parentElement)"></td>' +
                        '<td class="tabla-nombre-articulo" onclick="abrirModalDeEdicionCodigoNombreArticulo(this.parentElement)"></td>' +
                        '<td class="tabla-cantidad-articulo" onclick="editarColumnaCantidadDeArticulo(this)">' + elemento.cantidad + '</td>' +
                        '<td class="tabla-precio-unitario-articulo" onclick="editarColumnaPrecioUnitarioArticulo(this)"></td>' +
                        '<td class="tabla-impuesto-articulo" onclick="abrirModalDeEdicionImpuesto(this.parentElement)">IVA</td>' +
                        '<td class="tabla-total-articulo"></td>' +
                        '<td class="tabla-centro-costo-articulo">' + data[0].centro_costo + '</td>' +
                        '<td class="tabla-rq-articulo">' + data[0].numero_rq + '</td>' +
                        '<td class="tabla-reembolsable-articulo" onclick="abrirModalDeEdicionReembolsable(this.parentElement)">' + elemento.reembolsable + '</td>' +
                        '<td class="tabla-descripcion-articulo-rq">' + elemento.descripcionArticulo + '</td>' +
                        '<td class="tabla-costo-unitario-referenciando-rq">' + elemento.costoUnitarioReferenciado + '</td>' +
                        '<td class="tabla-accion-articulo">' +
                        '<button onclick="habilitarBotonConfirmarEliminacionArticulo(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                        '<button onclick="eliminarFila(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                        '</td>' +
                        '</tr>';
                });
                $('#modalArticulosDeUnaRQ').modal('hide');
                $('#modalSelecionarRQ').modal('hide');

                var url = '{{ route('requisicion.obtener-archivos-requisicion', [':requisicion']) }}';
                url = url.replace(':requisicion', listadoDeArticulo[0].idRequisicion);
                var csrf = '{{ csrf_token() }}';
                $.ajax({
                    type: 'POST',
                    datatype: 'json',
                    url: url,
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(archivoRq) {
                        if (document.getElementById("archivosNoDisponibleEnLaTablaRequisicion")) {
                            document.getElementById("archivosNoDisponibleEnLaTablaRequisicion").remove();
                        }
                        archivoRq.forEach(elemento => {
                            var existeArchivoEnLaTabla = false;
                            var filas = document.getElementById('tablaDeArchivosRequisicion').tBodies[0].querySelectorAll("tr");
                            filas.forEach(elementoTabla => {
                                var idArchivo = elementoTabla.querySelector(".requisicion-tabla-id-archivo").innerHTML;
                                if (idArchivo == elemento.archivo.id) {
                                    existeArchivoEnLaTabla = true;
                                }
                            });

                            if (existeArchivoEnLaTabla == false) {
                                var extensionarchivo = "";
                                if (elemento.archivo.extension.toLowerCase() == "png" || elemento.archivo.extension.toLowerCase() == "jpeg" || elemento.archivo.extension.toLowerCase() == "gif" || elemento.archivo.extension.toLowerCase() == "jpg" || elemento.archivo.extension.toLowerCase() == "bmp") {
                                    extensionarchivo = "IMAGEN";
                                } else if (elemento.archivo.extension.toLowerCase() == "mp3" || elemento.archivo.extension.toLowerCase() == "wav" || elemento.archivo.extension.toLowerCase() == "wma" || elemento.archivo.extension.toLowerCase() == "ogg") {
                                    extensionarchivo = "ARCHIVO DE AUDIO";
                                } else if (elemento.archivo.extension.toLowerCase() == "zip" || elemento.archivo.extension.toLowerCase() == "rar" || elemento.archivo.extension.toLowerCase() == "tgz" || elemento.archivo.extension.toLowerCase() == "tar") {
                                    extensionarchivo = "ARCHIVO COMPRIMIDO";
                                } else if (elemento.archivo.extension.toLowerCase() == "pdf") {
                                    extensionarchivo = "PDF";
                                } else if (elemento.archivo.extension.toLowerCase() == "xlsx" || elemento.archivo.extension.toLowerCase() == "xls") {
                                    extensionarchivo = "OFFICE EXCEL";
                                } else if (elemento.archivo.extension.toLowerCase() == "pptx" || elemento.archivo.extension.toLowerCase() == "ppt") {
                                    extensionarchivo = "OFFICE POWER POINT";
                                } else if (elemento.archivo.extension.toLowerCase() == "docx" || elemento.archivo.extension.toLowerCase() == "doc") {
                                    extensionarchivo = "OFFICE WORD";
                                } else if (elemento.archivo.extension.toLowerCase() == "txt") {
                                    extensionarchivo = "ARCHIVO DE TEXTO";
                                } else if (
                                    elemento.archivo.extension.toLowerCase() == "mp4" || elemento.archivo.extension.toLowerCase() == "webm" || elemento.archivo.extension.toLowerCase() == "avi" ||
                                    elemento.archivo.extension.toLowerCase() == "asf" || elemento.archivo.extension.toLowerCase() == "dvd" || elemento.archivo.extension.toLowerCase() == "m1v" ||
                                    elemento.archivo.extension.toLowerCase() == "movie" || elemento.archivo.extension.toLowerCase() == "mpeg" || elemento.archivo.extension.toLowerCase() == "wn" || elemento.archivo.extension.toLowerCase() == "wmv"
                                ) {
                                    extensionarchivo = "ARCHIVO DE VIDEO";
                                } else {
                                    extensionarchivo = "ARCHIVO DESCONOCIDO";
                                }

                                var urlDescarga = '{{ route('requisicion.descargar-archivo', [':requisicion']) }}';
                                urlDescarga = urlDescarga.replace(':requisicion', elemento.archivo.id);
                                document.getElementById("registroDeArchivosRequisicion").innerHTML +=
                                    '<tr>' +
                                    '<td style="display: none;" class="requisicion-tabla-id-requisicion">' + elemento.archivo.id_requisicion + '</td>' +
                                    '<td style="display: none;" class="requisicion-tabla-id-archivo">' + elemento.archivo.id + '</td>' +
                                    '<td class="requisicion-tabla-accion">' +
                                    '<div class="btn-group ">' +
                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Acciones</button>' +
                                    '<div class="dropdown-menu">' +
                                    '<a class="dropdown-item" href="#" onclick="visualizarArchivoRegistradoRequisicion(\'' + elemento.archivo.nombre_Archivo + '\', \'' + elemento.tipo_accion + '\',\'' + elemento.archivo.id_requisicion + '\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                                    '<a class="dropdown-item" href="' + urlDescarga + '" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>' +
                                    '<td class="requisicion-tabla-nombre-archivo">' + elemento.archivo.nombre_Archivo + '</td>' +
                                    '<td class="requisicion-tabla-tipo-archivo">' + extensionarchivo + '</td>' +
                                    '<td class="requisicion-tabla-corresponde-archivo">' + elemento.requisicion + '</td>' +
                                    '</tr>';
                            }
                        });
                    },
                    error: function(archivoRq) {

                    }
                })
            } else {
                eliminarLoading()
                document.getElementById("botonAsociarArticuloRQ").removeAttribute("disabled");
                Swal.fire({
                    icon: 'error',
                    title: '¡Convertir Orden De Compra!',
                    text: 'Debe seleccionar articulos para asociarlo con la orden de compra',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }
        }
    </script>

    <script>
        function seleccionarImputReembolsable(campo) {
            campo.querySelector("input").checked = true
        }

        function limpiarFormularioDespuesDeRegistrarLaOrdenDeCompra() {
            $('#codigoProveedor').selectpicker("refresh");
            $('#codigoProveedor').selectpicker('val', "");
            document.getElementById("valicacionCampoCodigoProveedor").innerHTML = "";
            document.getElementById("codigoProveedor").classList.remove('input-success-icon');
            document.getElementById("codigoProveedor").classList.remove('input-error-icon');
            document.getElementById("codigoProveedor").classList.add('input-error-icon');
            document.getElementById("valicacionCampoCodigoProveedor").style.display = "none";

            document.getElementById("numeroOC").value = "";
            document.getElementById("valicacionCampoNumeroOc").innerHTML = "";
            document.getElementById("numeroOC").setAttribute("class", "form-control");

            $('#nombreProveedor').selectpicker("refresh");
            $('#nombreProveedor').selectpicker('val', "");
            document.getElementById("valicacionCampoNombreProveedor").innerHTML = "";
            document.getElementById("nombreProveedor").classList.remove('input-success-icon');
            document.getElementById("nombreProveedor").classList.remove('input-error-icon');
            document.getElementById("nombreProveedor").classList.add('input-error-icon');
            document.getElementById("valicacionCampoNombreProveedor").style.display = "none";

            document.getElementById("fechaOC").value = "";
            document.getElementById("valicacionCampofechaOC").innerHTML = "";
            document.getElementById("fechaOC").setAttribute("class", "form-control");

            document.getElementById("numeroCotizacion").value = "";
            document.getElementById("valicacionCampoNumeroCotizacion").innerHTML = "";
            document.getElementById("numeroCotizacion").setAttribute("class", "form-control");

            document.getElementById("fechaCotizacion").value = "";
            document.getElementById("valicacionCampofechaCotizacion").innerHTML = "";
            document.getElementById("fechaCotizacion").setAttribute("class", "form-control");

            $('#tipoModena').selectpicker("refresh");
            $('#tipoModena').selectpicker('val', "CLP");
            document.getElementById("valicacionCampoTipoMoneda").innerHTML = "";
            document.getElementById("tipoModena").classList.remove('input-success-icon');
            document.getElementById("tipoModena").classList.remove('input-error-icon');
            document.getElementById("tipoModena").classList.add('input-error-icon');
            document.getElementById("valicacionCampoTipoMoneda").style.display = "none";

            document.getElementById("fechaEntrega").value = "";
            document.getElementById("valicacionCampofechaEntrega").innerHTML = "";
            document.getElementById("fechaEntrega").setAttribute("class", "form-control");

            document.getElementById("tipoCambio").value = "";
            document.getElementById("valicacionCampoTipoCambio").innerHTML = "";
            document.getElementById("tipoCambio").setAttribute("class", "form-control");

            $('#condicionPago').selectpicker("refresh");
            $('#condicionPago').selectpicker('val', "");
            document.getElementById("validarCondicionPago").innerHTML = "";
            document.getElementById("condicionPago").classList.remove('input-success-icon');
            document.getElementById("condicionPago").classList.remove('input-error-icon');
            document.getElementById("condicionPago").classList.add('input-error-icon');
            document.getElementById("validarCondicionPago").style.display = "none";

            $('#aprobadores').selectpicker("refresh");
            $('#aprobadores').selectpicker('val', "");
            document.getElementById("validarAprobador").innerHTML = "";
            document.getElementById("aprobadores").classList.remove('input-success-icon');
            document.getElementById("aprobadores").classList.remove('input-error-icon');
            document.getElementById("validarAprobador").style.display = "none";

            document.getElementById("observacion").value = "";
            document.getElementById("valicacionCampoObservacion").innerHTML = "";
            document.getElementById("observacion").setAttribute("class", "form-control");


        }

        function editarOrdenDeCompra() {
            document.getElementById("botonEditarOc").setAttribute("disabled", true);
            document.getElementById("errorListadoArticulo").style.display = "none";
            generarLoading('{{ asset('img/logo.png') }}')

            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            var listadoDeArticulo = [];
            var filasConCamposVacios = false;
            var tablaArticuloconRegistro = false;
            filas.forEach(elementoPadre => {
                if (elementoPadre.querySelector(".tabla-accion-articulo").innerHTML != "") {
                    tablaArticuloconRegistro = true;
                    var contadorFila = elementoPadre.querySelector(".tabla-contador-articulo").innerHTML;
                    var codigoArticulo = elementoPadre.querySelector(".tabla-codigo-articulo").innerHTML;
                    var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo").innerHTML;
                    var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML;
                    var precioUnitarioArticulo = elementoPadre.querySelector(".tabla-precio-unitario-articulo").innerHTML;
                    var impuestoArticulo = elementoPadre.querySelector(".tabla-impuesto-articulo").innerHTML;
                    var precioTotalArticulo = elementoPadre.querySelector(".tabla-total-articulo").innerHTML;
                    var centroCostoArticulo = elementoPadre.querySelector(".tabla-centro-costo-articulo").innerHTML;
                    var rqArticulo = elementoPadre.querySelector(".tabla-rq-articulo").innerHTML;
                    var reembolsableArticulo = elementoPadre.querySelector(".tabla-reembolsable-articulo").innerHTML;
                    var idArticulo = elementoPadre.querySelector(".tabla-id-articulo").innerHTML;
                    var idCentroCosto = elementoPadre.querySelector(".tabla-id-centro-costo").innerHTML;
                    var precioUnitarioArticuloFormatoNumero = elementoPadre.querySelector(".precio-unitario-formato-numero").innerHTML;
                    var precioTotalArticuloFormatoNumero = elementoPadre.querySelector(".precio-total-formato-numero").innerHTML;
                    var idArticuloOc = elementoPadre.querySelector(".tabla-id-articulo-oc").innerHTML;
                    var idArticuloRequisicion = elementoPadre.querySelector(".tabla-id-articulo-requisicion").innerHTML;


                    if (codigoArticulo == "" || nombreArticulo == "") {
                        filasConCamposVacios = true;
                    }

                    if (cantidadArticulo.length == "") {
                        filasConCamposVacios = true;
                    }

                    if (precioUnitarioArticulo.length == "") {
                        filasConCamposVacios = true;
                    }

                    if (impuestoArticulo.length == "") {
                        filasConCamposVacios = true;
                    }

                    if (precioTotalArticulo.length == "") {
                        filasConCamposVacios = true;
                    }

                    if (centroCostoArticulo.length == "") {
                        filasConCamposVacios = true;
                    }

                    if (rqArticulo.length == "") {
                        filasConCamposVacios = true;
                    }

                    if (reembolsableArticulo == "") {
                        filasConCamposVacios = true;
                    }

                    var articulo = {
                        idArticuloOc: idArticuloOc,
                        idArticuloRequisicion: idArticuloRequisicion,
                        idArticulo: idArticulo,
                        codigoArticulo: codigoArticulo,
                        nombreArticulo: nombreArticulo,
                        cantidad: cantidadArticulo,
                        precioUnitario: precioUnitarioArticulo,
                        precioUnitarioFormatoNumero: precioUnitarioArticuloFormatoNumero,
                        impuesto: impuestoArticulo,
                        precioTotal: precioTotalArticulo,
                        precioTotalFormatoNumero: precioTotalArticuloFormatoNumero,
                        idCentroCosto: idCentroCosto,
                        nombreCentroCosto: centroCostoArticulo,
                        rq: rqArticulo,
                        reembolsable: reembolsableArticulo
                    }
                    listadoDeArticulo.push(articulo);
                }
            });

            listadoDeArticulo = JSON.stringify(listadoDeArticulo);

            if (tablaArticuloconRegistro == false) {
                document.getElementById("errorListadoArticulo").innerHTML = "No es posible editar una orden de compra, no hay artículo/servicio asociado";
                document.getElementById("errorListadoArticulo").style.display = "block";
                listadoDeArticulo = "";
            }

            if (filasConCamposVacios == true) {
                document.getElementById("errorListadoArticulo").innerHTML = "No es posible editar una orden de compra, algunos artículos/servicios le falta datos, complételos para editar la orden de compra";
                document.getElementById("errorListadoArticulo").style.display = "block";
                listadoDeArticulo = "";
            }

            var datosFormulario = $("#formularioDeOrdenDeCompra").serialize();
            var formData = new FormData();
            formData.append('_method', "PUT");
            formData.append('codigo_proveedor', document.getElementById("codigoProveedor").value);
            formData.append('numero_oc', document.getElementById("numeroOC").value);
            formData.append('nombre_proveedor', document.getElementById("nombreProveedor").value);
            formData.append('fecha_oc', document.getElementById("fechaOC").value);
            formData.append('numero_factura', document.getElementById("numeroFactura").value);
            formData.append('fecha_factura', document.getElementById("fechaFactura").value);
            formData.append('numero_cotizacion', document.getElementById("numeroCotizacion").value);
            formData.append('fecha_cotizacion', document.getElementById("fechaCotizacion").value);
            formData.append('tipo_moneda', document.getElementById("tipoModena").value);
            formData.append('fecha_entrega', document.getElementById("fechaEntrega").value);
            formData.append('tipo_cambio', document.getElementById("tipoCambio").value);
            formData.append('condicion_pago', document.getElementById("condicionPago").value);
            formData.append('aprobadores', document.getElementById("aprobadores").value);
            formData.append('observacion', document.getElementById("observacion").value);
            formData.append('numero_correlativo', document.getElementById("numeroCorrelativo").value);
            formData.append('montoTotalTotal', document.getElementById("montoTotalTotal").value);
            formData.append('tipo_cambio_formato_numero', document.getElementById("tipoCambioFormatoNumero").value);
            formData.append('listadoDeArticulos', listadoDeArticulo);
            formData.append('listadoDeArticuloOcRegistradoEliminado', document.getElementById("listadoDeArticuloOcRegistradoEliminado").value);
            formData.append('codigo_proveedor', document.getElementById("codigoProveedor").value);

            let totalDeArchivos = document.getElementsByClassName("form-control-file").length;
            let archivosOc = document.getElementsByClassName("form-control-file");
            let asignacionDeIdArchivo = 0;
            for (let i = 0; i < totalDeArchivos; i++) {
                if (archivosOc[i].files.length > 0) {
                    asignacionDeIdArchivo++;
                    formData.append('archivos' + i, archivosOc[i].files[0]);
                }
            }
            formData.append('totalDeArchivos', asignacionDeIdArchivo);

            formData.append('listadoDeArchivoRegistrado', document.getElementById("listadoDeArchivoRegistrado").value);
            formData.append('listadoDeArchivoRemovidoPorElUsuario', document.getElementById("listadoDeArchivoRemovidoPorElUsuario").value);

            var csrf = '{{ csrf_token() }}';
            $.ajax({
                url: '{{ route('orden-de-compra.update', $ordenDeCompra) }}',
                //type: 'POST',
                method: 'POST',
                data: formData,
                contentType: false,
                processData: false,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    eliminarLoading()
                    document.getElementById("botonEditarOc").removeAttribute("disabled");
                    Swal.fire({
                            icon: 'success',
                            title: '¡Modificado!',
                            text: 'La orden de compra se modifico con éxito',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.href = "{{ route('orden-de-compra.index') }}";
                        })
                        .catch((error) => {
                            location.href = "{{ route('orden-de-compra.index') }}";
                        });
                },
                error: function(data) {
                    var tabIdError = "";

                    if (typeof data.responseJSON.errors.listadoDeArticulos !== 'undefined') {
                        document.getElementById("errorListadoArticulo").style.display = "block";
                        tabIdError = "custom-tabs-one-profile-tab";
                    }

                    if (typeof data.responseJSON.errors.codigo_proveedor !== 'undefined') {
                        document.getElementById("codigoProveedor").classList.remove('input-success-icon');
                        document.getElementById("codigoProveedor").classList.add('input-error-icon');
                        document.getElementById("valicacionCampoCodigoProveedor").innerHTML = data.responseJSON.errors.codigo_proveedor;
                        document.getElementById("valicacionCampoCodigoProveedor").style.display = "block";
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("codigoProveedor").classList.remove('input-error-icon');
                        document.getElementById("codigoProveedor").classList.add('input-success-icon');
                        document.getElementById("valicacionCampoCodigoProveedor").innerHTML = "";
                        document.getElementById("valicacionCampoCodigoProveedor").style.display = "none";
                    }

                    if (typeof data.responseJSON.errors.numero_oc !== 'undefined') {
                        document.getElementById("numeroOC").setAttribute("class", "form-control is-invalid");
                        tabIdError = "home-tab";
                    } else {
                        document.getElementById("numeroOC").setAttribute("class", "form-control is-valid");
                    }

                    if (typeof data.responseJSON.errors.nombre_proveedor !== 'undefined') {
                        document.getElementById("nombreProveedor").classList.remove('input-success-icon');
                        document.getElementById("nombreProveedor").classList.add('input-error-icon');
                        document.getElementById("valicacionCampoNombreProveedor").innerHTML = data.responseJSON.errors.nombre_proveedor;
                        document.getElementById("valicacionCampoNombreProveedor").style.display = "block";
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("nombreProveedor").classList.remove('input-error-icon');
                        document.getElementById("nombreProveedor").classList.add('input-success-icon');
                        document.getElementById("valicacionCampoNombreProveedor").innerHTML = "";
                        document.getElementById("valicacionCampoNombreProveedor").style.display = "none";
                    }

                    if (typeof data.responseJSON.errors.fecha_oc !== 'undefined') {
                        document.getElementById("fechaOC").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampofechaOC").innerHTML = data.responseJSON.errors.fecha_oc;
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("fechaOC").setAttribute("class", "form-control is-valid");
                        document.getElementById("valicacionCampofechaOC").innerHTML = "";
                    }

                    if (typeof data.responseJSON.errors.numero_cotizacion !== 'undefined') {
                        document.getElementById("numeroCotizacion").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampoNumeroCotizacion").innerHTML = data.responseJSON.errors.numero_cotizacion;
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("numeroCotizacion").setAttribute("class", "form-control is-valid");
                        document.getElementById("valicacionCampoNumeroCotizacion").innerHTML = "";
                    }

                    if (typeof data.responseJSON.errors.fecha_cotizacion !== 'undefined') {
                        document.getElementById("fechaCotizacion").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampofechaCotizacion").innerHTML = data.responseJSON.errors.fecha_cotizacion;
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("fechaCotizacion").setAttribute("class", "form-control is-valid");
                        document.getElementById("valicacionCampofechaCotizacion").innerHTML = "";
                    }

                    if (typeof data.responseJSON.errors.tipo_moneda !== 'undefined') {
                        document.getElementById("tipoModena").classList.remove('input-success-icon');
                        document.getElementById("tipoModena").classList.add('input-error-icon');
                        document.getElementById("valicacionCampoTipoMoneda").innerHTML = data.responseJSON.errors.tipo_moneda;
                        document.getElementById("valicacionCampoTipoMoneda").style.display = "block";
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("tipoModena").classList.remove('input-error-icon');
                        document.getElementById("tipoModena").classList.add('input-success-icon');
                        document.getElementById("valicacionCampoTipoMoneda").innerHTML = "";
                        document.getElementById("valicacionCampoTipoMoneda").style.display = "none";
                    }

                    if (typeof data.responseJSON.errors.fecha_entrega !== 'undefined') {
                        document.getElementById("fechaEntrega").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampofechaEntrega").innerHTML = data.responseJSON.errors.fecha_entrega;
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("fechaEntrega").setAttribute("class", "form-control is-valid");
                        document.getElementById("valicacionCampofechaEntrega").innerHTML = "";
                    }

                    if (typeof data.responseJSON.errors.tipo_cambio !== 'undefined') {
                        document.getElementById("tipoCambio").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampoTipoCambio").innerHTML = data.responseJSON.errors.tipo_cambio;
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("tipoCambio").setAttribute("class", "form-control is-valid");
                        document.getElementById("valicacionCampoTipoCambio").innerHTML = "";
                    }

                    if (typeof data.responseJSON.errors.condicion_pago !== 'undefined') {
                        document.getElementById("condicionPago").classList.remove('input-success-icon');
                        document.getElementById("condicionPago").classList.add('input-error-icon');
                        document.getElementById("validarCondicionPago").innerHTML = data.responseJSON.errors.condicion_pago;
                        document.getElementById("validarCondicionPago").style.display = "block";
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("condicionPago").classList.remove('input-error-icon');
                        document.getElementById("condicionPago").classList.add('input-success-icon');
                        document.getElementById("validarCondicionPago").innerHTML = "";
                        document.getElementById("validarCondicionPago").style.display = "none";
                    }

                    if (typeof data.responseJSON.errors.observacion !== 'undefined') {
                        document.getElementById("observacion").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampoObservacion").innerHTML = data.responseJSON.errors.observacion;
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("observacion").setAttribute("class", "form-control is-valid");
                        document.getElementById("valicacionCampoObservacion").innerHTML = "";
                    }

                    if (typeof data.responseJSON.errors.aprobadores !== 'undefined') {
                        document.getElementById("aprobadores").classList.remove('input-success-icon');
                        document.getElementById("aprobadores").classList.add('input-error-icon');
                        document.getElementById("validarAprobador").innerHTML = data.responseJSON.errors.aprobadores;
                        document.getElementById("validarAprobador").style.display = "block";
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("aprobadores").classList.remove('input-error-icon');
                        document.getElementById("aprobadores").classList.add('input-success-icon');
                        document.getElementById("validarAprobador").innerHTML = "";
                        document.getElementById("validarAprobador").style.display = "none";
                    }

                    document.getElementById("botonEditarOc").removeAttribute("disabled");

                    if (tabIdError != "") {
                        document.getElementById(tabIdError).click();
                    }
                    eliminarLoading()
                }
            })
        }
    </script>
@stop