@extends('adminlte::page')

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

@section('title', 'Intranet | Movimiento De Entradas Por Orden De Compra')

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

    </div>
@stop

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

            <div class="col-lg-12">
                <div class="card card-aspen">
                    <div class="card-header">
                        <h3 class="card-title">Movimiento De Entradas Por Orden De Compra</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 Articulo</th>
                                        <th>Cantidad</th>
                                        <th>Cantidad En Bodega</th>
                                        <th>CC</th>
                                        <th>RQ</th>
                                        <th>OC</th>
                                        <th>Listo Para Entregar</th>
                                        <th>Bodega</th>
                                        <th>Cantidad De Entrada</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 Movimiento</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>
                        <button type="button" class="btn btn-success mt-1" onclick="abrirModalSeleccionarMasivaDeBodegas()"><i class="fas fa-warehouse" style="margin-right: 2px;"></i> Selección Masiva De Bodega</button>
                    </div>

                    <div class=" card-footer">
                        <button type="button" class="btn btn-aspen" id="botonDeCreacion" onclick="registrarEntradaDeBodega()"><i class="fas fa-save" style="margin-right: 2px;"></i> Guardar Movimientos Entradas</button>
                        <a href="{{ route('entrada-bodega.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="modalSelecionarBodega" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title">Listado De Bodegas</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-bodega" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Id Bodega</th>
                                        <th>Bodega</th>
                                        <th>Sucursal</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($bodegas as $bodega)
                                        <tr>
                                            <td>{{ $bodega->id }}</td>
                                            <td>{{ $bodega->bodega }}</td>
                                            <td>{{ $bodega->sucursal }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonSeleccionarBodega">Seleccionar </button>
                    </div>
                </div>
            </div>
        </form>
    </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 Compra </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="abrirModalArticulosDeOrdenCompra()">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 Ordenes 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 Artículo</th>
                                        <th>Nombre Artículo</th>
                                        <th>Cantidad</th>
                                        <th>Precio Total</th>
                                        <th>CC</th>
                                        <th>RQ</th>
                                        <th>OC</th>
                                        <th>Cantidad En Bodega</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="agregarArticuloOrdenDeCompra()">Añadir Articulos</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

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

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

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

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonSeleccionarListoParaEntregar">Seleccionar </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-aspen" 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-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 En Bodega</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>

    <div class="modal fade" id="modalSelecionarBodegaMasiva" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title">Listado De Bodegas</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-bodega-masiva" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Id Bodega</th>
                                        <th>Bodega</th>
                                        <th>Sucursal</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($bodegas as $bodega)
                                        <tr>
                                            <td>{{ $bodega->id }}</td>
                                            <td>{{ $bodega->bodega }}</td>
                                            <td>{{ $bodega->sucursal }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

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

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

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

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

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

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

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

        $("#datatable-bodega-masiva 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 (datatableBodegaMasiva.column(i).search() !== this.value) {
                        datatableBodegaMasiva.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-entrada").innerHTML.trim());
                        var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                        var recorridoDeListaPasoPorCantidadBodega = false;
                        var cantidad = 0;
                        var cantidadBodega = 0;

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

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

                        if (filaActual.querySelector(".tabla-cantidad-agregar-articulo-entrada").querySelector("#campoEditarCantidadEntrada").value != "") {
                            cantidad -= parseInt(filaActual.querySelector(".tabla-cantidad-agregar-articulo-entrada").querySelector("#campoEditarCantidadEntrada").value);
                            cantidadBodega -= parseInt(filaActual.querySelector(".tabla-cantidad-agregar-articulo-entrada").querySelector("#campoEditarCantidadEntrada").value);
                            if (cantidad < 0) {
                                cantidad = 0;
                            }
                        } else {
                            cantidad--;
                            cantidadBodega--;
                            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'
                            });

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

                            Toast.fire({
                                icon: 'error',
                                title: mensajeDeError
                            })
                        } else {
                            elementoPadre.innerHTML = valorCantidad;
                            columnaActiva = false;
                            $("#modalCampoEditarCantidadEntrada").modal("hide");
                        }
                    } 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 entrada 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 entrada 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 abrirModalDeEdicionBodega(fila) {
            filaActual = fila;
            tipoColumnaActiva = "bodega";
            document.getElementById("botonSeleccionarBodega").addEventListener("click", editarColumnaBodega);

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

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

        function editarColumnaBodega() {

            if (datatableBodega.$('tr.selected').hasClass('selected')) {
                var data = datatableBodega.rows({
                    selected: true
                }).data();
                filaActual.querySelector(".tabla-id-bodega-entrada").innerHTML = data[0][0];
                filaActual.querySelector(".tabla-bodega-entrada").innerHTML = data[0][1];
                $('#modalSelecionarBodega').modal('hide');
            }
        }

        /*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 abrirModalEditarCantidadEntrada(cantidad) {
            filaActual = fila;
            tipoColumnaActiva = "cantidad-entrada";
            document.getElementById("campoEditarCantidadEntrada").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoEditarCantidadEntrada").innerHTML = "";
            document.getElementById("campoEditarCantidadEntrada").value = filaActual.querySelector(".tabla-cantidad-agregar-articulo-entrada").innerHTML;
            $("#modalCampoEditarCantidadEntrada").modal("show");
            deshabilitarBotonesConfirmarEliminacionArticulo()


            campoEditarCantidadEntrada
        }

        function editarColumnaCantidadEntradaConModal() {
            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-entrada").innerHTML.trim());
                    var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                    var recorridoDeListaPasoPorCantidadBodega = false;
                    var cantidad = 0;
                    var cantidadBodega = 0;

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

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

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

                    if (cantidad > cantidadArticuloOc) {
                        cantidadBodega = parseInt(filaActual.querySelector(".tabla-cantidad-articulo-entrada").innerHTML) - cantidadBodega;
                        document.getElementById("campoEditarCantidadEntrada").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampoEditarCantidadEntrada").innerHTML =
                            "El campo cantidad entrada del articulo " + filaActual.querySelector(".tabla-nombre-articulo-entrada").innerHTML + " no debe superar el numero " +
                            cantidadBodega + " que es la cantidad maxima que se puede registrar en esta fila. <br/><br/>Nota: La cantidad maxima a registrar es la suma total del campo cantidad " +
                            "entrada y la cantidad ya almacenada en la bodega, en caso que el campo cantidad entrada no tenga datos su valor sera 1.";
                    } else {
                        filaActual.querySelector(".tabla-cantidad-agregar-articulo-entrada").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 abrirModalEditarCantidadEntrada(cantidad) {
            var habilitarImput = false;
            if (tipoColumnaActiva != "cantidad_entrada") {
                habilitarImput = true;
            }

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

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

        function editarColumnaCantidadEntradaConModal(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-entrada").innerHTML.trim());
                    var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                    var recorridoDeListaPasoPorCantidadBodega = false;
                    var cantidad = 0;
                    var cantidadBodega = 0;

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

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

                    if (filaActual.querySelector(".tabla-cantidad-agregar-articulo-entrada").querySelector("#campoEditarCantidadEntrada").value != "") {
                        cantidad -= parseInt(filaActual.querySelector(".tabla-cantidad-agregar-articulo-entrada").querySelector("#campoEditarCantidadEntrada").value);
                        cantidadBodega -= parseInt(filaActual.querySelector(".tabla-cantidad-agregar-articulo-entrada").querySelector("#campoEditarCantidadEntrada").value);
                        if (cantidad < 0) {
                            cantidad = 0;
                        }
                    } else {
                        cantidad--;
                        cantidadBodega--;
                        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'
                        });

                        cantidadBodega = parseInt(filaActual.querySelector(".tabla-cantidad-articulo-entrada").innerHTML) - cantidadBodega;
                        elementoPadre.innerHTML = "";
                        columnaActiva = false;
                        var mensajeDeError =
                            "El campo cantidad entrada del artículo " + filaActual.querySelector(".tabla-nombre-articulo-entrada").innerHTML + " no debe superar el número " +
                            cantidadBodega + " que es la cantidad máxima que se puede registrar en esta fila. <br/><br/>Nota: La cantidad maxima a registrar es la suma total del campo cantidad " +
                            "entrada y la cantidad ya almacenada en la bodega, en caso que el campo cantidad entrada 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 entrada 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 entrada es obligatorio"
                })
            }
        }

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

        function abrirModalDeEdicionListoParaEntrega(fila) {
            filaActual = fila;
            tipoColumnaActiva = "reembolsable";
            document.getElementById("botonSeleccionarListoParaEntregar").addEventListener("click", editarColumnaListoParaEntrega);

            $("#listoParaEntregarSi").prop('checked', false);
            $("#listoParaEntregarNo").prop('checked', false);

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

        function editarColumnaListoParaEntrega() {
            if ($("#listoParaEntregarSi").is(':checked') || $("#listoParaEntregarNo").is(':checked')) {
                var valorReembolsable = $('input:radio[name=modalListoParaEntregar]:checked').val();
                filaActual.querySelector(".tabla-listo-para-la-entrega").innerHTML = valorReembolsable;
                $('#modalSelecionarListoParaEntregar').modal('hide');
            }
        }

        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-entrada").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-entrada").innerHTML = fechaGuiaDespacho.trim();
                filaActual.querySelector(".tabla-numero-guia-despacho-entrada").innerHTML = NumeroGuiaDespacho.trim();

                filaActual.querySelector(".tabla-guia-despacho-entrada").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 ingresó nuevos datos de una guía de despacho en un movimiento"
                })

                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-entrada").innerHTML;
            document.getElementById("campoVerNumeroGuiaDespacho").value = fila.querySelector(".tabla-numero-guia-despacho-entrada").innerHTML;

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

        function abrirModalEditarGuiaDespacho(fila) {
            filaActual = fila;
            tipoColumnaActiva = "guia-despacho";
            document.getElementById("campoEditarFechaGuiaDespacho").value = fila.querySelector(".tabla-fecha-guia-despacho-entrada").innerHTML;
            document.getElementById("campoEditarNumeroGuiaDespacho").value = fila.querySelector(".tabla-numero-guia-despacho-entrada").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-entrada").innerHTML = fechaGuiaDespacho.trim();
                filaActual.querySelector(".tabla-numero-guia-despacho-entrada").innerHTML = NumeroGuiaDespacho.trim();

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

                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 movimiento",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, borrar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    filaActual.querySelector(".tabla-fecha-guia-despacho-entrada").innerHTML = "";
                    filaActual.querySelector(".tabla-numero-guia-despacho-entrada").innerHTML = "";

                    filaActual.querySelector(".tabla-guia-despacho-entrada").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 movimiento"
                    })

                    $("#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-entrada").innerHTML = fechaFactura.trim();
                filaActual.querySelector(".tabla-numero-factura-entrada").innerHTML = NumeroFactura.trim();

                filaActual.querySelector(".tabla-factura-entrada").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 de factura en un movimiento"
                })

                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-entrada").innerHTML;
            document.getElementById("campoVerNumeroFactura").value = fila.querySelector(".tabla-numero-factura-entrada").innerHTML;

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

        function abrirModalEditarFactura(fila) {
            filaActual = fila;
            tipoColumnaActiva = "factura";
            document.getElementById("campoEditarFechaFactura").value = fila.querySelector(".tabla-fecha-factura-entrada").innerHTML;
            document.getElementById("campoEditarNumeroFactura").value = fila.querySelector(".tabla-numero-factura-entrada").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-entrada").innerHTML = fechaFactura.trim();
                filaActual.querySelector(".tabla-numero-factura-entrada").innerHTML = NumeroFactura.trim();

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

                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 movimiento",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, borrar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    filaActual.querySelector(".tabla-fecha-factura-entrada").innerHTML = "";
                    filaActual.querySelector(".tabla-numero-factura-entrada").innerHTML = "";

                    filaActual.querySelector(".tabla-factura-entrada").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 movimiento"
                    })

                    $("#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-entrada").querySelector(".custom-control-input");
                var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-entrada").innerHTML;
                var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo-entrada").innerHTML;
                var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo-entrada").innerHTML;
                var cantidadEnBodegaArticulo = elementoPadre.querySelector(".tabla-cantidad-en-bodega-articulo-entrada").innerHTML;
                var centroCosto = elementoPadre.querySelector(".tabla-centro-costo-entrada").innerHTML;
                var numeroRq = elementoPadre.querySelector(".tabla-numero-rq-entrada").innerHTML;
                var numeroOc = elementoPadre.querySelector(".tabla-numero-oc-entrada").innerHTML;

                if (inputCheck.checked) {
                    var articulo = {
                        codigoUnico: codigoUnico,
                        nombreArticulo: nombreArticulo,
                        cantidadArticulo: cantidadArticulo,
                        cantidadEnBodegaArticulo: cantidadEnBodegaArticulo,
                        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-bodega-articulo-subida-documento">' + articulo.cantidadEnBodegaArticulo + '</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: '¡Seleccione Movimiento!',
                    text: 'Es necesario seleccionar al menos un movimiento 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-entrada").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-entrada").querySelector(".custom-control-input");
                        var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-entrada").innerHTML;

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

                            elementoPadre.querySelector(".tabla-guia-despacho-entrada").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 movimientos"
                        })
                    } else {
                        Toast.fire({
                            icon: 'success',
                            title: "Se editó los datos de la guía de despacho en un movimiento"
                        })
                    }


                } 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-entrada").querySelector(".custom-control-input");
                        var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-entrada").innerHTML;

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

                            elementoPadre.querySelector(".tabla-factura-entrada").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 movimientos"
                        })
                    } else {
                        Toast.fire({
                            icon: 'success',
                            title: "Se editó los datos de la factura en un movimiento"
                        })
                    }
                }
                $("#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-entrada").querySelector(".custom-control-input");
                var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-entrada").innerHTML;
                var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo-entrada").innerHTML;
                var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo-entrada").innerHTML;
                var cantidadEnBodegaArticulo = elementoPadre.querySelector(".tabla-cantidad-en-bodega-articulo-entrada").innerHTML;
                var centroCosto = elementoPadre.querySelector(".tabla-centro-costo-entrada").innerHTML;
                var numeroRq = elementoPadre.querySelector(".tabla-numero-rq-entrada").innerHTML;
                var numeroOc = elementoPadre.querySelector(".tabla-numero-oc-entrada").innerHTML;

                if (inputCheck.checked) {
                    var articulo = {
                        codigoUnico: codigoUnico,
                        nombreArticulo: nombreArticulo,
                        cantidadArticulo: cantidadArticulo,
                        cantidadEnBodegaArticulo: cantidadEnBodegaArticulo,
                        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-bodega-articulo-borrar-documento">' + articulo.cantidadEnBodegaArticulo + '</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 movimiento 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-entrada").querySelector(".custom-control-input");
                                var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-entrada").innerHTML;

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

                                    elementoPadre.querySelector(".tabla-guia-despacho-entrada").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-entrada").querySelector(".custom-control-input");
                                var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-entrada").innerHTML;

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

                                    elementoPadre.querySelector(".tabla-factura-entrada").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-entrada").querySelector(".custom-control-input");
                                var codigoUnico = elementoPadre.querySelector(".tabla-id-unico-entrada").innerHTML;

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

                                    elementoPadre.querySelector(".tabla-guia-despacho-entrada").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-entrada").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 abrirModalArticulosDeOrdenCompra() {
            if (datatableOrdenesDeCompra.$('tr.selected').hasClass('selected')) {
                var data = datatableOrdenesDeCompra.rows({
                    selected: true
                }).data();

                var url = '{{ route('orden-de-compra.obtener-registro-articulos', [':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_en_bodega == 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 realizar una selección, el artículo que intenta seleccionar ya tiene en bodega almacenada todas las cantidades (cantidad indicada en la oc) correspondientes.</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-en-bodega">' + articulo.cantidad_bodega + '</td>' +
                                    '</tr>';
                            } else {
                                var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                                var recorridoDeListaPasoPorCantidadBodega = false;
                                var cantidadAlmacenada = 0;

                                filas.forEach(elementoPadre => {
                                    var cantidadEnBodegaArticulo = elementoPadre.querySelector(".tabla-cantidad-en-bodega-articulo-entrada").innerHTML;
                                    var campoCantidadEntrada = elementoPadre.querySelector(".tabla-cantidad-agregar-articulo-entrada").innerHTML;
                                    if (articulo.articulo_orden_compra.id == elementoPadre.querySelector(".tabla-id-articulo-oc-entrada").innerHTML) {
                                        if (cantidadEnBodegaArticulo.trim() != "" && recorridoDeListaPasoPorCantidadBodega == false) {
                                            cantidadAlmacenada += parseInt(cantidadEnBodegaArticulo.trim());
                                            recorridoDeListaPasoPorCantidadBodega = true;
                                        }

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

                                if (cantidadAlmacenada >= 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 artículo que intenta seleccionar ya tiene en bodega almacenada todas las cantidades (cantidad indicada en la oc) correspondiente o se estableció la cantidad máxima del artículo en un movimiento de entrada 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-en-bodega">' + articulo.cantidad_bodega + '</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-en-bodega">' + articulo.cantidad_bodega + '</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 agregarArticuloOrdenDeCompra() {
            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 cantidadEnBodegaArticulo = elementoPadre.querySelector(".tabla-cantidad-en-bodega").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,
                            cantidadEnBodegaArticulo: cantidadEnBodegaArticulo
                        }
                        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-entrada">' + codigoUnico + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo-oc-entrada">' + elemento.idArticuloOrdenCompra + '</td>' +
                        '<td style="display: none;" class="tabla-id-bodega-entrada"></td>' +
                        '<td style="display: none;" class="tabla-fecha-guia-despacho-entrada"></td>' +
                        '<td style="display: none;" class="tabla-numero-guia-despacho-entrada"></td>' +
                        '<td style="display: none;" class="tabla-fecha-factura-entrada"></td>' +
                        '<td style="display: none;" class="tabla-numero-factura-entrada"></td>' +
                        '<td class="tabla-contador-articulo-entrada">' + contadorTabla + '</td>' +
                        '<td class="tabla-check-documento-entrada">' +
                        '<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-entrada">' + elemento.nombreArticulo + '</td>' +
                        '<td class="tabla-cantidad-articulo-entrada">' + elemento.cantidadArticulo + '</td>' +
                        '<td class="tabla-cantidad-en-bodega-articulo-entrada">' + elemento.cantidadEnBodegaArticulo + '</td>' +
                        '<td class="tabla-centro-costo-entrada">' + elemento.centroCosto + '</td>' +
                        '<td class="tabla-numero-rq-entrada">' + elemento.numeroRq + '</td>' +
                        '<td class="tabla-numero-oc-entrada">' + elemento.NumeroOc + '</td>' +
                        '<td class="tabla-listo-para-la-entrega" onclick="abrirModalDeEdicionListoParaEntrega(this.parentElement)">No</td>' +
                        '<td class="tabla-bodega-entrada" onclick="abrirModalDeEdicionBodega(this.parentElement)"></td>' +
                        '<td class="tabla-cantidad-agregar-articulo-entrada" onclick="abrirModalEditarCantidadEntrada(this)"></td>' +
                        '<td class="tabla-guia-despacho-entrada">' +
                        '<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-entrada">' +
                        '<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-entrada">' +
                        '<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: '¡Seleccione Artículos De La Orden De Compra!',
                    text: 'Debe seleccionar al menos un artículo de la orden de compra para añadirlo en la tabla y así guardarlo en bodega',
                    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 abrirModalSeleccionarMasivaDeBodegas() {
            datatableBodegaMasiva.rows().deselect();
            $("#modalSelecionarBodegaMasiva").modal("show");
        }

        function establecerValorALaSeleccionaMasivaDeBodega(){
            if (datatableBodegaMasiva.$('tr.selected').hasClass('selected')) {
                let data = datatableBodegaMasiva.rows({
                    selected: true
                }).data();

                var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                filas.forEach(elementoPadre => {  
                    elementoPadre.querySelector(".tabla-id-bodega-entrada").innerHTML=data[0][0];
                    elementoPadre.querySelector(".tabla-bodega-entrada").innerHTML=data[0][1];
                });
                $("#modalSelecionarBodegaMasiva").modal("hide");
            }
        }
    </script>

    <script>
        function registrarEntradaDeBodega() {
            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-entrada").innerHTML;
                var idBodega = elementoPadre.querySelector(".tabla-id-bodega-entrada").innerHTML;
                var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo-entrada").innerHTML;
                var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo-entrada").innerHTML;
                var cantidadEnBodegaArticulo = elementoPadre.querySelector(".tabla-cantidad-en-bodega-articulo-entrada").innerHTML;
                var centroCosto = elementoPadre.querySelector(".tabla-centro-costo-entrada").innerHTML;
                var numeroRq = elementoPadre.querySelector(".tabla-numero-rq-entrada").innerHTML;
                var numeroOc = elementoPadre.querySelector(".tabla-numero-oc-entrada").innerHTML;
                var bodega = elementoPadre.querySelector(".tabla-bodega-entrada").innerHTML;
                var listoParaEntrega = elementoPadre.querySelector(".tabla-listo-para-la-entrega").innerHTML;
                var cantidadEntradaDeArticuloEditable = elementoPadre.querySelector(".tabla-cantidad-agregar-articulo-entrada").innerHTML;
                var fechaGuiaDespachoEditable = elementoPadre.querySelector(".tabla-fecha-guia-despacho-entrada").innerHTML;
                var numeroGuiaDespachoEditable = elementoPadre.querySelector(".tabla-numero-guia-despacho-entrada").innerHTML;
                var fechaFacturaEditable = elementoPadre.querySelector(".tabla-fecha-factura-entrada").innerHTML;
                var numeroFacturaEditable = elementoPadre.querySelector(".tabla-numero-factura-entrada").innerHTML;

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

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

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

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

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

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

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

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

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

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

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


                var articulo = {
                    idArticuloOrdenCompra: idArticuloOrdenCompra,
                    idBodega: idBodega,
                    nombreArticulo: nombreArticulo,
                    cantidadArticulo: cantidadArticulo,
                    cantidadEnBodegaArticulo: cantidadEnBodegaArticulo,
                    centroCosto: centroCosto,
                    numeroRq: numeroRq,
                    numeroOc: numeroOc,
                    listoParaEntrega: listoParaEntrega,
                    bodega: bodega,
                    cantidadEntradaDeArticuloEditable: cantidadEntradaDeArticuloEditable,
                    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 movimientos, no hay artículo asociado en la tabla";
                document.getElementById("errorListadoArticulo").style.display = "block";
                listadoDeArticulo = "";
            }

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

            if (tablaArticuloconRegistro == true && filasConCamposVacios == false) {
                var formData = new FormData();
                formData.append('listadoDeArticulos', listadoDeArticulo);
                var csrf = '{{ csrf_token() }}';

                $.ajax({
                    url: '{{ route('entrada-bodega.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 movimientos entradas 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()
                    }
                })
            } else {
                eliminarLoading()
                document.getElementById("botonDeCreacion").removeAttribute("disabled");
            }
        }
    </script>
@stop