@extends('adminlte::page')

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

@section('title', 'Intranet | Cierres De Servicios')

@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-12">
                <div class="card card-aspen">
                    <div class="card-header">
                        <h3 class="card-title">Cierres De Servicios</h3>
                    </div>

                    <div class="card-body">
                        <div class="alert alert-danger" role="alert" style="display: none;" id="errorListadoArticulo">
                            La orden de compra debe tener asociado al menos un artículo/servicio 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>
                                            <div class="form-group">
                                                <div class="custom-control custom-checkbox">
                                                    <input class="custom-control-input" type="checkbox" id="seleccionarTodasLosItemDocumentos" onclick="selecionarTodasLosItemsDocumentos(this)">
                                                    <label for="seleccionarTodasLosItemDocumentos" class="custom-control-label">Seleccion Documento</label>
                                                </div>
                                            </div>
                                        </th>
                                        <th>Nombre Servicio</th>
                                        <th>Cantidad Servicio Oc</th>
                                        <th>Cantidad Del Servicio Cerrados</th>
                                        <th>CC</th>
                                        <th>RQ</th>
                                        <th>OC</th>
                                        <th>Cantidad Del Servicio Por Cerrar</th>
                                        <th>Guia Despacho</th>
                                        <th>Factura</th>
                                        <th>Acción</th>
                                    </tr>
                                </thead>
                                <tbody id="tablaBodyConExportacionConFiltrado">

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

                        <button type="button" class="btn btn-aspen mt-1" onclick="abrirModalSeleccionarOc()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Añadir Cierres De Servicios</button>
                        <button type="button" class="btn btn-info mt-1" onclick="abrirModalSubirDocumentos() "><i class="fas fa-upload" style="margin-right: 2px;"></i> Añadir Documento</button>
                        <button type="button" class="btn btn-danger mt-1" onclick="abrirModalBorrarDocumentos()"><i class="fas fa-trash" style="margin-right: 2px;"></i> Borrar Documento</button>
                    </div>

                    <div class=" card-footer">
                        <button type="button" class="btn btn-aspen" id="botonDeCreacion" onclick="registrarCierresDeServicios()"><i class="fas fa-save" style="margin-right: 2px;"></i> Guardar Cierres De Servicios</button>
                        <a href="{{ route('cierre-servicio.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="modal fade" id="modalOrdenDeCompra" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="tituloOrdenDeCompra">Listado De Ordenes De Compras </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-orden-compra" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Id Orden Compra</th>
                                        <th>Número OC</th>
                                        <th>Fecha OC</th>
                                        <th>Razon Social Proveedor</th>
                                        <th>Nombre Del Generador De La OC</th>
                                        <th>Monto Total De La OC</th>
                                        <th>Sucursal</th>
                                    </tr>
                                </thead>
                                <tbody>

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

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

    <div class="modal fade" id="modalArticuloOrdenDeCompra" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="tituloArticuloOrdenDeCompra">Listado Articulos De La Orden De Compra </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;" onclick='document.getElementById("seleccionarTodasLosItem").checked = false;'>
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">


                        <div class="table-responsive">
                            <table class="table" id="datatable-articulos-orden-compra" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>
                                            <div class="form-group">
                                                <div class="custom-control custom-checkbox">
                                                    <input class="custom-control-input" type="checkbox" id="seleccionarTodasLosItem" onclick="selecionarTodasLosItems(this)">
                                                    <label for="seleccionarTodasLosItem" class="custom-control-label">Acciones</label>
                                                </div>
                                            </div>
                                        </th>
                                        <th>Código Servicio</th>
                                        <th>Nombre Servicio</th>
                                        <th>Cantidad</th>
                                        <th>Precio Total</th>
                                        <th>CC</th>
                                        <th>RQ</th>
                                        <th>OC</th>
                                        <th>Cantidad Servicio Cerrado</th>
                                    </tr>
                                </thead>
                                <tbody id="tabla-articulos-de-una-orden-compra">

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

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick='document.getElementById("seleccionarTodasLosItem").checked = false;'>Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonSeleccionarArticuloOc" onclick="agregarServicioOrdenDeCompra()">Añadir Articulos</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <!--<div class="modal fade" id="modalCampoEditarCantidadEntrada" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <form>
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header" style="background-color: #007bff; color:white;">
                                <h5 class="modal-title" id="tituloCampoEditarCantidadEntrada">Editar Cantidad Por Cerrar</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>Cantidad Por Cerrar</label>
                                    <input type="text" id="campoEditarCantidadEntrada" class="form-control" name="bodega" onkeypress="return permitirCarateresParaIngresarCantidadEntrada(event,this)">
                                    <div class="invalid-feedback" id="valicacionCampoEditarCantidadEntrada">

                                    </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="botonCampoEditarCantidadEntrada" onclick="editarColumnaCantidaPorCerrarConModal()">Editar</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>-->

    <div class="modal fade" id="modalAnadirGuiaDespacho" 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" id="tituloAnadirGuiaDespacho">Añadir Guía De Despacho</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>Fecha guía de despacho</label>
                            <input type="date" id="campoAnadirFechaGuiaDespacho" class="form-control">
                            <div class="invalid-feedback" id="valicacionCampoAnadirFechaGuiaDespacho">

                            </div>
                        </div>

                        <div class="form-group">
                            <label>Nº guía de despacho</label>
                            <input type="text" id="campoAnadirNumeroGuiaDespacho" class="form-control">
                            <div class="invalid-feedback" id="valicacionCampoAnadirNumeroGuiaDespacho">

                            </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="botonAnadirGuiaDespacho" onclick="ingresarNuevoDatosGuiaDeDespacho()">Guardar Datos</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalVerGuiaDespacho" 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" id="tituloVerGuiaDespacho">Detalle Guía De Despacho</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>Fecha guía de despacho</label>
                            <input style="cursor: not-allowed; background-color: #D7DADE;" type="date" id="campoVerFechaGuiaDespacho" class="form-control" readonly="true">
                        </div>

                        <div class="form-group">
                            <label>Nº guía de despacho</label>
                            <input style="cursor: not-allowed; background-color: #D7DADE;" type="text" id="campoVerNumeroGuiaDespacho" class="form-control" readonly="true">
                        </div>

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

    <div class="modal fade" id="modalEditarGuiaDespacho" 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" id="tituloEditarGuiaDespacho">Editar Guía De Despacho</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>Fecha guía de despacho</label>
                            <input type="date" id="campoEditarFechaGuiaDespacho" class="form-control">
                            <div class="invalid-feedback" id="valicacionCampoEditarFechaGuiaDespacho">

                            </div>
                        </div>

                        <div class="form-group">
                            <label>Nº guía de despacho</label>
                            <input type="text" id="campoEditarNumeroGuiaDespacho" class="form-control">
                            <div class="invalid-feedback" id="valicacionCampoEditarNumeroGuiaDespacho">

                            </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="botonEditarGuiaDespacho" onclick="editarDatosGuiaDespacho()">Editar Datos</button>
                        <button type="button" class="btn btn-danger" id="botonEliminarGuiaDespacho" onclick="eliminarDatosGuiaDespacho()">Eliminar Datos</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalAnadirFactura" 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" id="tituloAnadirFactura">Añadir Factura</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>Fecha factura</label>
                            <input type="date" id="campoAnadirFechaFactura" class="form-control">
                            <div class="invalid-feedback" id="valicacionCampoAnadirFechaFactura">

                            </div>
                        </div>

                        <div class="form-group">
                            <label>Nº factura</label>
                            <input type="text" id="campoAnadirNumeroFactura" class="form-control">
                            <div class="invalid-feedback" id="valicacionCampoAnadirNumeroFactura">

                            </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="botonAnadirFactura" onclick="ingresarNuevoDatosFactura()">Guardar Datos</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalVerFactura" 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" id="tituloVerFactura">Detalle Factura</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>Fecha factura</label>
                            <input style="cursor: not-allowed; background-color: #D7DADE;" type="date" id="campoVerFechaFactura" class="form-control" readonly="true">
                        </div>

                        <div class="form-group">
                            <label>Nº factura</label>
                            <input style="cursor: not-allowed; background-color: #D7DADE;" type="text" id="campoVerNumeroFactura" class="form-control" readonly="true">
                        </div>

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

    <div class="modal fade" id="modalEditarFactura" 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" id="tituloEditarFactura">Editar Factura</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>Fecha factura</label>
                            <input type="date" id="campoEditarFechaFactura" class="form-control">
                            <div class="invalid-feedback" id="valicacionCampoEditarFechaFactura">

                            </div>
                        </div>

                        <div class="form-group">
                            <label>Nº factura</label>
                            <input type="text" id="campoEditarNumeroFactura" class="form-control">
                            <div class="invalid-feedback" id="valicacionCampoEditarNumeroFactura">

                            </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="botonEditarFactura" onclick="editarDatosFactura()">Editar Datos</button>
                        <button type="button" class="btn btn-danger" id="botonEliminarFactura" onclick="eliminarDatosFactura()">Eliminar Datos</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalSubirDocumento" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="tituloSubirDocumento">Subir Documento</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;" onclick="deseleccionarArticulos()">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="form-group">
                            <label>Fecha De Documento</label>
                            <input type="date" id="campoFechaDocumento" class="form-control">
                            <div class="invalid-feedback" id="valicacionCampoFechaDocumento">

                            </div>
                        </div>

                        <div class="form-group">
                            <label>Tipo De Documento</label>
                            <select class="form-control listaDespegableConBuscador " id="tipoDeDocumento" data-live-search="true">
                                <option value="">--Seleccionar Tipo De Documento --</option>
                                @foreach ($tiposDocumentos as $tipo)
                                    <option value="{{ $tipo }}">{{ $tipo }}</option>
                                @endforeach
                            </select>
                            <div class="invalid-feedback" id="validarCampoTipoDeDocumento">

                            </div>
                        </div>

                        <div class="form-group">
                            <label>Nº De Documento</label>
                            <input type="text" id="campoNumeroDocumento" class="form-control">
                            <div class="invalid-feedback" id="valicacionCampoNumeroDocumento">

                            </div>
                        </div>

                        <div class="table-responsive">
                            <table class="table" id="tabla-articulo-subir-documento" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Nombre Artículo</th>
                                        <th>Cantidad</th>
                                        <th>Cantidad Del Servicio Cerrados</th>
                                        <th>CC</th>
                                        <th>RQ</th>
                                        <th>OC</th>
                                    </tr>
                                </thead>
                                <tbody id="tabla-body-articulo-subir-documento">

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


                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="deseleccionarArticulos()">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonSubirDocumento" onclick="guardarDocumentos()">Guardar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalBorrarDocumento" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="tituloBorrarDocumento">Subir Documento</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;" onclick="deseleccionarArticulos()">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="form-group">
                            <label>Tipo De Documento</label>
                            <select class="form-control listaDespegableConBuscador " id="tipoDeDocumentoBorrarDocumento" data-live-search="true">
                                <option value="">--Seleccionar Tipo De Documento --</option>
                                @foreach ($tiposDocumentosParaBorrar as $tipo)
                                    <option value="{{ $tipo }}">{{ $tipo }}</option>
                                @endforeach
                            </select>
                            <div class="invalid-feedback" id="validarCampoTipoDeDocumentoBorrarDocumento">

                            </div>
                        </div>

                        <div class="table-responsive">
                            <table class="table" id="tabla-articulo-borrar-documento" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Nombre Artículo</th>
                                        <th>Cantidad</th>
                                        <th>Cantidad En Bodega</th>
                                        <th>CC</th>
                                        <th>RQ</th>
                                        <th>OC</th>
                                    </tr>
                                </thead>
                                <tbody id="tabla-body-articulo-borrar-documento">

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


                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="deseleccionarArticulos()">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonBorrarDocumento" onclick="borrarDocumentos()">Borrar Documento</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@stop

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

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

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

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

        }

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

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

        .tamanoImagen {
            max-width: 80%;
        }

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

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

        }
    </style>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
    <script>
        $('#tipoDeDocumento').selectpicker({
            dropupAuto: false
        });
    </script>

    <script>
        var datatableOrdenesDeCompra = $("#datatable-orden-compra").DataTable({
            columnDefs: [{
                "targets": [0],
                "className": "hide_column"
            }, ],
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{ route('orden-de-compra.obtener-registros-datatable-pora-entrada-bodega') }}',
                dataType: "json",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}"
                },
            },
            columns: [{
                    "data": "id",
                    "name": "id"
                },
                {
                    "data": "numero_oc",
                    "name": "numero_oc"
                },
                {
                    "data": "fecha_oc",
                    "name": "fecha_oc"
                },
                {
                    "data": "razon_social",
                    "name": "razon_social"
                },
                {
                    "data": "generador_de_la_oc",
                    "name": "generador_de_la_oc"
                },
                {
                    "data": "monto_total",
                    "name": "monto_total"
                }, {
                    "data": "sucursal",
                    "name": "sucursal"
                }
            ],
            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-orden-compra thead tr").clone(true).appendTo("#datatable-orden-compra thead");

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

    <script>
        var columnaActiva = false;
        var tipoColumnaActiva = ""
        var contadorTabla = 0;
        var filaActual;

        function permitirCarateresParaIngresarCantidadEntrada(event, cantidad) {
            if (event.key === "Enter") {
                cantidad.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                var elementoPadre = cantidad.parentElement.parentElement;
                var elementoAbuelo = cantidad.parentElement.parentElement.parentElement;
                var valorCantidad = cantidad.value;

                if (valorCantidad != "") {
                    var campoCantidadEntradaNumero = parseInt(valorCantidad);
                    if (campoCantidadEntradaNumero > 0) {
                        var cantidadArticuloOc = parseInt(filaActual.querySelector(".tabla-cantidad-articulo-cerrada").innerHTML.trim());
                        var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                        var recorridoDeListaPasoPorCantidadBodega = false;
                        var cantidad = 0;
                        var cantidadCierreDeServicio = 0;

                        filas.forEach(elementoPadre => {
                            var cantidadEnBodegaArticulo = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrado-cerrada").innerHTML;
                            var campoCantidadEntrada = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrada-agregar").innerHTML;
                            if (filaActual.querySelector(".tabla-id-articulo-oc-cerrada").innerHTML == elementoPadre.querySelector(".tabla-id-articulo-oc-cerrada").innerHTML) {
                                if (cantidadEnBodegaArticulo.trim() != "" && recorridoDeListaPasoPorCantidadBodega == false) {
                                    cantidad += parseInt(cantidadEnBodegaArticulo.trim());
                                    cantidadCierreDeServicio += parseInt(cantidadEnBodegaArticulo.trim());
                                    recorridoDeListaPasoPorCantidadBodega = true;
                                }

                                if (elementoPadre.querySelector(".tabla-cantidad-servicio-cerrada-agregar").querySelector("#campoEditarCantidadEntrada")) {
                                    var campoCantidadEntradaInput = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrada-agregar").querySelector("#campoEditarCantidadEntrada").value;
                                    if (campoCantidadEntradaInput.trim() != "") {
                                        cantidad += parseInt(campoCantidadEntradaInput.trim());
                                        cantidadCierreDeServicio += parseInt(campoCantidadEntradaInput.trim());
                                    } else {
                                        cantidad++;
                                        cantidadCierreDeServicio++;
                                    }
                                } else {
                                    if (campoCantidadEntrada.trim() != "") {
                                        cantidad += parseInt(campoCantidadEntrada.trim());
                                        cantidadCierreDeServicio += parseInt(campoCantidadEntrada.trim());
                                    } else {
                                        cantidad++;
                                        cantidadCierreDeServicio++;
                                    }
                                }
                            }
                        });

                        if (filaActual.querySelector(".tabla-cantidad-servicio-cerrada-agregar").querySelector("#campoEditarCantidadEntrada").value != "") {
                            cantidad -= parseInt(filaActual.querySelector(".tabla-cantidad-servicio-cerrada-agregar").querySelector("#campoEditarCantidadEntrada").value);
                            cantidadCierreDeServicio -= parseInt(filaActual.querySelector(".tabla-cantidad-servicio-cerrada-agregar").querySelector("#campoEditarCantidadEntrada").value);
                            if (cantidad < 0) {
                                cantidad = 0;
                            }
                        } else {
                            cantidad--;
                            cantidadCierreDeServicio--;
                            if (cantidad < 0) {
                                cantidad = 0;
                            }
                        }
                        cantidad = cantidad + parseInt(valorCantidad);

                        if (cantidad > cantidadArticuloOc) {
                            const Toast = Swal.mixin({
                                toast: true,
                                position: 'top-end',
                                showConfirmButton: false,
                                timer: 14000,
                                width: '1000px'
                            });

                            cantidadCierreDeServicio = parseInt(filaActual.querySelector(".tabla-cantidad-articulo-cerrada").innerHTML) - cantidadCierreDeServicio;
                            elementoPadre.innerHTML = "";
                            columnaActiva = false;
                            var mensajeDeError =
                                "El campo cantidad del servicio por cerrar del servicio " + filaActual.querySelector(".tabla-nombre-articulo-cerrada").innerHTML + " no debe superar el numero " +
                                cantidadCierreDeServicio + " que es la cantidad maxima que se puede cerrar en esta fila. <br/><br/>Nota: La cantidad maxima a registrar es la suma total del campo cantidad " +
                                "del servicio por cerrar y la cantidad del servicio que ya se encuentra cerrada, en caso que el campo cantidad del servicio por cerrar no tenga datos su valor sera 1.";

                            Toast.fire({
                                icon: 'error',
                                title: mensajeDeError
                            })
                        } else {
                            elementoPadre.innerHTML = valorCantidad;
                            columnaActiva = false;
                        }

                    } else {
                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 5000
                        });
                        elementoPadre.innerHTML = "";
                        columnaActiva = false;
                        Toast.fire({
                            icon: 'error',
                            title: "El campo cantidad del servicio por cerrar debe ser mayor que cero"
                        })
                    }
                } else {
                    const Toast = Swal.mixin({
                        toast: true,
                        position: 'top-end',
                        showConfirmButton: false,
                        timer: 5000
                    });
                    elementoPadre.innerHTML = valorCantidad;
                    columnaActiva = false;
                    Toast.fire({
                        icon: 'error',
                        title: "El campo cantidad del servicio por cerrar es obligatorio"
                    })
                }
            } 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 editarColumnaCantidadEntrada(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="campoCantidadeEntrada" value="' + valorCantidad + '"  onblur="desenfocarInputColumnaCantidadEntrada(this)" onkeypress="return permitirCarateresParaIngresarCantidadEntrada(event,this)">' +
                    '<div class="invalid-feedback" id="valicacionCampoCantidadeEntrada"></div>'+
                    '</div>';

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

        }

        function desenfocarInputColumnaCantidadEntrada(cantidad) {
            try {
                var elementoPadre = cantidad.parentElement.parentElement;
                var elementoAbuelo = cantidad.parentElement.parentElement.parentElement;
                var valorCantidad = cantidad.value.trim();
                var cantidadArticulo=elementoAbuelo.querySelector(".tabla-cantidad-articulo-entrada").innerHTML;
                var cantidadEnBodegaArticulo=elementoAbuelo.querySelector(".tabla-cantidad-en-bodega-articulo-entrada").innerHTML;
                tipoColumnaActiva = "sin_campo";
                elementoPadre.innerHTML = valorCantidad;
                columnaActiva = false;
            } catch (e) {
                console.log(e);
            }
        }

        function obtenerLaCantidadDeEntradaTotalDelArticuloOrdenCompra(){
            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            var cantidad=0;
            filas.forEach(elementoPadre => {
                tablaArticuloconRegistro = true;
                var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo-entrada").innerHTML;
                var cantidadEnBodegaArticulo = elementoPadre.querySelector(".tabla-cantidad-en-bodega-articulo-entrada").innerHTML;
                var campoCantidadEntrada = elementoPadre.querySelector(".tabla-cantidad-agregar-articulo-entrada");
                if(campoCantidadEntrada.querySelector(".form-group")){
                }else{
                    var campoCantidadEntradaValor=campoCantidadEntrada.innerHTML;
                    if(campoCantidadEntradaValor.trim()!=""){
                        cantidad+=parseInt(campoCantidadEntradaValor.trim());
                        cantidad+=parseInt(campoCantidadEntrada.trim());
                    }
                }
            });
            return cantidad;
        }

        function abrirModalEditarCantidadPorCerrar(fila) {
            filaActual = fila;
            tipoColumnaActiva = "cantidad-entrada";
            document.getElementById("campoEditarCantidadEntrada").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoEditarCantidadEntrada").innerHTML = "";
            document.getElementById("campoEditarCantidadEntrada").value = filaActual.querySelector(".tabla-cantidad-servicio-cerrada-agregar").innerHTML;
            $("#modalCampoEditarCantidadEntrada").modal("show");
            deshabilitarBotonesConfirmarEliminacionArticulo()
        }

        function editarColumnaCantidaPorCerrarConModal() {
            if (document.getElementById("campoEditarCantidadEntrada").value.trim() != "") {
                var campoCantidadEntradaNumero = parseInt(document.getElementById("campoEditarCantidadEntrada").value.trim());
                if (campoCantidadEntradaNumero > 0) {
                    var cantidadArticuloOc = parseInt(filaActual.querySelector(".tabla-cantidad-articulo-cerrada").innerHTML.trim());
                    var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                    var recorridoDeListaPasoPorCantidadBodega = false;
                    var cantidad = 0;

                    filas.forEach(elementoPadre => {
                        var cantidadEnBodegaArticulo = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrado-cerrada").innerHTML;
                        var campoCantidadEntrada = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrada-agregar").innerHTML;
                        if (filaActual.querySelector(".tabla-id-articulo-oc-cerrada").innerHTML == elementoPadre.querySelector(".tabla-id-articulo-oc-cerrada").innerHTML) {
                            if (cantidadEnBodegaArticulo.trim() != "" && recorridoDeListaPasoPorCantidadBodega == false) {
                                cantidad += parseInt(cantidadEnBodegaArticulo.trim());
                                recorridoDeListaPasoPorCantidadBodega = true;
                            }

                            if (campoCantidadEntrada.trim() != "") {
                                cantidad += parseInt(campoCantidadEntrada.trim());
                            }
                        }
                    });

                    if (filaActual.querySelector(".tabla-cantidad-servicio-cerrada-agregar").innerHTML != "") {
                        cantidad -= parseInt(filaActual.querySelector(".tabla-cantidad-servicio-cerrada-agregar").innerHTML);
                        if (cantidad < 0) {
                            cantidad = 0;
                        }
                    }
                    cantidad = cantidad + parseInt(document.getElementById("campoEditarCantidadEntrada").value.trim());

                    if (cantidad > cantidadArticuloOc) {
                        document.getElementById("campoEditarCantidadEntrada").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampoEditarCantidadEntrada").innerHTML =
                            "El campo cantidad por cerrar del servicio " + filaActual.querySelector(".tabla-nombre-articulo-cerrada").innerHTML + " no debe superar el numero " +
                            filaActual.querySelector(".tabla-cantidad-articulo-cerrada").innerHTML + " que es la cantidad maxima que se registrar para cerrarla.";
                    } else {
                        filaActual.querySelector(".tabla-cantidad-servicio-cerrada-agregar").innerHTML = document.getElementById("campoEditarCantidadEntrada").value.trim();
                        $("#modalCampoEditarCantidadEntrada").modal("hide");
                    }

                } else {
                    document.getElementById("campoEditarCantidadEntrada").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoEditarCantidadEntrada").innerHTML = "El campo cantidad entrada debe ser mayor que cero";
                }
            } else {
                document.getElementById("campoEditarCantidadEntrada").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoEditarCantidadEntrada").innerHTML = "El campo cantidad entrada es obligatorio";
            }
        }
        */

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

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

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

        function editarColumnaCantidaPorCerrarConModal(cantidad) {
            tipoColumnaActiva = "sin_campo";
            var elementoPadre = cantidad.parentElement.parentElement;
            var elementoAbuelo = cantidad.parentElement.parentElement.parentElement;
            var valorCantidad = cantidad.value.trim();

            if (valorCantidad != "") {
                var campoCantidadEntradaNumero = parseInt(valorCantidad);
                if (campoCantidadEntradaNumero > 0) {
                    var cantidadArticuloOc = parseInt(filaActual.querySelector(".tabla-cantidad-articulo-cerrada").innerHTML.trim());
                    var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                    var recorridoDeListaPasoPorCantidadBodega = false;
                    var cantidad = 0;
                    var cantidadCierreDeServicio = 0;

                    filas.forEach(elementoPadre => {
                        var cantidadEnBodegaArticulo = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrado-cerrada").innerHTML;
                        var campoCantidadEntrada = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrada-agregar").innerHTML;
                        if (filaActual.querySelector(".tabla-id-articulo-oc-cerrada").innerHTML == elementoPadre.querySelector(".tabla-id-articulo-oc-cerrada").innerHTML) {
                            if (cantidadEnBodegaArticulo.trim() != "" && recorridoDeListaPasoPorCantidadBodega == false) {
                                cantidad += parseInt(cantidadEnBodegaArticulo.trim());
                                cantidadCierreDeServicio += parseInt(cantidadEnBodegaArticulo.trim());
                                recorridoDeListaPasoPorCantidadBodega = true;
                            }

                            if (elementoPadre.querySelector(".tabla-cantidad-servicio-cerrada-agregar").querySelector("#campoEditarCantidadEntrada")) {
                                var campoCantidadEntradaInput = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrada-agregar").querySelector("#campoEditarCantidadEntrada").value;
                                if (campoCantidadEntradaInput.trim() != "") {
                                    cantidad += parseInt(campoCantidadEntradaInput.trim());
                                    cantidadCierreDeServicio += parseInt(campoCantidadEntradaInput.trim());
                                } else {
                                    cantidad++;
                                    cantidadCierreDeServicio++;
                                }
                            } else {
                                if (campoCantidadEntrada.trim() != "") {
                                    cantidad += parseInt(campoCantidadEntrada.trim());
                                    cantidadCierreDeServicio += parseInt(campoCantidadEntrada.trim());
                                } else {
                                    cantidad++;
                                    cantidadCierreDeServicio++;
                                }
                            }
                        }
                    });

                    if (filaActual.querySelector(".tabla-cantidad-servicio-cerrada-agregar").querySelector("#campoEditarCantidadEntrada").value != "") {
                        cantidad -= parseInt(filaActual.querySelector(".tabla-cantidad-servicio-cerrada-agregar").querySelector("#campoEditarCantidadEntrada").value);
                        cantidadCierreDeServicio -= parseInt(filaActual.querySelector(".tabla-cantidad-servicio-cerrada-agregar").querySelector("#campoEditarCantidadEntrada").value);
                        if (cantidad < 0) {
                            cantidad = 0;
                        }
                    } else {
                        cantidad--;
                        cantidadCierreDeServicio--;
                        if (cantidad < 0) {
                            cantidad = 0;
                        }
                    }
                    cantidad = cantidad + parseInt(valorCantidad);

                    if (cantidad > cantidadArticuloOc) {
                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 14000,
                            width: '1000px'
                        });

                        cantidadCierreDeServicio = parseInt(filaActual.querySelector(".tabla-cantidad-articulo-cerrada").innerHTML) - cantidadCierreDeServicio;
                        elementoPadre.innerHTML = "";
                        columnaActiva = false;
                        var mensajeDeError =
                            "El campo cantidad del servicio por cerrar del servicio " + filaActual.querySelector(".tabla-nombre-articulo-cerrada").innerHTML + " no debe superar el número " +
                            cantidadCierreDeServicio + " que es la cantidad máxima que se puede cerrar en esta fila. <br/><br/>Nota: La cantidad máxima a registrar es la suma total del campo cantidad " +
                            "del servicio por cerrar y la cantidad del servicio que ya se encuentra cerrada, en caso de que el campo cantidad del servicio por cerrar no tenga datos su valor será 1.";

                        Toast.fire({
                            icon: 'error',
                            title: mensajeDeError
                        })
                    } else {
                        elementoPadre.innerHTML = valorCantidad;
                        columnaActiva = false;
                    }

                } else {
                    const Toast = Swal.mixin({
                        toast: true,
                        position: 'top-end',
                        showConfirmButton: false,
                        timer: 5000
                    });
                    elementoPadre.innerHTML = "";
                    columnaActiva = false;
                    Toast.fire({
                        icon: 'error',
                        title: "El campo cantidad del servicio por cerrar debe ser mayor que cero"
                    })
                }
            } else {
                const Toast = Swal.mixin({
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 5000
                });
                elementoPadre.innerHTML = valorCantidad;
                columnaActiva = false;
                Toast.fire({
                    icon: 'error',
                    title: "El campo cantidad del servicio por cerrar es obligatorio"
                })
            }
        }

        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-cerrada").innerHTML = contadorTabla;
            });
        }
    </script>

    <script>
        function abrirModalAnadirGuiaDespacho(fila) {
            filaActual = fila;
            tipoColumnaActiva = "guia-despacho";
            document.getElementById("campoAnadirFechaGuiaDespacho").value = "";
            document.getElementById("campoAnadirFechaGuiaDespacho").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoAnadirFechaGuiaDespacho").innerHTML = "";

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

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

        function ingresarNuevoDatosGuiaDeDespacho() {
            document.getElementById("botonAnadirGuiaDespacho").setAttribute("disabled", true);
            var fechaGuiaDespacho = document.getElementById("campoAnadirFechaGuiaDespacho").value;
            var NumeroGuiaDespacho = document.getElementById("campoAnadirNumeroGuiaDespacho").value;

            const Toast = Swal.mixin({
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 4000
            });

            if (fechaGuiaDespacho.trim() != "" && NumeroGuiaDespacho.trim() != "") {
                filaActual.querySelector(".tabla-fecha-guia-despacho-cerrada").innerHTML = fechaGuiaDespacho.trim();
                filaActual.querySelector(".tabla-numero-guia-despacho-cerrada").innerHTML = NumeroGuiaDespacho.trim();

                filaActual.querySelector(".tabla-guia-despacho-cerrada").innerHTML =
                    '<button type="button" class="btn btn-success mr-1 mt-1" style="font-size:12px;" onclick="abrirModalVerGuiaDespacho(this.parentElement.parentElement)">Ver datos</button>' +
                    '<button type="button" class="btn btn-warning mr-1 mt-1" style="font-size:12px;" onclick="abrirModalEditarGuiaDespacho(this.parentElement.parentElement)">Editar datos</button>';

                Toast.fire({
                    icon: 'success',
                    title: "Se ingreso nuevos datos de una guía de despacho de un cierre de servicio"
                })

                document.getElementById("botonAnadirGuiaDespacho").removeAttribute("disabled");
                $("#modalAnadirGuiaDespacho").modal("hide");
            } else {
                if (fechaGuiaDespacho.trim() == "") {
                    document.getElementById("campoAnadirFechaGuiaDespacho").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoAnadirFechaGuiaDespacho").innerHTML = "El campo fecha guía de despacho es obligatorio";
                } else {
                    document.getElementById("campoAnadirFechaGuiaDespacho").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoAnadirFechaGuiaDespacho").innerHTML = "";
                }

                if (NumeroGuiaDespacho.trim() == "") {
                    document.getElementById("campoAnadirNumeroGuiaDespacho").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoAnadirNumeroGuiaDespacho").innerHTML = "El campo numero guía de despacho es obligatorio";
                } else {
                    document.getElementById("campoAnadirNumeroGuiaDespacho").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoAnadirNumeroGuiaDespacho").innerHTML = "";
                }
                document.getElementById("botonAnadirGuiaDespacho").removeAttribute("disabled");
            }
        }

        function abrirModalVerGuiaDespacho(fila) {
            document.getElementById("campoVerFechaGuiaDespacho").value = fila.querySelector(".tabla-fecha-guia-despacho-cerrada").innerHTML;
            document.getElementById("campoVerNumeroGuiaDespacho").value = fila.querySelector(".tabla-numero-guia-despacho-cerrada").innerHTML;

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

        function abrirModalEditarGuiaDespacho(fila) {
            filaActual = fila;
            tipoColumnaActiva = "guia-despacho";
            document.getElementById("campoEditarFechaGuiaDespacho").value = fila.querySelector(".tabla-fecha-guia-despacho-cerrada").innerHTML;
            document.getElementById("campoEditarNumeroGuiaDespacho").value = fila.querySelector(".tabla-numero-guia-despacho-cerrada").innerHTML;

            document.getElementById("campoEditarFechaGuiaDespacho").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoEditarFechaGuiaDespacho").innerHTML = "";

            document.getElementById("campoEditarNumeroGuiaDespacho").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoEditarNumeroGuiaDespacho").innerHTML = "";

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

        function editarDatosGuiaDespacho() {
            document.getElementById("botonEditarGuiaDespacho").setAttribute("disabled", true);
            document.getElementById("botonEliminarGuiaDespacho").setAttribute("disabled", true);
            var fechaGuiaDespacho = document.getElementById("campoEditarFechaGuiaDespacho").value;
            var NumeroGuiaDespacho = document.getElementById("campoEditarNumeroGuiaDespacho").value;

            const Toast = Swal.mixin({
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 4000
            });

            if (fechaGuiaDespacho.trim() != "" && NumeroGuiaDespacho.trim() != "") {
                filaActual.querySelector(".tabla-fecha-guia-despacho-cerrada").innerHTML = fechaGuiaDespacho.trim();
                filaActual.querySelector(".tabla-numero-guia-despacho-cerrada").innerHTML = NumeroGuiaDespacho.trim();

                Toast.fire({
                    icon: 'success',
                    title: "Se edito los datos de la guía de despacho de un cierre de servicio"
                })

                document.getElementById("botonEditarGuiaDespacho").removeAttribute("disabled");
                document.getElementById("botonEliminarGuiaDespacho").removeAttribute("disabled");
                $("#modalEditarGuiaDespacho").modal("hide");
            } else {
                if (fechaGuiaDespacho.trim() == "") {
                    document.getElementById("campoEditarFechaGuiaDespacho").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoEditarFechaGuiaDespacho").innerHTML = "El campo fecha guía de despacho es obligatorio";
                } else {
                    document.getElementById("campoEditarFechaGuiaDespacho").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoEditarFechaGuiaDespacho").innerHTML = "";
                }

                if (NumeroGuiaDespacho.trim() == "") {
                    document.getElementById("campoEditarNumeroGuiaDespacho").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoEditarNumeroGuiaDespacho").innerHTML = "El campo numero guía de despacho es obligatorio";
                } else {
                    document.getElementById("campoEditarNumeroGuiaDespacho").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoEditarNumeroGuiaDespacho").innerHTML = "";
                }
                document.getElementById("botonEditarGuiaDespacho").removeAttribute("disabled");
                document.getElementById("botonEliminarGuiaDespacho").removeAttribute("disabled");
            }
        }

        function eliminarDatosGuiaDespacho() {
            const Toast = Swal.mixin({
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 4000
            });

            Swal.fire({
                title: '¿Esta seguro?',
                text: "Se borrará todos los datos relacionados con la guía de despacho de este cierre de servicio",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, borrar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    filaActual.querySelector(".tabla-fecha-guia-despacho-cerrada").innerHTML = "";
                    filaActual.querySelector(".tabla-numero-guia-despacho-cerrada").innerHTML = "";

                    filaActual.querySelector(".tabla-guia-despacho-cerrada").innerHTML =
                        '<button type="button" class="btn btn-aspen mr-1" style="font-size:12px;" onclick="abrirModalAnadirGuiaDespacho(this.parentElement.parentElement)">Ingresar datos</button>';

                    Toast.fire({
                        icon: 'success',
                        title: "Se borro todos los datos relacionados con la guía de despacho de un cierre de servicio"
                    })

                    $("#modalEditarGuiaDespacho").modal("hide");
                }
            })

        }

        function abrirModalAnadirFactura(fila) {
            filaActual = fila;
            tipoColumnaActiva = "factura";
            document.getElementById("campoAnadirFechaFactura").value = "";
            document.getElementById("campoAnadirFechaFactura").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoAnadirFechaFactura").innerHTML = "";

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

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

        function ingresarNuevoDatosFactura() {
            document.getElementById("botonAnadirFactura").setAttribute("disabled", true);
            var fechaFactura = document.getElementById("campoAnadirFechaFactura").value;
            var NumeroFactura = document.getElementById("campoAnadirNumeroFactura").value;

            const Toast = Swal.mixin({
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 4000
            });

            if (fechaFactura.trim() != "" && NumeroFactura.trim() != "") {
                filaActual.querySelector(".tabla-fecha-factura-cerrada").innerHTML = fechaFactura.trim();
                filaActual.querySelector(".tabla-numero-factura-cerrada").innerHTML = NumeroFactura.trim();

                filaActual.querySelector(".tabla-factura-cerrada").innerHTML =
                    '<button type="button" class="btn btn-success mr-1 mt-1" style="font-size:12px;" onclick="abrirModalVerFactura(this.parentElement.parentElement)">Ver datos</button>' +
                    '<button type="button" class="btn btn-warning mr-1 mt-1" style="font-size:12px;" onclick="abrirModalEditarFactura(this.parentElement.parentElement)">Editar datos</button>';

                Toast.fire({
                    icon: 'success',
                    title: "Se ingreso nuevos datos en la factura de un cierre de servicio"
                })

                document.getElementById("botonAnadirFactura").removeAttribute("disabled");
                $("#modalAnadirFactura").modal("hide");
            } else {
                if (fechaFactura.trim() == "") {
                    document.getElementById("campoAnadirFechaFactura").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoAnadirFechaFactura").innerHTML = "El campo fecha factura es obligatorio";
                } else {
                    document.getElementById("campoAnadirFechaFactura").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoAnadirFechaFactura").innerHTML = "";
                }

                if (NumeroFactura.trim() == "") {
                    document.getElementById("campoAnadirNumeroFactura").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoAnadirNumeroFactura").innerHTML = "El campo numero factura es obligatorio";
                } else {
                    document.getElementById("campoAnadirNumeroFactura").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoAnadirNumeroFactura").innerHTML = "";
                }
                document.getElementById("botonAnadirFactura").removeAttribute("disabled");
            }
        }

        function abrirModalVerFactura(fila) {
            document.getElementById("campoVerFechaFactura").value = fila.querySelector(".tabla-fecha-factura-cerrada").innerHTML;
            document.getElementById("campoVerNumeroFactura").value = fila.querySelector(".tabla-numero-factura-cerrada").innerHTML;

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

        function abrirModalEditarFactura(fila) {
            filaActual = fila;
            tipoColumnaActiva = "factura";
            document.getElementById("campoEditarFechaFactura").value = fila.querySelector(".tabla-fecha-factura-cerrada").innerHTML;
            document.getElementById("campoEditarNumeroFactura").value = fila.querySelector(".tabla-numero-factura-cerrada").innerHTML;

            document.getElementById("campoEditarFechaFactura").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoEditarFechaFactura").innerHTML = "";

            document.getElementById("campoEditarNumeroFactura").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoEditarNumeroFactura").innerHTML = "";

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

        function editarDatosFactura() {
            document.getElementById("botonEditarFactura").setAttribute("disabled", true);
            document.getElementById("botonEliminarFactura").setAttribute("disabled", true);
            var fechaFactura = document.getElementById("campoEditarFechaFactura").value;
            var NumeroFactura = document.getElementById("campoEditarNumeroFactura").value;

            const Toast = Swal.mixin({
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 4000
            });

            if (fechaFactura.trim() != "" && NumeroFactura.trim() != "") {
                filaActual.querySelector(".tabla-fecha-factura-cerrada").innerHTML = fechaFactura.trim();
                filaActual.querySelector(".tabla-numero-factura-cerrada").innerHTML = NumeroFactura.trim();

                Toast.fire({
                    icon: 'success',
                    title: "Se edito los datos de la factura de un cierre de servicio"
                })

                document.getElementById("botonEditarFactura").removeAttribute("disabled");
                document.getElementById("botonEliminarFactura").removeAttribute("disabled");
                $("#modalEditarFactura").modal("hide");
            } else {
                if (fechaFactura.trim() == "") {
                    document.getElementById("campoEditarFechaFactura").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoEditarFechaFactura").innerHTML = "El campo fecha factura es obligatorio";
                } else {
                    document.getElementById("campoEditarFechaFactura").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoEditarFechaFactura").innerHTML = "";
                }

                if (NumeroFactura.trim() == "") {
                    document.getElementById("campoEditarNumeroFactura").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoEditarNumeroFactura").innerHTML = "El campo numero factura es obligatorio";
                } else {
                    document.getElementById("campoEditarNumeroFactura").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoEditarNumeroFactura").innerHTML = "";
                }
                document.getElementById("botonEditarFactura").removeAttribute("disabled");
                document.getElementById("botonEliminarFactura").removeAttribute("disabled");
            }
        }

        function eliminarDatosFactura() {
            const Toast = Swal.mixin({
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 4000
            });

            Swal.fire({
                title: '¿Esta seguro?',
                text: "Se borrará todos los datos relacionados con la factura de este cierre de servicio",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, borrar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    filaActual.querySelector(".tabla-fecha-factura-cerrada").innerHTML = "";
                    filaActual.querySelector(".tabla-numero-factura-cerrada").innerHTML = "";

                    filaActual.querySelector(".tabla-factura-cerrada").innerHTML =
                        '<button type="button" class="btn btn-aspen mr-1" style="font-size:12px;" onclick="abrirModalAnadirFactura(this.parentElement.parentElement)">Ingresar datos</button>';

                    Toast.fire({
                        icon: 'success',
                        title: "Se borro todos los datos relacionados con la factura de un cierre de servicio"
                    })

                    $("#modalEditarFactura").modal("hide");
                }
            })

        }

        function abrirModalSubirDocumentos() {
            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            var listadoDeArticulo = [];

            filas.forEach(elementoPadre => {
                var inputCheck = elementoPadre.querySelector(".tabla-check-documento-cerrada").querySelector(".custom-control-input");
                var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-cerrada").innerHTML;
                var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo-cerrada").innerHTML;
                var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo-cerrada").innerHTML;
                var cantidadDelServicioCerrado = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrado-cerrada").innerHTML;
                var centroCosto = elementoPadre.querySelector(".tabla-centro-costo-cerrada").innerHTML;
                var numeroRq = elementoPadre.querySelector(".tabla-numero-rq-cerrada").innerHTML;
                var numeroOc = elementoPadre.querySelector(".tabla-numero-oc-cerrada").innerHTML;

                if (inputCheck.checked) {
                    var articulo = {
                        codigoUnico: codigoUnico,
                        nombreArticulo: nombreArticulo,
                        cantidadArticulo: cantidadArticulo,
                        cantidadDelServicioCerrado: cantidadDelServicioCerrado,
                        centroCosto: centroCosto,
                        numeroRq: numeroRq,
                        numeroOc: numeroOc
                    }
                    listadoDeArticulo.push(articulo);
                }
            });

            if (listadoDeArticulo.length > 0) {
                document.getElementById("campoFechaDocumento").value = "";
                document.getElementById("campoFechaDocumento").setAttribute("class", "form-control");
                document.getElementById("valicacionCampoFechaDocumento").innerHTML = "";

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

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

                var cantidad = 0;
                document.getElementById('tabla-body-articulo-subir-documento').innerHTML = "";
                listadoDeArticulo.forEach(articulo => {
                    cantidad++;
                    document.getElementById('tabla-body-articulo-subir-documento').innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td style="display: none;" class="tabla-id-unico-subida-documento">' + articulo.codigoUnico + '</td>' +
                        '<td class="tabla-contador-subida-documento">' + cantidad + '</td>' +
                        '<td class="tabla-nombre-articulo-subida-documento">' + articulo.nombreArticulo + '</td>' +
                        '<td class="tabla-cantidad-articulo-subida-documento">' + articulo.cantidadArticulo + '</td>' +
                        '<td class="tabla-cantidad-servicio-cerrado-subida-documento">' + articulo.cantidadDelServicioCerrado + '</td>' +
                        '<td class="tabla-centro-costo-subida-documento">' + articulo.centroCosto + '</td>' +
                        '<td class="tabla-numero-rq-subida-documento">' + articulo.numeroRq + '</td>' +
                        '<td class="tabla-numero-oc-subida-documento">' + articulo.numeroOc + '</td>' +
                        '</tr>';
                });

                $("#modalSubirDocumento").modal("show");
                deshabilitarBotonesConfirmarEliminacionArticulo()
            } else {
                Swal.fire({
                    icon: 'error',
                    title: '¡No Seleccion!',
                    text: 'Es necesario seleccionar al menos un cierre de servicio para ingresar o modificar los datos correspondientes a la guía de despacho o factura',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
                deshabilitarBotonesConfirmarEliminacionArticulo()
            }
        }

        function deseleccionarArticulos() {
            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            filas.forEach(elementoPadre => {
                var inputCheck = elementoPadre.querySelector(".tabla-check-documento-cerrada").querySelector(".custom-control-input");
                inputCheck.checked = false;
            });
            document.getElementById("seleccionarTodasLosItemDocumentos").checked = false;
        }

        function guardarDocumentos() {
            document.getElementById("botonSubirDocumento").setAttribute("disabled", true);
            var fechaDocumento = document.getElementById("campoFechaDocumento").value;
            var tipoDocumento = document.getElementById("tipoDeDocumento").value;
            var NumeroDocumento = document.getElementById("campoNumeroDocumento").value;

            const Toast = Swal.mixin({
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 4000
            });

            if (fechaDocumento.trim() != "" && tipoDocumento.trim() != "" && NumeroDocumento.trim() != "") {
                if (tipoDocumento.trim() == "Guía De Despacho") {
                    var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                    var cantidadEdicionDocumento = 0;

                    filas.forEach(elementoPadre => {
                        var inputCheck = elementoPadre.querySelector(".tabla-check-documento-cerrada").querySelector(".custom-control-input");
                        var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-cerrada").innerHTML;

                        if (inputCheck.checked) {
                            cantidadEdicionDocumento++;
                            elementoPadre.querySelector(".tabla-fecha-guia-despacho-cerrada").innerHTML = fechaDocumento.trim();
                            elementoPadre.querySelector(".tabla-numero-guia-despacho-cerrada").innerHTML = NumeroDocumento.trim();

                            elementoPadre.querySelector(".tabla-guia-despacho-cerrada").innerHTML =
                                '<button type="button" class="btn btn-success mr-1 mt-1" style="font-size:12px;" onclick="abrirModalVerGuiaDespacho(this.parentElement.parentElement)">Ver datos</button>' +
                                '<button type="button" class="btn btn-warning mr-1 mt-1" style="font-size:12px;" onclick="abrirModalEditarGuiaDespacho(this.parentElement.parentElement)">Editar datos</button>';
                        }
                    });

                    if (cantidadEdicionDocumento > 1) {
                        Toast.fire({
                            icon: 'success',
                            title: "Se editó los datos de la guía de despacho en varios cierres de servicios"
                        })
                    } else {
                        Toast.fire({
                            icon: 'success',
                            title: "Se editó los datos de la guía de despacho de un cierre de servicio"
                        })
                    }
                } else if (tipoDocumento.trim() == "Factura") {
                    var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                    var cantidadEdicionDocumento = 0;

                    filas.forEach(elementoPadre => {
                        var inputCheck = elementoPadre.querySelector(".tabla-check-documento-cerrada").querySelector(".custom-control-input");
                        var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-cerrada").innerHTML;

                        if (inputCheck.checked) {
                            cantidadEdicionDocumento++;
                            elementoPadre.querySelector(".tabla-fecha-factura-cerrada").innerHTML = fechaDocumento.trim();
                            elementoPadre.querySelector(".tabla-numero-factura-cerrada").innerHTML = NumeroDocumento.trim();

                            elementoPadre.querySelector(".tabla-factura-cerrada").innerHTML =
                                '<button type="button" class="btn btn-success mr-1 mt-1" style="font-size:12px;" onclick="abrirModalVerFactura(this.parentElement.parentElement)">Ver datos</button>' +
                                '<button type="button" class="btn btn-warning mr-1 mt-1" style="font-size:12px;" onclick="abrirModalEditarFactura(this.parentElement.parentElement)">Editar datos</button>';
                        }
                    });

                    if (cantidadEdicionDocumento > 1) {
                        Toast.fire({
                            icon: 'success',
                            title: "Se editó los datos de la factura en varios cierres de servicios"
                        })
                    } else {
                        Toast.fire({
                            icon: 'success',
                            title: "Se editó los datos de la factura de un cierre de servicio"
                        })
                    }
                }
                $("#modalSubirDocumento").modal("hide");
                document.getElementById("botonSubirDocumento").removeAttribute("disabled");
                deseleccionarArticulos()
            } else {
                if (fechaDocumento.trim() == "") {
                    document.getElementById("campoFechaDocumento").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoFechaDocumento").innerHTML = "El campo fecha documentos es obligatorio";
                } else {
                    document.getElementById("campoFechaDocumento").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoFechaDocumento").innerHTML = "";
                }

                if (NumeroDocumento.trim() == "") {
                    document.getElementById("campoNumeroDocumento").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoNumeroDocumento").innerHTML = "El campo numero documento es obligatorio";
                } else {
                    document.getElementById("campoNumeroDocumento").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoNumeroDocumento").innerHTML = "";
                }

                if (tipoDocumento.trim() == "") {
                    document.getElementById("tipoDeDocumento").classList.remove('input-success-icon');
                    document.getElementById("tipoDeDocumento").classList.add('input-error-icon');
                    document.getElementById("validarCampoTipoDeDocumento").innerHTML = "El campo tipo documento es obligatorio";
                    document.getElementById("validarCampoTipoDeDocumento").style.display = "block";
                } else {
                    document.getElementById("tipoDeDocumento").classList.remove('input-error-icon');
                    document.getElementById("tipoDeDocumento").classList.add('input-success-icon');
                    document.getElementById("validarCampoTipoDeDocumento").innerHTML = "";
                    document.getElementById("validarCampoTipoDeDocumento").style.display = "none";
                }
                document.getElementById("botonSubirDocumento").removeAttribute("disabled");
            }
        }

        function abrirModalBorrarDocumentos() {
            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            var listadoDeArticulo = [];

            filas.forEach(elementoPadre => {
                var inputCheck = elementoPadre.querySelector(".tabla-check-documento-cerrada").querySelector(".custom-control-input");
                var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-cerrada").innerHTML;
                var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo-cerrada").innerHTML;
                var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo-cerrada").innerHTML;
                var cantidadServicioCerrado = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrado-cerrada").innerHTML;
                var centroCosto = elementoPadre.querySelector(".tabla-centro-costo-cerrada").innerHTML;
                var numeroRq = elementoPadre.querySelector(".tabla-numero-rq-cerrada").innerHTML;
                var numeroOc = elementoPadre.querySelector(".tabla-numero-oc-cerrada").innerHTML;

                if (inputCheck.checked) {
                    var articulo = {
                        codigoUnico: codigoUnico,
                        nombreArticulo: nombreArticulo,
                        cantidadArticulo: cantidadArticulo,
                        cantidadServicioCerrado: cantidadServicioCerrado,
                        centroCosto: centroCosto,
                        numeroRq: numeroRq,
                        numeroOc: numeroOc
                    }
                    listadoDeArticulo.push(articulo);
                }
            });

            if (listadoDeArticulo.length > 0) {

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

                var cantidad = 0;
                document.getElementById('tabla-body-articulo-borrar-documento').innerHTML = "";
                listadoDeArticulo.forEach(articulo => {
                    cantidad++;
                    document.getElementById('tabla-body-articulo-borrar-documento').innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td style="display: none;" class="tabla-id-unico-borrar-documento">' + articulo.codigoUnico + '</td>' +
                        '<td class="tabla-contador-borrar-documento">' + cantidad + '</td>' +
                        '<td class="tabla-nombre-articulo-borrar-documento">' + articulo.nombreArticulo + '</td>' +
                        '<td class="tabla-cantidad-articulo-borrar-documento">' + articulo.cantidadArticulo + '</td>' +
                        '<td class="tabla-cantidad-servicio-cerrada-borrar-documento">' + articulo.cantidadServicioCerrado + '</td>' +
                        '<td class="tabla-centro-costo-borrar-documento">' + articulo.centroCosto + '</td>' +
                        '<td class="tabla-numero-rq-borrar-documento">' + articulo.numeroRq + '</td>' +
                        '<td class="tabla-numero-oc-borrar-documento">' + articulo.numeroOc + '</td>' +
                        '</tr>';
                });

                $("#modalBorrarDocumento").modal("show");
                deshabilitarBotonesConfirmarEliminacionArticulo()
            } else {
                Swal.fire({
                    icon: 'error',
                    title: '¡No Seleccion!',
                    text: 'Es necesario seleccionar al menos un servicio para borrar los datos correspodiente a la guía de despacho o factura',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
                deshabilitarBotonesConfirmarEliminacionArticulo()
            }
        }

        function borrarDocumentos() {
            document.getElementById("botonBorrarDocumento").setAttribute("disabled", true);
            var tipoDocumento = document.getElementById("tipoDeDocumentoBorrarDocumento").value;

            const Toast = Swal.mixin({
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 4000
            });

            if (tipoDocumento.trim() != "") {
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "Se borrará todos los datos relacionados sobre el documento que seleccione",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, borrar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        if (tipoDocumento.trim() == "Guía De Despacho") {
                            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");

                            filas.forEach(elementoPadre => {
                                var inputCheck = elementoPadre.querySelector(".tabla-check-documento-cerrada").querySelector(".custom-control-input");
                                var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-cerrada").innerHTML;

                                if (inputCheck.checked) {
                                    elementoPadre.querySelector(".tabla-fecha-guia-despacho-cerrada").innerHTML = "";
                                    elementoPadre.querySelector(".tabla-numero-guia-despacho-cerrada").innerHTML = "";

                                    elementoPadre.querySelector(".tabla-guia-despacho-cerrada").innerHTML =
                                        '<button type="button" class="btn btn-aspen mr-1" style="font-size:12px;" onclick="abrirModalAnadirGuiaDespacho(this.parentElement.parentElement)">Ingresar datos</button>';
                                }
                            });
                        } else if (tipoDocumento.trim() == "Factura") {
                            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");

                            filas.forEach(elementoPadre => {
                                var inputCheck = elementoPadre.querySelector(".tabla-check-documento-cerrada").querySelector(".custom-control-input");
                                var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-cerrada").innerHTML;

                                if (inputCheck.checked) {
                                    elementoPadre.querySelector(".tabla-fecha-factura-cerrada").innerHTML = "";
                                    elementoPadre.querySelector(".tabla-numero-factura-cerrada").innerHTML = "";

                                    elementoPadre.querySelector(".tabla-factura-cerrada").innerHTML =
                                        '<button type="button" class="btn btn-aspen mr-1" style="font-size:12px;" onclick="abrirModalAnadirFactura(this.parentElement.parentElement)">Ingresar datos</button>';
                                }
                            });
                        } else if (tipoDocumento.trim() == "Todos") {
                            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");

                            filas.forEach(elementoPadre => {
                                var inputCheck = elementoPadre.querySelector(".tabla-check-documento-cerrada").querySelector(".custom-control-input");
                                var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-cerrada").innerHTML;

                                if (inputCheck.checked) {
                                    elementoPadre.querySelector(".tabla-fecha-guia-despacho-cerrada").innerHTML = "";
                                    elementoPadre.querySelector(".tabla-numero-guia-despacho-cerrada").innerHTML = "";
                                    elementoPadre.querySelector(".tabla-fecha-factura-cerrada").innerHTML = "";
                                    elementoPadre.querySelector(".tabla-numero-factura-cerrada").innerHTML = "";

                                    elementoPadre.querySelector(".tabla-guia-despacho-cerrada").innerHTML =
                                        '<button type="button" class="btn btn-aspen mr-1" style="font-size:12px;" onclick="abrirModalAnadirGuiaDespacho(this.parentElement.parentElement)">Ingresar datos</button>';

                                    elementoPadre.querySelector(".tabla-factura-cerrada").innerHTML =
                                        '<button type="button" class="btn btn-aspen mr-1" style="font-size:12px;" onclick="abrirModalAnadirFactura(this.parentElement.parentElement)">Ingresar datos</button>';
                                }
                            });
                        }
                        $("#modalBorrarDocumento").modal("hide");
                        document.getElementById("botonBorrarDocumento").removeAttribute("disabled");
                        deseleccionarArticulos()
                    } else {
                        document.getElementById("botonBorrarDocumento").removeAttribute("disabled");
                    }
                })
            } else {
                if (tipoDocumento.trim() == "") {
                    document.getElementById("tipoDeDocumentoBorrarDocumento").classList.remove('input-success-icon');
                    document.getElementById("tipoDeDocumentoBorrarDocumento").classList.add('input-error-icon');
                    document.getElementById("validarCampoTipoDeDocumentoBorrarDocumento").innerHTML = "El campo tipo documento es obligatorio";
                    document.getElementById("validarCampoTipoDeDocumentoBorrarDocumento").style.display = "block";
                } else {
                    document.getElementById("tipoDeDocumentoBorrarDocumento").classList.remove('input-error-icon');
                    document.getElementById("tipoDeDocumentoBorrarDocumento").classList.add('input-success-icon');
                    document.getElementById("validarCampoTipoDeDocumentoBorrarDocumento").innerHTML = "";
                    document.getElementById("validarCampoTipoDeDocumentoBorrarDocumento").style.display = "none";
                }
                document.getElementById("botonBorrarDocumento").removeAttribute("disabled");
            }
        }
    </script>

    <script>
        function uuidv4() {
            return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
                (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
            );
        }

        function abrirModalSeleccionarOc() {
            datatableOrdenesDeCompra.rows().deselect();
            $("#modalOrdenDeCompra").modal("show");
        }

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

                var url = '{{ route('orden-de-compra.obtener-registro-servicios', [':oc']) }}';
                url = url.replace(':oc', data[0].id);
                var csrf = '{{ csrf_token() }}';

                $.ajax({
                    type: 'POST',
                    datatype: 'json',
                    url: url,
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        eliminarLoading()
                        var cantidad = 0;
                        document.getElementById("tabla-articulos-de-una-orden-compra").innerHTML = "";
                        data.forEach(articulo => {
                            cantidad++;
                            var valorCostoUnitarioConTipoMoneda = 0;
                            switch (articulo.articulo_orden_compra.tipo_moneda) {
                                case "CLP":
                                    var formatoMoneda = new Intl.NumberFormat("es-CL", {
                                        style: "currency",
                                        currency: "CLP",
                                    })

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

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

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

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

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

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

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

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

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

                            if (articulo.todas_cantidad_servicio_cerrada == true) {
                                document.getElementById("tabla-articulos-de-una-orden-compra").innerHTML +=
                                    '<tr role="row" class="odd">' +
                                    '<td style="display:none;" class="tabla-id-articulo-orden-compra">' + articulo.articulo_orden_compra.id + '</td>' +
                                    '<td style="display:none;" class="tabla-id-articulo">' + articulo.articulo.id + '</td>' +
                                    '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                    '<td class="tabla-check-entrada">No es posible seleccionar, la cantidad total del servicio se encuentra cerrado</td>' +
                                    '<td class="tabla-codigo-articulo">' + articulo.articulo.codigo_articulo + '</td>' +
                                    '<td class="tabla-nombre-articulo">' + articulo.articulo.descripcion + '</td>' +
                                    '<td class="tabla-cantidad-articulo">' + articulo.articulo_orden_compra.cantidad + '</td>' +
                                    '<td class="tabla-precio-total">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                    '<td class="tabla-centro-costo">' + articulo.cc.centro_costo + '</td>' +
                                    '<td class="tabla-numero-requisicion">' + articulo.rq + '</td>' +
                                    '<td class="tabla-numero-orden-compra">' + articulo.oc.numero_oc + '</td>' +
                                    '<td class="tabla-cantidad-servicio-cerrado">' + articulo.cantidad_servicio_cerrado + '</td>' +
                                    '</tr>';
                            } else {
                                var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                                var recorridoDeListaPasoPorCantidadCerrada = false;
                                var cantidadCerrada = 0;

                                filas.forEach(elementoPadre => {
                                    var cantidadServicioCerrado = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrado-cerrada").innerHTML;
                                    var campoCantidadEditable = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrada-agregar").innerHTML;
                                    if (articulo.articulo_orden_compra.id == elementoPadre.querySelector(".tabla-id-articulo-oc-cerrada").innerHTML) {
                                        if (cantidadServicioCerrado.trim() != "" && recorridoDeListaPasoPorCantidadCerrada == false) {
                                            cantidadCerrada += parseInt(cantidadServicioCerrado.trim());
                                            recorridoDeListaPasoPorCantidadCerrada = true;
                                        }

                                        if (campoCantidadEditable.trim() != "") {
                                            cantidadCerrada += parseInt(campoCantidadEditable.trim());
                                        } else {
                                            cantidadCerrada++;
                                        }
                                    }
                                });

                                if (cantidadCerrada >= articulo.articulo_orden_compra.cantidad) {
                                    document.getElementById("tabla-articulos-de-una-orden-compra").innerHTML +=
                                        '<tr role="row" class="odd">' +
                                        '<td style="display:none;" class="tabla-id-articulo-orden-compra">' + articulo.articulo_orden_compra.id + '</td>' +
                                        '<td style="display:none;" class="tabla-id-articulo">' + articulo.articulo.id + '</td>' +
                                        '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                        '<td class="tabla-check-entrada">No es posible realizar una selección, el servicio que intenta seleccionar ya está cerrado todas sus cantidades (cantidad indicada en la oc) correspondiente o se estableció la cantidad máxima del servicio en un cierre de servicio añadido.</td>' +
                                        '<td class="tabla-codigo-articulo">' + articulo.articulo.codigo_articulo + '</td>' +
                                        '<td class="tabla-nombre-articulo">' + articulo.articulo.descripcion + '</td>' +
                                        '<td class="tabla-cantidad-articulo">' + articulo.articulo_orden_compra.cantidad + '</td>' +
                                        '<td class="tabla-precio-total">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                        '<td class="tabla-centro-costo">' + articulo.cc.centro_costo + '</td>' +
                                        '<td class="tabla-numero-requisicion">' + articulo.rq + '</td>' +
                                        '<td class="tabla-numero-orden-compra">' + articulo.oc.numero_oc + '</td>' +
                                        '<td class="tabla-cantidad-servicio-cerrado">' + articulo.cantidad_servicio_cerrado + '</td>' +
                                        '</tr>';
                                } else {
                                    document.getElementById("tabla-articulos-de-una-orden-compra").innerHTML +=
                                        '<tr role="row" class="odd">' +
                                        '<td style="display:none;" class="tabla-id-articulo-orden-compra">' + articulo.articulo_orden_compra.id + '</td>' +
                                        '<td style="display:none;" class="tabla-id-articulo">' + articulo.articulo.id + '</td>' +
                                        '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                        '<td class="tabla-check-entrada">' +
                                        '<div class="form-group">' +
                                        '<div class="custom-control custom-checkbox">' +
                                        '<input class="custom-control-input checkbox-seleccion-item" type="checkbox" id="customCheckbox' + cantidad + '" value="' + articulo.articulo_orden_compra.id + '">' +
                                        '<label for="customCheckbox' + cantidad + '" class="custom-control-label"></label>' +
                                        '</div>' +
                                        '</div>' +
                                        '</td>' +
                                        '<td class="tabla-codigo-articulo">' + articulo.articulo.codigo_articulo + '</td>' +
                                        '<td class="tabla-nombre-articulo">' + articulo.articulo.descripcion + '</td>' +
                                        '<td class="tabla-cantidad-articulo">' + articulo.articulo_orden_compra.cantidad + '</td>' +
                                        '<td class="tabla-precio-total">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                        '<td class="tabla-centro-costo">' + articulo.cc.centro_costo + '</td>' +
                                        '<td class="tabla-numero-requisicion">' + articulo.rq + '</td>' +
                                        '<td class="tabla-numero-orden-compra">' + articulo.oc.numero_oc + '</td>' +
                                        '<td class="tabla-cantidad-servicio-cerrado">' + articulo.cantidad_servicio_cerrado + '</td>' +
                                        '</tr>';
                                }
                            }

                        });
                        if (data.length > 0) {
                            document.getElementById("tituloArticuloOrdenDeCompra").innerHTML = "Listado De Artículos De La Orden De Compra " + data[0].oc.numero_oc;
                        }
                        $("#modalArticuloOrdenDeCompra").modal("show");
                    },
                    error: function(data) {
                        eliminarLoading()
                    }
                })
            }
        }

        function agregarServicioOrdenDeCompra() {
            document.getElementById("botonSeleccionarArticuloOc").setAttribute("disabled", true);
            var filas = document.getElementById('datatable-articulos-orden-compra').tBodies[0].querySelectorAll("tr");
            var listadoDeArticulo = [];
            filas.forEach(elementoPadre => {
                var inputCheck = elementoPadre.querySelector(".tabla-check-entrada").querySelector(".custom-control-input");
                var idArticuloOrdenCompra = elementoPadre.querySelector(".tabla-id-articulo-orden-compra").innerHTML;
                var contadorFila = elementoPadre.querySelector(".tabla-contador-articulo").innerHTML;
                var codigoArticulo = elementoPadre.querySelector(".tabla-codigo-articulo").innerHTML;
                var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo").innerHTML;
                var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML;
                var precioTotalArticulo = elementoPadre.querySelector(".tabla-precio-total").innerHTML;
                var centroCosto = elementoPadre.querySelector(".tabla-centro-costo").innerHTML;
                var numeroRq = elementoPadre.querySelector(".tabla-numero-requisicion").innerHTML;
                var NumeroOc = elementoPadre.querySelector(".tabla-numero-orden-compra").innerHTML;
                var cantidadDeServicioCerrado = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrado").innerHTML;

                if (inputCheck != undefined && inputCheck != null) {
                    if (inputCheck.checked) {
                        var articulo = {
                            idArticuloOrdenCompra: idArticuloOrdenCompra,
                            codigoArticulo: codigoArticulo,
                            nombreArticulo: nombreArticulo,
                            cantidadArticulo: cantidadArticulo,
                            precioTotalArticulo: precioTotalArticulo,
                            centroCosto: centroCosto,
                            numeroRq: numeroRq,
                            NumeroOc: NumeroOc,
                            cantidadDeServicioCerrado: cantidadDeServicioCerrado
                        }
                        listadoDeArticulo.push(articulo);
                    }
                }
            });

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

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

                listadoDeArticulo.forEach(elemento => {
                    contadorTabla++;
                    var codigoUnico = uuidv4();
                    document.getElementById("tablaBodyConExportacionConFiltrado").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td style="display: none;" class="tabla-id-unico-cerrada">' + codigoUnico + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo-oc-cerrada">' + elemento.idArticuloOrdenCompra + '</td>' +
                        '<td style="display: none;" class="tabla-fecha-guia-despacho-cerrada"></td>' +
                        '<td style="display: none;" class="tabla-numero-guia-despacho-cerrada"></td>' +
                        '<td style="display: none;" class="tabla-fecha-factura-cerrada"></td>' +
                        '<td style="display: none;" class="tabla-numero-factura-cerrada"></td>' +
                        '<td class="tabla-contador-articulo-cerrada">' + contadorTabla + '</td>' +
                        '<td class="tabla-check-documento-cerrada">' +
                        '<div class="form-group">' +
                        '<div class="custom-control custom-checkbox">' +
                        '<input class="custom-control-input checkbox-seleccion-item-documentos" type="checkbox" id="checkbox-Documento-' + codigoUnico + '"   value="' + codigoUnico + '">' +
                        '<label for="checkbox-Documento-' + codigoUnico + '"  class="custom-control-label"></label>' +
                        '</div>' +
                        '</div>' +
                        '</td>' +
                        '<td class="tabla-nombre-articulo-cerrada">' + elemento.nombreArticulo + '</td>' +
                        '<td class="tabla-cantidad-articulo-cerrada">' + elemento.cantidadArticulo + '</td>' +
                        '<td class="tabla-cantidad-servicio-cerrado-cerrada">' + elemento.cantidadDeServicioCerrado + '</td>' +
                        '<td class="tabla-centro-costo-cerrada">' + elemento.centroCosto + '</td>' +
                        '<td class="tabla-numero-rq-cerrada">' + elemento.numeroRq + '</td>' +
                        '<td class="tabla-numero-oc-cerrada">' + elemento.NumeroOc + '</td>' +
                        '<td class="tabla-cantidad-servicio-cerrada-agregar" onclick="abrirModalEditarCantidadPorCerrar(this)"></td>' +
                        '<td class="tabla-guia-despacho-cerrada">' +
                        '<button type="button" class="btn btn-aspen mr-1" style="font-size:12px;" onclick="abrirModalAnadirGuiaDespacho(this.parentElement.parentElement)">Ingresar datos</button>' +
                        '</td>' +
                        '<td class="tabla-factura-cerrada">' +
                        '<button type="button" class="btn btn-aspen mr-1" style="font-size:12px;" onclick="abrirModalAnadirFactura(this.parentElement.parentElement)">Ingresar datos</button>' +
                        '</td>' +
                        '<td class="tabla-accion-articulo-cerrada">' +
                        '<button onclick="habilitarBotonConfirmarEliminacionArticulo(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                        '<button onclick="eliminarFila(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                        '</td>' +
                        '</tr>';
                });
                $('#modalArticuloOrdenDeCompra').modal('hide');
                $('#modalOrdenDeCompra').modal('hide');
                document.getElementById("seleccionarTodasLosItem").checked = false;
            } else {
                eliminarLoading()
                document.getElementById("botonSeleccionarArticuloOc").removeAttribute("disabled");
                Swal.fire({
                    icon: 'error',
                    title: '¡Guardar Articulo En Bodega!',
                    text: 'Debe seleccionar al menos un servicio para guardar la operación',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }
        }

        function selecionarTodasLosItems(checkbox){
            if(checkbox.checked == true){
                var todosCheckBocSeleccionArticuloOc=document.querySelectorAll(".checkbox-seleccion-item");
                todosCheckBocSeleccionArticuloOc.forEach(articuloOc=>{
                    articuloOc.checked = true;
                });
            }else if(checkbox.checked == false){
                var todosCheckBocSeleccionArticuloOc=document.querySelectorAll(".checkbox-seleccion-item");
                todosCheckBocSeleccionArticuloOc.forEach(articuloOc=>{
                    articuloOc.checked = false;
                });
            }
        }

        function selecionarTodasLosItemsDocumentos(checkbox){
            if(checkbox.checked == true){
                var todosCheckBocSeleccionMovimientos=document.querySelectorAll(".checkbox-seleccion-item-documentos");
                todosCheckBocSeleccionMovimientos.forEach(movimiento=>{
                    movimiento.checked = true;
                });
            }else if(checkbox.checked == false){
                var todosCheckBocSeleccionMovimientos=document.querySelectorAll(".checkbox-seleccion-item-documentos");
                todosCheckBocSeleccionMovimientos.forEach(movimiento=>{
                    movimiento.checked = false;
                });
            }
        }
    </script>

    <script>
        function registrarCierresDeServicios() {
            generarLoading('{{ asset('img/logo.png') }}')
            document.getElementById("botonDeCreacion").setAttribute("disabled", true);
            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            var listadoDeArticulo = [];
            var filasConCamposVacios = false;
            var tablaArticuloconRegistro = false;
            filas.forEach(elementoPadre => {
                tablaArticuloconRegistro = true;
                var idArticuloOrdenCompra = elementoPadre.querySelector(".tabla-id-articulo-oc-cerrada").innerHTML;
                var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo-cerrada").innerHTML;
                var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo-cerrada").innerHTML;
                var cantidadDeServiciosCerrados = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrado-cerrada").innerHTML;
                var centroCosto = elementoPadre.querySelector(".tabla-centro-costo-cerrada").innerHTML;
                var numeroRq = elementoPadre.querySelector(".tabla-numero-rq-cerrada").innerHTML;
                var numeroOc = elementoPadre.querySelector(".tabla-numero-oc-cerrada").innerHTML;
                var cantidadCierreServicioEditable = elementoPadre.querySelector(".tabla-cantidad-servicio-cerrada-agregar").innerHTML;
                var fechaGuiaDespachoEditable = elementoPadre.querySelector(".tabla-fecha-guia-despacho-cerrada").innerHTML;
                var numeroGuiaDespachoEditable = elementoPadre.querySelector(".tabla-numero-guia-despacho-cerrada").innerHTML;
                var fechaFacturaEditable = elementoPadre.querySelector(".tabla-fecha-factura-cerrada").innerHTML;
                var numeroFacturaEditable = elementoPadre.querySelector(".tabla-numero-factura-cerrada").innerHTML;

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

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

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

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

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

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

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

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


                var articulo = {
                    idArticuloOrdenCompra: idArticuloOrdenCompra,
                    nombreArticulo: nombreArticulo,
                    cantidadArticulo: cantidadArticulo,
                    cantidadDeServiciosCerrados: cantidadDeServiciosCerrados,
                    centroCosto: centroCosto,
                    numeroRq: numeroRq,
                    numeroOc: numeroOc,
                    cantidadCierreServicioEditable: cantidadCierreServicioEditable,
                    fechaGuiaDespacho: fechaGuiaDespachoEditable,
                    numeroGuiaDespacho: numeroGuiaDespachoEditable,
                    fechaFactura: fechaFacturaEditable,
                    numeroFactura: numeroFacturaEditable
                }
                listadoDeArticulo.push(articulo);
            });
            listadoDeArticulo = JSON.stringify(listadoDeArticulo);

            if (tablaArticuloconRegistro == false) {
                document.getElementById("errorListadoArticulo").innerHTML = "No es posible guardar los cambios, no hay servicios asociado en la tabla";
                document.getElementById("errorListadoArticulo").style.display = "block";
                listadoDeArticulo = "";
            }

            if (filasConCamposVacios == true) {
                document.getElementById("errorListadoArticulo").innerHTML = "No es posible guardar los cambios, algunos cierre de servicio le falta datos";
                document.getElementById("errorListadoArticulo").style.display = "block";
                listadoDeArticulo = "";
            }

            var formData = new FormData();
            formData.append('listadoDeArticulos', listadoDeArticulo);
            var csrf = '{{ csrf_token() }}';

            $.ajax({
                url: '{{ route('cierre-servicio.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: '¡Guardado!',
                            text: 'Los cierre de servicio se guardaron con éxito',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.reload();
                        })
                        .catch((error) => {
                            location.reload();
                        });
                },
                error: function(data) {
                    console.log(data)
                    document.getElementById("botonDeCreacion").removeAttribute("disabled");
                    eliminarLoading()
                }
            })

        }
    </script>
@stop