@extends('adminlte::page')

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

@section('title', 'intranet | Nueva Requisición')

@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">Requisición</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 id="formularioDeRequisicion" enctype="multipart/form-data">
                        @csrf
                        <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>Nº Requisición <span style="font-weight: 700; font-size:11px;">(Numero Preliminar)</span></label>
                                            <div class="input-group">
                                                <input style="cursor: not-allowed; background-color: #D7DADE;" type="text" class="form-control" name="numero_rq" id="numeroRq" readonly="true">
                                            </div>
                                            <div class="invalid-feedback" id="valicacionCampoNumeroRq">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha Solicitud</label>
                                            <input type="date" class="form-control" name="fecha_solicitud" id="fechaSolicitud" value="{{ date('Y-m-d') }}" readonly="true" style="cursor: not-allowed; background-color: #D7DADE;">
                                            <div class="invalid-feedback" id="valicacionCampofechaSolicitud">

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

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label>Centro costo</label>
                                            <select aria-disabled="true" class="form-control listaDespegableConBuscador" id="centroCosto" name="centro_costo" data-live-search="true" onchange="obtenerCentroCosto(this)">
                                                <option value="">--Seleccionar Centro Costo--</option>
                                                @foreach ($centrosCostos as $cc)
                                                    <option value="{{ $cc->id }}">{{ $cc->centro_costo }}</option>
                                                @endforeach
                                            </select>
                                            <div class="invalid-feedback" id="valicacionCampoCentroCosto">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label>Proyecto</label>
                                            <div class="input-group">
                                                <input style="cursor: not-allowed; background-color: #D7DADE;" type="text" class="form-control" name="proyecto" id="proyecto" readonly="true">
                                            </div>
                                            <div class="invalid-feedback" id="valicacionCampoProyecto">

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

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario" id="contenedoresDeAutorizadores">

                                    </div>

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

                                        </div>
                                    </div>
                                </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">
                                        La requisición debe tener asociado al menos un artículo para su creació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>Descripción Artículo</th>
                                                    <th>Cantidad</th>
                                                    <th>Tipo Moneda</th>
                                                    <th>Costo Unitario Referenciado</th>
                                                    <th>Costo Total Referenciado</th>
                                                    <th>Reembolsable</th>
                                                    <th>Nº EP donde se cobrara</th>
                                                    <th>Trabajador</th>
                                                    <th>Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody id="tablaBodyConExportacionConFiltrado">
                                                <tr>
                                                    <td style="display: none;" class="tabla-costo-unitario-referenciado-numero">0</td>
                                                    <td class="tabla-contador-articulo">1</td>
                                                    <td class="tabla-descipcion-articiculo" onclick="abrirModalDeEdicionDescripcionArticulo(this.parentElement)"></td>
                                                    <td class="tabla-cantidad-articulo" onclick="editarColumnaCantidadDeArticulo(this)"></td>
                                                    <td class="tabla-tipo-moneda-articulo" onclick="abrirModalDeTipoMonedaArticulo(this.parentElement)"></td>
                                                    <td class="tabla-costo-unitario-referenciado" onclick="editarColumnaCostoUnitarioReferenciado(this)"></td>
                                                    <td class="tabla-costo-total-referenciado"></td>
                                                    <td class="tabla-reembolsable" onclick="abrirModalDeEdicionReembolsable(this.parentElement)"></td>
                                                    <td class="tabla-numero-pa" onclick="editarColumnaNumeroEp(this)"></td>
                                                    <td class="tabla-trabajador" onclick="abrirModalDeEdicionTrabajador(this.parentElement)"></td>
                                                    <td class="tabla-accion-articulo"></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </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 class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr role="row">
                                                    <th>Acción</th>
                                                    <th>Archivo</th>
                                                    <th>Tipo</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeArchivos">
                                                <tr id="archivosNoDisponibleEnLaTabla">
                                                    <td colspan="3" 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" class="btn btn-aspen mt-1" id="botonGenerarRQ" onclick="registrarRequisicion()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Crear Requisición </button>
                            <button type="button" class="btn btn-info mt-1" id="botonBorrador" onclick="guardarBorrador()"><i class="fas fa-pencil-ruler" style="margin-right: 2px;"></i> Guardar Borrador </button>
                            <a href="{{ route('requisicion.index') }}" role="button" class="btn btn-secondary mt-1"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                        </div>
                    </form>

                </div>

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

    <div class="modal fade" id="modalDescripcionArticulo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form action="{{ route('articulo.store') }}" method="post" id="formularioDescripcionArticulo">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="exampleModalLabel">Descripción Artículo</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">
                            <label for="descripcion">Descripción Artículo</label>
                            <textarea class="form-control" id="descripcionArticulo" name="descripcion-articulo" rows="3">{{ old('descripcion-articulo') }}</textarea>
                            <div class="invalid-feedback" id="valicacionCampoDescripcionArticulo">

                            </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="botonDescripcionArticulo">Editar Descripción Artículo</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalSelecionarTipoMoneda" 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 Tipo Moneda</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-tipo-moneda" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Tipo De Moneda</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>CLP</td>
                                    </tr>

                                    <tr>
                                        <td>USD</td>
                                    </tr>

                                    <tr>
                                        <td>EUR</td>
                                    </tr>

                                    <tr>
                                        <td>UF</td>
                                    </tr>

                                    <tr>
                                        <td>UTM</td>
                                    </tr>
                                </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="botonSeleccionarTipoMoneda">Seleccionar </button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalTrabajador" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form action="{{ route('articulo.store') }}" method="post" id="formularioTrabajador">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="exampleModalLabel">Trabajador</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">
                            <label for="descripcion">Trabajador</label>
                            <textarea class="form-control" id="descripcionTrabajador" name="trabajador" rows="3">{{ old('trabajador') }}</textarea>
                            <div class="invalid-feedback" id="valicacionCampoTrabajador">

                            </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="botonTrabajador">Editar Trabajador</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>
@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') }}">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <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>
        $('#centroCosto').selectpicker({
            dropupAuto: false
        });
    </script>

    <script>
        var datatableTipoMoneda = $("#datatable-tipo-moneda").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-tipo-moneda thead tr").clone(true).appendTo("#datatable-tipo-moneda thead");

        $("#datatable-tipo-moneda 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 (datatableTipoMoneda.column(i).search() !== this.value) {
                        datatableTipoMoneda.column(i).search(this.value).draw();
                    }
                });
            } else {
                $(this).html("<div></div>");
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
            }
        });
    </script>

    <script>
        function obtenerCentroCosto(campo) {
            if (campo.value != undefined && campo.value != "undefined" && campo.value != "") {
                generarLoading('{{ asset('img/logo.png') }}')
                var url = '{{ route('requisicion.obtener-datos-requisicion-cc', ':id') }}';
                url = url.replace(':id', campo.value);
                var csrf = '{{ csrf_token() }}';

                $.ajax({
                    type: 'POST',
                    datatype: 'json',
                    url: url,
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        document.getElementById("proyecto").value = data.centroCosto.nombre;
                        document.getElementById("numeroRq").value = data.numeroCorrelativo;

                        document.getElementById("contenedoresDeAutorizadores").innerHTML = "";
                        var cantidadAutorizador = 0;
                        var autorizadores = JSON.parse(data.autorizador);
                        autorizadores.forEach(elemento => {
                            cantidadAutorizador++;
                            document.getElementById("contenedoresDeAutorizadores").innerHTML +=
                                '<div class="form-group">' +
                                '<label>Autorizador ' + cantidadAutorizador + '</label>' +
                                '<div class="input-group">' +
                                '<input style="cursor: not-allowed; background-color: #D7DADE;" type="text" class="form-control" readonly="true" value="' + elemento + '">' +
                                '</div>' +
                                '</div>';
                        });
                        eliminarLoading()
                    },
                    error: function(data) {
                        eliminarLoading()
                    }
                })
            } else {
                document.getElementById("proyecto").value = "";
                document.getElementById("numeroRq").value = "";
                document.getElementById("contenedoresDeAutorizadores").innerHTML = "";
            }
        }
    </script>

    <script>
        function visualizarArchivo(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("registroDeArchivos").innerHTML.trim().length == 0) {
                document.getElementById("registroDeArchivos").innerHTML =
                    '<tr id="archivosNoDisponibleEnLaTabla">' +
                    '<td colspan="3" 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("archivosNoDisponibleEnLaTabla")) {
                document.getElementById("archivosNoDisponibleEnLaTabla").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="visualizarArchivo(\'' + 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="visualizarArchivo(\'' + 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="visualizarArchivo(\'' + 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("registroDeArchivos").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>' +
                    '</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 = 1;
        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;
                if (cantidad.value == "") {
                    cantidad.value = 0;
                }
                var valorCantidad = parseInt(cantidad.value);
                elementoPadre.innerHTML = valorCantidad;
                columnaActiva = false;
                validarFilaTablaDeArticulo(elementoAbuelo);
                ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos()
            } 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 permitirCarateresParaIngresarNumeroEp(event, numero) {
            if (event.key === "Enter") {
                numero.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                var elementoPadre = numero.parentElement.parentElement;
                var elementoAbuelo = numero.parentElement.parentElement.parentElement;
                if (numero.value.trim() == "") {
                    var valorCantidad = numero.value;
                }else {
                    var valorCantidad = parseInt(numero.value);
                }
                elementoPadre.innerHTML = valorCantidad;
                columnaActiva = false;
                validarFilaTablaDeArticulo(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 permitirCarateresParaCosto(event, campo) {
            if (event.key === "Enter") {
                campo.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                var elementoPadre = campo.parentElement.parentElement.parentElement;
                switch (elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML) {
                    case "CLP":
                        if (campo.value != "") {
                            var valorParaParsearInt;
                            if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                                campo.value = campo.value.substr(1);
                            }

                            var valorParaParsearInt = campo.value.replace(",", ".");
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML = parseInt(valorParaParsearInt);
                            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-costo-unitario-referenciado").innerHTML = "CLP $ " + valor;
                            columnaActiva = false;
                            validarFilaTablaDeArticulo(elementoPadre);
                            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                        } else {
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "CLP $ 0";
                            columnaActiva = false;
                            validarFilaTablaDeArticulo(elementoPadre);
                            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                        }
                        break;

                    case "USD":
                        if (campo.value != "") {
                            var valorParaParsearInt;
                            if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                                campo.value = campo.value.substr(1);
                            }

                            var valorParaParsearInt = campo.value.replace(",", ".");
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML = parseFloat(valorParaParsearInt);
                            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 = formatoMoneda.format(campo.value);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "USD $ " + valor;
                            columnaActiva = false;
                            validarFilaTablaDeArticulo(elementoPadre);
                            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                        } else {
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "USD $ 0";
                            columnaActiva = false;
                            validarFilaTablaDeArticulo(elementoPadre);
                            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                        }
                        break;

                    case "EUR":
                        if (campo.value != "") {
                            var valorParaParsearInt;
                            if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                                campo.value = campo.value.substr(1);
                            }

                            var valorParaParsearInt = campo.value.replace(",", ".");
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML = parseFloat(valorParaParsearInt);
                            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 = formatoMoneda.format(campo.value);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "EUR € " + valor;
                            columnaActiva = false;
                            validarFilaTablaDeArticulo(elementoPadre);
                            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                        } else {
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "EUR € 0";
                            columnaActiva = false;
                            validarFilaTablaDeArticulo(elementoPadre);
                            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                        }
                        break;

                    case "UF":
                        if (campo.value != "") {
                            var valorParaParsearInt;
                            if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                                campo.value = campo.value.substr(1);
                            }

                            var valorParaParsearInt = campo.value.replace(",", ".");
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML = parseFloat(valorParaParsearInt);
                            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 = formatoMoneda.format(campo.value);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = valor + " UF";
                            columnaActiva = false;
                            validarFilaTablaDeArticulo(elementoPadre);
                            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                        } else {
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "0 UF";
                            columnaActiva = false;
                            validarFilaTablaDeArticulo(elementoPadre);
                            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                        }
                        break;

                    case "UTM":
                        if (campo.value != "") {
                            var valorParaParsearInt;
                            if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                                campo.value = campo.value.substr(1);
                            }

                            var valorParaParsearInt = campo.value.replace(",", ".");
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML = parseInt(valorParaParsearInt);
                            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-costo-unitario-referenciado").innerHTML = valor + " UTM";
                            columnaActiva = false;
                            validarFilaTablaDeArticulo(elementoPadre);
                            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                        } else {
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "0 UTM";
                            columnaActiva = false;
                            validarFilaTablaDeArticulo(elementoPadre);
                            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                        }
                        break;
                    default:
                        if (campo.value != "") {
                            var valorParaParsearInt;
                            if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                                campo.value = campo.value.substr(1);
                            }

                            var valorParaParsearInt = campo.value.replace(",", ".");
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML = parseInt(valorParaParsearInt);
                            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-costo-unitario-referenciado").innerHTML = "CLP $ " + valor;
                            columnaActiva = false;
                            validarFilaTablaDeArticulo(elementoPadre);
                            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                        } else {
                            elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "CLP $ 0";
                            columnaActiva = false;
                            validarFilaTablaDeArticulo(elementoPadre);
                            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                        }
                        break;
                }
            } else {
                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 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();
            }

        }

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

        function ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos() {
            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            costoTotal = 0;
            filas.forEach(elementoPadre => {
                if (elementoPadre.querySelector(".tabla-accion-articulo").innerHTML != "") {
                    if (elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML != "") {
                        if (elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML == "CLP" ||
                            elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML == "UTM") {
                            costoTotal = parseInt(elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML) * parseInt(elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML);
                        } else if (elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML == "USD" || elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML == "EUR"
                        || elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML == "UF" ) {
                            costoTotal = parseFloat(elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML) * parseInt(elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML);
                        } else {
                            costoTotal = parseInt(elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML) * parseInt(elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML);
                        }
                    } else {
                        if (elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML == "CLP" ||
                            elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML == "UTM") {
                            costoTotal = parseInt(elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML);
                        } else if (elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML == "USD" || elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML == "EUR"
                        || elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML == "UF" ) {
                            costoTotal = parseFloat(elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML);
                        } else {
                            costoTotal = parseInt(elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML);
                        };
                    }

                    switch (elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML) {
                        case "CLP":
                            var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var valor = formatoMoneda.format(costoTotal);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-costo-total-referenciado").innerHTML = "CLP $ " + valor;
                            break;

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

                            var valor = formatoMoneda.format(costoTotal);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-costo-total-referenciado").innerHTML = "USD $ " + valor;
                            break;

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

                            var valor = formatoMoneda.format(costoTotal);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-costo-total-referenciado").innerHTML = "EUR € " + valor;
                            break;

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

                            var valor = formatoMoneda.format(costoTotal);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-costo-total-referenciado").innerHTML = valor + " UF";
                            break;

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

                            var valor = formatoMoneda.format(costoTotal);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-costo-total-referenciado").innerHTML = valor + " UTM";
                            break;

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

                            var valor = formatoMoneda.format(costoTotal);
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            elementoPadre.querySelector(".tabla-costo-total-referenciado").innerHTML = "CLP $ " + valor;
                            break;
                    }
                }
            });

        }
    </script>

    <script>
        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;
            elementoFila.remove();
            contadorTabla = 0;
            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            filas.forEach(elemento => {
                contadorTabla++;
                elemento.querySelector(".tabla-contador-articulo").innerHTML = contadorTabla;
            });
            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos()
        }

        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).before(filaNueva);
            ordenarContadorDeLosRegistroDeArticulos();
            ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos()
        }

        function validarFilaTablaDeArticulo(fila) {
            var contadorFila = fila.querySelector(".tabla-contador-articulo").innerHTML;
            var descripcionArticulo = fila.querySelector(".tabla-descipcion-articiculo").innerHTML;
            var cantidadArticulo = fila.querySelector(".tabla-cantidad-articulo").innerHTML;
            var costoUnitarioReferenciado = fila.querySelector(".tabla-costo-unitario-referenciado").innerHTML;
            var costoTotalReferenciado = fila.querySelector(".tabla-costo-total-referenciado").innerHTML;
            var trabajador = fila.querySelector(".tabla-trabajador").innerHTML;
            var reembolsable = fila.querySelector(".tabla-reembolsable").innerHTML;
            var numero_pa = fila.querySelector(".tabla-numero-pa").innerHTML;

            var cantidadDeColumnaConValor = 0;

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

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

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

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

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

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

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


            if (contadorFila == contadorTabla && cantidadDeColumnaConValor == 1) {
                if (fila.querySelector(".tabla-tipo-moneda-articulo").innerHTML == "" || fila.querySelector(".tabla-tipo-moneda-articulo").innerHTML == null) {
                    fila.querySelector(".tabla-tipo-moneda-articulo").innerHTML = "CLP";
                }

                if (fila.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML == 0 || fila.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML == "0" ||
                    fila.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML == "") {
                    fila.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML = 0;
                    switch (fila.querySelector(".tabla-tipo-moneda-articulo").innerHTML) {
                        case "CLP":
                            fila.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "CLP $ 0";
                            break;

                        case "USD":
                            fila.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "USD $ 0";
                            break;

                        case "EUR":
                            fila.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "EUR € 0";
                            break;

                        case "UF":
                            fila.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "0 UF";
                            break;

                        case "UTM":
                            fila.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "0 UTM";
                            break;
                    }
                }

                if (trabajador.length == 0) {
                    fila.querySelector(".tabla-trabajador").innerHTML = "Sin Trabajador";
                }

                if (reembolsable.length == 0) {
                    fila.querySelector(".tabla-reembolsable").innerHTML = "No";
                }

                fila.querySelector(".tabla-accion-articulo").innerHTML =
                    '<button onclick="habilitarBotonConfirmarEliminacionArticulo(this)" type="button" class="btn btn-danger mr-1" data-toggle="tooltip" data-placement="top" title="Eliminar"><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" data-toggle="tooltip" data-placement="top" title="Duplicar"><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-costo-unitario-referenciado-numero">0</td>' +
                    '<td class="tabla-contador-articulo">' + contadorTabla + '</td>' +
                    '<td class="tabla-descipcion-articiculo" onclick="abrirModalDeEdicionDescripcionArticulo(this.parentElement)"></td>' +
                    '<td class="tabla-cantidad-articulo" onclick="editarColumnaCantidadDeArticulo(this)"></td>' +
                    '<td class="tabla-tipo-moneda-articulo" onclick="abrirModalDeTipoMonedaArticulo(this.parentElement)"></td>' +
                    '<td class="tabla-costo-unitario-referenciado" onclick="editarColumnaCostoUnitarioReferenciado(this)"></td>' +
                    '<td class="tabla-costo-total-referenciado"></td>' +
                    '<td class="tabla-reembolsable" onclick="abrirModalDeEdicionReembolsable(this.parentElement)"></td>' +
                    '<td class="tabla-numero-pa" onclick="editarColumnaNumeroEp(this)"></td>' +
                    '<td class="tabla-trabajador" onclick="abrirModalDeEdicionTrabajador(this.parentElement)"></td>' +
                    '<td class="tabla-accion-articulo"></td>' +
                    '</tr>';
            }
        }
    </script>

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

        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 + '" onfocus="reestablecerCampoSelecionadoCantidad(this)"  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 reestablecerCampoSelecionado(campo) {
            if (campo.value.length > 0) {
                if (parseInt(campo.parentElement.parentElement.parentElement.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML) > 0) {
                    campo.value = campo.parentElement.parentElement.parentElement.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML;
                } else {
                    campo.value = "";
                }
            }
        }

        function reestablecerCampoSelecionadoCantidad(campo) {
            if (campo.value.length > 0) {
                if (parseInt(campo.value) > 0) {
                    campo.value = campo.value;
                } else {
                    campo.value = "";
                }
            }
        }

        function establecerFormatoChilenoCosto(campo) {
            tipoColumnaActiva = "sin_campo";
            var elementoPadre = campo.parentElement.parentElement.parentElement;
            switch (elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML) {
                case "CLP":
                    if (campo.value.trim() != "") {
                        var valorParaParsearInt;
                        if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                            campo.value = campo.value.substr(1);
                        }

                        var valorParaParsearInt = campo.value.replace(",", ".");
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML = parseInt(valorParaParsearInt);
                        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-costo-unitario-referenciado").innerHTML = "CLP $ " + valor;
                        columnaActiva = false;
                        validarFilaTablaDeArticulo(elementoPadre);
                        ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                    } else {
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "CLP $ 0";
                        columnaActiva = false;
                        validarFilaTablaDeArticulo(elementoPadre);
                        ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                    }
                    break;

                case "USD":
                    if (campo.value.trim() != "") {
                        var valorParaParsearInt;
                        if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                            campo.value = campo.value.substr(1);
                        }

                        var valorParaParsearInt = campo.value.replace(",", ".");
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML = parseFloat(valorParaParsearInt);
                        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 = formatoMoneda.format(campo.value);
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "USD $ " + valor;
                        columnaActiva = false;
                        validarFilaTablaDeArticulo(elementoPadre);
                        ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                    } else {
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "USD $ 0";
                        columnaActiva = false;
                        validarFilaTablaDeArticulo(elementoPadre);
                        ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                    }
                    break;

                case "EUR":
                    if (campo.value.trim() != "") {
                        var valorParaParsearInt;
                        if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                            campo.value = campo.value.substr(1);
                        }

                        var valorParaParsearInt = campo.value.replace(",", ".");
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML = parseFloat(valorParaParsearInt);
                        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 = formatoMoneda.format(campo.value);
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "EUR € " + valor;
                        columnaActiva = false;
                        validarFilaTablaDeArticulo(elementoPadre);
                        ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                    } else {
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "EUR € 0";
                        columnaActiva = false;
                        validarFilaTablaDeArticulo(elementoPadre);
                        ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                    }
                    break;

                case "UF":
                    if (campo.value.trim() != "") {
                        var valorParaParsearInt;
                        if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                            campo.value = campo.value.substr(1);
                        }

                        var valorParaParsearInt = campo.value.replace(",", ".");
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML = parseFloat(valorParaParsearInt);
                        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 = formatoMoneda.format(campo.value);
                        valor = valor.replace("$", "");
                        valor = valor.replace("CLP", "");
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = valor + " UF";
                        columnaActiva = false;
                        validarFilaTablaDeArticulo(elementoPadre);
                        ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                    } else {
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "0 UF";
                        columnaActiva = false;
                        validarFilaTablaDeArticulo(elementoPadre);
                        ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                    }
                    break;

                case "UTM":
                    if (campo.value.trim() != "") {
                        var valorParaParsearInt;
                        if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                            campo.value = campo.value.substr(1);
                        }

                        var valorParaParsearInt = campo.value.replace(",", ".");
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML = parseInt(valorParaParsearInt);
                        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-costo-unitario-referenciado").innerHTML = valor + " UTM";
                        columnaActiva = false;
                        validarFilaTablaDeArticulo(elementoPadre);
                        ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                    } else {
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "0 UTM";
                        columnaActiva = false;
                        validarFilaTablaDeArticulo(elementoPadre);
                        ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                    }
                    break;
                default:
                    if (campo.value.trim() != "") {
                        var valorParaParsearInt;
                        if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                            campo.value = campo.value.substr(1);
                        }

                        var valorParaParsearInt = campo.value.replace(",", ".");
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML = parseInt(valorParaParsearInt);
                        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-costo-unitario-referenciado").innerHTML = "CLP $ " + valor;
                        columnaActiva = false;
                        validarFilaTablaDeArticulo(elementoPadre);
                        ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                    } else {
                        elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "CLP $ 0";
                        columnaActiva = false;
                        validarFilaTablaDeArticulo(elementoPadre);
                        ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos();
                    }
                    break;
            }
        }

        function editarColumnaCostoUnitarioReferenciado(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="establecerFormatoChilenoCosto(this)"  onkeypress="return permitirCarateresParaCosto(event,this)">' +
                    '</div>';

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

        function abrirModalDeEdicionDescripcionArticulo(fila) {
            filaActual = fila;
            tipoColumnaActiva = "articulo";
            document.getElementById("botonDescripcionArticulo").addEventListener("click", editarColumnaDescripcionArticulo);

            document.getElementById("formularioDescripcionArticulo").reset();
            document.getElementById("descripcionArticulo").value = filaActual.querySelector(".tabla-descipcion-articiculo").innerHTML;

            document.getElementById("valicacionCampoDescripcionArticulo").innerHTML = "";
            document.getElementById("descripcionArticulo").setAttribute("class", "form-control");

            $("#modalDescripcionArticulo").modal("show");
            $('#modalDescripcionArticulo').on('shown.bs.modal', function() {
                $('#descripcionArticulo').focus();
            })
            deshabilitarBotonesConfirmarEliminacionArticulo()
        }

        function editarColumnaDescripcionArticulo() {
            if (document.getElementById("descripcionArticulo").value.trim() != "") {
                filaActual.querySelector(".tabla-descipcion-articiculo").innerHTML = document.getElementById("descripcionArticulo").value.trim();
                $('#modalDescripcionArticulo').modal('hide');
                validarFilaTablaDeArticulo(filaActual);
                ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos()
            } else {
                document.getElementById("descripcionArticulo").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoDescripcionArticulo").innerHTML = "El campo descripción artículo es obligatorio";
            }
        }

        function abrirModalDeEdicionTrabajador(fila) {
            filaActual = fila;
            tipoColumnaActiva = "trabajador";
            document.getElementById("botonTrabajador").addEventListener("click", editarColumnaTrabajador);

            document.getElementById("formularioTrabajador").reset();
            document.getElementById("descripcionTrabajador").value = filaActual.querySelector(".tabla-trabajador").innerHTML;

            document.getElementById("valicacionCampoTrabajador").innerHTML = "";
            document.getElementById("descripcionTrabajador").setAttribute("class", "form-control");

            $("#modalTrabajador").modal("show");
            $('#modalTrabajador').on('shown.bs.modal', function() {
                $('#descripcionTrabajador').focus();
            })
            deshabilitarBotonesConfirmarEliminacionArticulo()
        }

        function editarColumnaTrabajador() {
            if (document.getElementById("descripcionTrabajador").value.trim() != "") {
                filaActual.querySelector(".tabla-trabajador").innerHTML = document.getElementById("descripcionTrabajador").value.trim();
                $('#modalTrabajador').modal('hide');
                validarFilaTablaDeArticulo(filaActual);
                ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos()
            } else {
                document.getElementById("descripcionTrabajador").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoTrabajador").innerHTML = "El campo trabajador es obligatorio";
            }
        }

        function abrirModalDeTipoMonedaArticulo(fila) {
            filaActual = fila;
            tipoColumnaActiva = "tipo_moneda";
            document.getElementById("botonSeleccionarTipoMoneda").addEventListener("click", editarColumnaTipoMoneda);

            datatableTipoMoneda.rows().deselect();

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

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

                filaActual.querySelector(".tabla-tipo-moneda-articulo").innerHTML = data[0];
                if (filaActual.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML > 0) {
                    switch (filaActual.querySelector(".tabla-tipo-moneda-articulo").innerHTML) {
                        case "CLP":
                            var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })

                            var valor = formatoMoneda.format(parseInt(filaActual.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            filaActual.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "CLP $ " + valor;
                            break;

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

                            var valor = formatoMoneda.format(parseFloat(filaActual.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            filaActual.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "USD $ " + valor;

                            break;

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

                            var valor = formatoMoneda.format(parseFloat(filaActual.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            filaActual.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "EUR € " + valor;
                            break;

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

                            var valor = formatoMoneda.format(parseFloat(filaActual.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            filaActual.querySelector(".tabla-costo-unitario-referenciado").innerHTML = valor + " UF";
                            break;

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

                            var valor = formatoMoneda.format(parseInt(filaActual.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            filaActual.querySelector(".tabla-costo-unitario-referenciado").innerHTML = valor + " UTM";
                            break;

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

                            var valor = formatoMoneda.format(parseInt(filaActual.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML));
                            valor = valor.replace("$", "");
                            valor = valor.replace("CLP", "");
                            filaActual.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "CLP $ " + valor;
                            break;
                    }
                } else {
                    switch (filaActual.querySelector(".tabla-tipo-moneda-articulo").innerHTML) {
                        case "CLP":
                            filaActual.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "CLP $ 0";
                            break;

                        case "USD":
                            filaActual.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "USD $ 0";
                            break;

                        case "EUR":
                            filaActual.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "EUR € 0";
                            break;

                        case "UF":
                            filaActual.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "0 UF";
                            break;

                        case "UTM":
                            filaActual.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "0 UTM";
                            break;

                        default:
                            filaActual.querySelector(".tabla-costo-unitario-referenciado").innerHTML = "CLP $ 0";
                            break;
                    }
                }

                $('#modalSelecionarTipoMoneda').modal('hide');
                validarFilaTablaDeArticulo(filaActual);
                ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos()
            }
        }

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

        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").innerHTML = valorReembolsable;
                if(valorReembolsable=="No"){
                    filaActual.querySelector(".tabla-numero-pa").innerHTML="";
                }
                $('#modalSelecionarReembolsable').modal('hide');
                validarFilaTablaDeArticulo(filaActual);
                ordenarCostoTotalReferenciadoDeLosRegistroDeArticulos()
            }
        }

        function editarColumnaNumeroEp(numero) {
            var elementoPadre = numero.parentElement;
            var reembolsable = elementoPadre.querySelector(".tabla-reembolsable").innerHTML
            if (reembolsable == "Si") {
                var habilitarImput = false;
                if (tipoColumnaActiva != "numero_ep") {
                    habilitarImput = true;
                }

                if (habilitarImput == true) {
                    columnaActiva = true;
                    tipoColumnaActiva = "numero_ep";
                    var valorNumero = numero.innerHTML;
                    var campoFormulario =
                        '<div class="form-group">' +
                        '<input type="text" class="form-control" id="numeroEp" value="' + valorNumero + '" onfocus="reestablecerCampoSelecionadoNumeroEp(this)"  onblur="desenfocarInputColumnaNumeroEp(this)" onkeypress="return permitirCarateresParaIngresarNumeroEp(event,this)">' +
                        '</div>';

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

        function reestablecerCampoSelecionadoNumeroEp(campo) {
            if (campo.value.length > 0) {
                if (parseInt(campo.value) > 0) {
                    campo.value = campo.value;
                } else {
                    campo.value = "";
                }
            }
        }

        function desenfocarInputColumnaNumeroEp(numero) {
            try {
                tipoColumnaActiva = "sin_campo";
                var elementoPadre = numero.parentElement.parentElement;
                var elementoAbuelo = numero.parentElement.parentElement.parentElement;
                if (numero.value.trim() == "") {
                    var valorCantidad = numero.value;
                }else {
                    var valorCantidad = parseInt(numero.value);
                }
                elementoPadre.innerHTML = valorCantidad;
                columnaActiva = false;
                validarFilaTablaDeArticulo(elementoAbuelo);
            } catch (e) {
                console.log(e);
            }
        }
    </script>

    <script>
        function validarCampos(data) {
            var tabIdError = "";

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

            if (typeof data.responseJSON.errors.numero_rq !== 'undefined') {
                document.getElementById("numeroRq").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoNumeroRq").innerHTML = data.responseJSON.errors.numero_rq;
                document.getElementById("valicacionCampoNumeroRq").style.display = "block";
                tabIdError = "custom-tabs-one-home-tab";
            } else {
                document.getElementById("numeroRq").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoNumeroRq").innerHTML = "";
                document.getElementById("valicacionCampoNumeroRq").style.display = "none";
            }

            if (typeof data.responseJSON.errors.fecha_solicitud !== 'undefined') {
                document.getElementById("fechaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampofechaSolicitud").innerHTML = data.responseJSON.errors.fecha_solicitud;
                document.getElementById("valicacionCampofechaSolicitud").style.display = "block";
                tabIdError = "custom-tabs-one-home-tab";
            } else {
                document.getElementById("fechaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampofechaSolicitud").innerHTML = "";
                document.getElementById("valicacionCampofechaSolicitud").style.display = "none";
            }

            if (document.getElementById("campoCentroCosto") != null && document.getElementById("campoCentroCosto") != undefined) {
                if (typeof data.responseJSON.errors.centro_costo !== 'undefined') {
                    document.getElementById("campoCentroCosto").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoCentroCosto").innerHTML = data.responseJSON.errors.centro_costo;
                    document.getElementById("valicacionCampoCentroCosto").style.display = "block";
                    tabIdError = "custom-tabs-one-home-tab";
                } else {
                    document.getElementById("campoCentroCosto").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoCentroCosto").innerHTML = "";
                    document.getElementById("valicacionCampoCentroCosto").style.display = "none";
                }
            } else {
                if (typeof data.responseJSON.errors.centro_costo !== 'undefined') {
                    document.getElementById("centroCosto").classList.remove('input-success-icon');
                    document.getElementById("centroCosto").classList.add('input-error-icon');
                    document.getElementById("valicacionCampoCentroCosto").innerHTML = data.responseJSON.errors.centro_costo;
                    document.getElementById("valicacionCampoCentroCosto").style.display = "block";
                    tabIdError = "custom-tabs-one-home-tab";
                } else {
                    document.getElementById("centroCosto").classList.remove('input-error-icon');
                    document.getElementById("centroCosto").classList.add('input-success-icon');
                    document.getElementById("valicacionCampoCentroCosto").innerHTML = "";
                    document.getElementById("valicacionCampoCentroCosto").style.display = "none";
                }
            }

            if (typeof data.responseJSON.errors.proyecto !== 'undefined') {
                document.getElementById("proyecto").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoProyecto").innerHTML = data.responseJSON.errors.proyecto;
                document.getElementById("valicacionCampoProyecto").style.display = "block";
                tabIdError = "custom-tabs-one-home-tab";
            } else {
                document.getElementById("proyecto").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoProyecto").innerHTML = "";
                document.getElementById("valicacionCampoProyecto").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 = "";
                    }

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

            if (tabIdError != "") {
                document.getElementById(tabIdError).click();
            }
        }

        function obtenerDatosDeLaTablaEnUnaArraglo() {
            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 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 costoTotalReferenciado = elementoPadre.querySelector(".tabla-costo-total-referenciado").innerHTML;
                    var costoUnitarioReferenciadoNumero = elementoPadre.querySelector(".tabla-costo-unitario-referenciado-numero").innerHTML;
                    var tipoMonedadArticulo = elementoPadre.querySelector(".tabla-tipo-moneda-articulo").innerHTML;
                    var trabajador = elementoPadre.querySelector(".tabla-trabajador").innerHTML;
                    var reembolsable = elementoPadre.querySelector(".tabla-reembolsable").innerHTML;
                    var numeroEp = elementoPadre.querySelector(".tabla-numero-pa").innerHTML;

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

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

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

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

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

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

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

                    if (reembolsable == "Si") {
                        if (numeroEp.length == "") {
                            filasConCamposVacios = true;
                        }
                    }

                    var articulo = {
                        descripcionArticulo: descripcionArticulo,
                        cantidad: cantidadArticulo,
                        costoUnitarioReferenciado: costoUnitarioReferenciado,
                        costoUnitarioReferenciadoNumero: costoUnitarioReferenciadoNumero,
                        tipoMonedadArticulo: tipoMonedadArticulo,
                        trabajador: trabajador,
                        reembolsable: reembolsable,
                        numeroEp:numeroEp
                    }
                    listadoDeArticulo.push(articulo);
                }
            });
            listadoDeArticulo = JSON.stringify(listadoDeArticulo);
            return {
                "listadoDeArticulo": listadoDeArticulo,
                "tablaArticuloconRegistro": tablaArticuloconRegistro,
                "filasConCamposVacios": filasConCamposVacios
            };
        }

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

            var datosTabla = obtenerDatosDeLaTablaEnUnaArraglo();
            var listadoDeArticulo = datosTabla.listadoDeArticulo;

            if (datosTabla.tablaArticuloconRegistro == false) {
                document.getElementById("errorListadoArticulo").innerHTML = "No es posible generar la requisición, no hay artículos asociado";
                document.getElementById("errorListadoArticulo").style.display = "block";
                listadoDeArticulo = "";
            }

            if (datosTabla.filasConCamposVacios == true) {
                document.getElementById("errorListadoArticulo").innerHTML = "No es posible generar la requisición, algunos artículos le falta datos, complételos para generar la requisición";
                document.getElementById("errorListadoArticulo").style.display = "block";
                listadoDeArticulo = "";
            }

            var formData = new FormData();
            formData.append('numero_rq', document.getElementById("numeroRq").value);
            formData.append('fecha_solicitud', document.getElementById("fechaSolicitud").value);
            formData.append('centro_costo', document.getElementById("centroCosto").value);
            formData.append('proyecto', document.getElementById("proyecto").value);
            formData.append('observacion', document.getElementById("observacion").value);
            formData.append('listadoDeArticulos', listadoDeArticulo);

            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);

            var csrf = '{{ csrf_token() }}';
            $.ajax({
                url: '{{ route('requisicion.store') }}',
                method: 'POST',
                data: formData,
                contentType: false,
                processData: false,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    eliminarLoading()
                    Swal.fire({
                            icon: 'success',
                            title: '¡Creado!',
                            text: 'La requisición ' + data.numero_rq + ' se genero con éxito',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.reload();
                        })
                        .catch((error) => {
                            location.reload();
                        });
                },
                error: function(data) {
                    console.log(data)
                    validarCampos(data)
                    eliminarLoading()
                }
            })
        }

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

            var datosTabla = obtenerDatosDeLaTablaEnUnaArraglo();
            var listadoDeArticulo = datosTabla.listadoDeArticulo;

            var formData = new FormData();
            formData.append('numero_rq', document.getElementById("numeroRq").value);
            formData.append('fecha_solicitud', document.getElementById("fechaSolicitud").value);
            formData.append('centro_costo', document.getElementById("centroCosto").value);
            formData.append('proyecto', document.getElementById("proyecto").value);
            formData.append('observacion', document.getElementById("observacion").value);
            formData.append('listadoDeArticulos', listadoDeArticulo);

            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);

            var csrf = '{{ csrf_token() }}';
            $.ajax({
                url: '{{ route('requisicion.guardar-borrador') }}',
                //type: 'POST',
                method: 'POST',
                data: formData,
                contentType: false,
                processData: false,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    eliminarLoading()
                    Swal.fire({
                            icon: 'success',
                            title: '¡Borrador Guardado!',
                            text: 'La requisición ' + data.numero_rq + ' se guardo como borrador',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.reload();
                        })
                        .catch((error) => {
                            location.reload();
                        });
                },
                error: function(data) {
                    console.log(data);
                    if (typeof data.responseJSON.errors.numero_rq !== 'undefined') {
                        document.getElementById("numeroRq").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampoNumeroRq").innerHTML = data.responseJSON.errors.numero_rq;
                        document.getElementById("valicacionCampoNumeroRq").style.display = "block";
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("numeroRq").setAttribute("class", "form-control is-valid");
                        document.getElementById("valicacionCampoNumeroRq").innerHTML = "";
                        document.getElementById("valicacionCampoNumeroRq").style.display = "none";
                    }

                    if (typeof data.responseJSON.errors.fecha_solicitud !== 'undefined') {
                        document.getElementById("fechaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampofechaSolicitud").innerHTML = data.responseJSON.errors.fecha_solicitud;
                        document.getElementById("valicacionCampofechaSolicitud").style.display = "block";
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("fechaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("valicacionCampofechaSolicitud").innerHTML = "";
                        document.getElementById("valicacionCampofechaSolicitud").style.display = "none";
                    }

                    if (document.getElementById("campoCentroCosto") != null && document.getElementById("campoCentroCosto") != undefined) {
                        if (typeof data.responseJSON.errors.centro_costo !== 'undefined') {
                            document.getElementById("campoCentroCosto").setAttribute("class", "form-control is-invalid");
                            document.getElementById("valicacionCampoCentroCosto").innerHTML = data.responseJSON.errors.centro_costo;
                            document.getElementById("valicacionCampoCentroCosto").style.display = "block";
                            tabIdError = "custom-tabs-one-home-tab";
                        } else {
                            document.getElementById("campoCentroCosto").setAttribute("class", "form-control is-valid");
                            document.getElementById("valicacionCampoCentroCosto").innerHTML = "";
                            document.getElementById("valicacionCampoCentroCosto").style.display = "none";
                        }
                    } else {
                        if (typeof data.responseJSON.errors.centro_costo !== 'undefined') {
                            document.getElementById("centroCosto").classList.remove('input-success-icon');
                            document.getElementById("centroCosto").classList.add('input-error-icon');
                            document.getElementById("valicacionCampoCentroCosto").innerHTML = data.responseJSON.errors.centro_costo;
                            document.getElementById("valicacionCampoCentroCosto").style.display = "block";
                            tabIdError = "custom-tabs-one-home-tab";
                        } else {
                            document.getElementById("centroCosto").classList.remove('input-error-icon');
                            document.getElementById("centroCosto").classList.add('input-success-icon');
                            document.getElementById("valicacionCampoCentroCosto").innerHTML = "";
                            document.getElementById("valicacionCampoCentroCosto").style.display = "none";
                        }
                    }

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

                    if (typeof data.responseJSON.errors.autorizador !== 'undefined') {
                        document.getElementById("autorizador").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampoAutorizador").innerHTML = data.responseJSON.errors.autorizador;
                        document.getElementById("valicacionCampoAutorizador").style.display = "block";
                        tabIdError = "custom-tabs-one-home-tab";
                    } else {
                        document.getElementById("autorizador").setAttribute("class", "form-control is-valid");
                        document.getElementById("valicacionCampoAutorizador").innerHTML = "";
                        document.getElementById("valicacionCampoAutorizador").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 = "";
                    }

                    document.getElementById("botonBorrador").removeAttribute("disabled");
                    eliminarLoading()
                }
            })
        }
    </script>
@stop