@extends('adminlte::page')

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

@section('title', 'Intranet | Movimiento De Salidas')

@section('content_header')
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-12">
                <h1 class="m-0">{{ $bodega->bodega }}</h1>
            </div>
        </div>
    </div>
@stop

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

            <div class="col-lg-12">
                <div class="card card-aspen card-tabs">
                    <div class="card-header p-0 pt-1">
                        <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Datos Generales</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Movimientos</a>
                            </li>
                        </ul>
                    </div>

                    <div class="card-body">
                        <div class="tab-content" id="custom-tabs-one-tabContent">
                            <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">
                                <div class="contenedorDosCamposPorFilaEnLosFormulario">

                                    <div class="form-group">
                                        <label>Folio</label>
                                        <input type="text" class="form-control" id="folio" readonly="true" value="{{ $folio }}">
                                    </div>

                                    <div class="form-group">
                                        <label>Bodega</label>
                                        <input type="text" class="form-control" id="bodega" readonly="true" value="{{ $bodega->bodega }}">
                                    </div>

                                    <div class="form-group">
                                        <label>Encargado De Bodega</label>
                                        <input type="text" class="form-control" id="nombreSolicitante" readonly="true" value="{{ auth()->user()->name }}">
                                    </div>

                                    <div class="form-group">
                                        <label>Fecha De Movimiento</label>
                                        <input type="text" class="form-control" id="fechaRegistro" readonly="true" value="{{ date('Y-m-d') }}">
                                    </div>

                                </div>

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

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

                            <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                <div class="alert alert-danger" role="alert" style="display: none;" id="errorListadoArticulo">
                                    La 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>
                                                <th colspan="7" style="text-align: center;">Movimientos De Salidas Stock
                                                </th>
                                                <th colspan="10" style="text-align: center;">Movimientos De Entradas
                                                    Tránsito</th>
                                            </tr>
                                            <tr role="row">
                                                <th>#</th>
                                                <th>Folio (Numero Preliminar)</th>
                                                <th>Codigo Artículo</th>
                                                <th>Nombre Artículo</th>
                                                <th>Reponer El Artículo</th>
                                                <th>Cantidad De Salida</th>
                                                <th>Observación</th>

                                                <th>Descripción Artículo Requisición</th>
                                                <th>CC</th>
                                                <th>RQ</th>
                                                <th>Listo Para Entregar</th>
                                                <th>Bodega Tránsito</th>
                                                <th>Cantidad Artículo Requisición</th>
                                                <th>Cantidad En Bodega</th>
                                                <th>Cantidad Ya Salida De Bodega</th>
                                                <th>Cantidad De Entrada</th>
                                                <th>Acción</th>
                                            </tr>
                                        </thead>
                                        <tbody id="tablaBodyConExportacionConFiltrado">

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

                                <button type="button" class="btn btn-aspen mt-1" onclick="abrirModalSeleccionarRq()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Añadir Movimiento Por
                                    Rq</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>
                    </div>

                    <div class=" card-footer">
                        <button type="button" class="btn btn-aspen" id="botonDeCreacion" onclick="registrarSalidaDeBodega()"><i class="fas fa-save" style="margin-right: 2px;"></i>
                            Guardar Traspaso</button>
                        <a href="{{ route('bodega.inventario-articulo', $bodega) }}" 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 $bodegaElemento)
                                        <tr>
                                            <td>{{ $bodegaElemento->id }}</td>
                                            <td>{{ $bodegaElemento->bodega }}</td>
                                            <td>{{ $bodegaElemento->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="modalRequisicion" 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="tituloRequisicion">Listado De Requisiciones </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">


                        <div class="table-responsive">
                            <table class="table" id="datatable-requisiciones" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Id Requisicion</th>
                                        <th>Número Rq</th>
                                        <th>Fecha Rq</th>
                                        <th>Usuario Solicitante</th>
                                        <th>Centro Costo</th>
                                        <th>Proyecto</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="botonSeleccionarRq" onclick="abrirModalRequisiciones()">Seleccionar </button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalArticulosDeUnaRQ" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="tituloArticulosDeUnaRQ">Listado De Artículos De La requisición </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;" 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-requisicion" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th style="display:none;">Id Articulo</th>
                                        <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>Descripción Artículo</th>
                                        <th>Cantidad</th>
                                        <th>Costo Unitario Referenciado</th>
                                        <th>Reembolsable</th>
                                        <th>Trabajador</th>
                                    </tr>
                                </thead>
                                <tbody id="tabla-articulos-de-una-requisicion">

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick='document.getElementById("seleccionarTodasLosItem").checked = false;'>Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonAsociarArticuloRQ" onclick="agregarArticuloRequisicion()">Agregar Movimientos De Salidas</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalCampoEditarCantidadSalida" 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="tituloCampoEditarCantidadSalida">Editar Cantidad De Salida</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="form-group">
                            <label>Cantidad Salida</label>
                            <input type="text" id="campoEditarCantidadSalida" class="form-control" name="bodega" onkeypress="return permitirCarateresParaIngresarCantidadEntrada(event,this)">
                            <div class="invalid-feedback" id="valicacionCampoEditarCantidadSalida">

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

    <div class="modal fade" id="modalCampoObservacion" 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="tituloCampoObservacionObservacion">Editar Cantidad De Entrada</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="form-group">
                            <label for="observacion">Observación</label>
                            <textarea class="form-control" id="observacion" name="observacion" rows="3"></textarea>
                            <div class="invalid-feedback" id="valicacionCampoObservacion">

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

    <div class="modal fade" id="modalSelecionarArticulo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title">Listado De Artículos</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group" id="contenedorDescrionArticiloAlSeleccionarlo">
                            <label for="descripcion">Descripción Artículo</label>
                            <textarea class="form-control" id="descripcionArticulo" name="descripcion-articulo" rows="3" readonly="true"></textarea>
                            <div class="invalid-feedback" id="valicacionCampoDescripcionArticulo">

                            </div>
                        </div>

                        <div class="table-responsive">
                            <table class="table" id="datatable-articulos" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Id Artículo</th>
                                        <th>Código Artículo</th>
                                        <th>Nombre Artículo</th>
                                        <th>Tipo Artículo</th>
                                        <th>Marca</th>
                                        <th>Modelo</th>
                                        <th>Talla</th>
                                        <th>Clasificación</th>
                                        <th>Cuenta De Gasto</th>
                                        <th>Unidad De Medición</th>
                                    </tr>
                                </thead>
                                <tbody>

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

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

    <div class="modal fade" id="modalSelecionarReponerArticulo" 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">Reponer Artículo</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

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

                        <div class="cuadro-modificar-reembolsable-no" onclick="seleccionarImputReponerArticulo(this)" style="cursor: pointer;">
                            <div class="custom-control custom-radio">
                                <input value="No" type="radio" id="reponerArticuloNo" name="modalReponerArticulo" class="custom-control-input" style="cursor: pointer;">
                                <label class="custom-control-label" for="reponerArticuloNo" 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="botonSeleccionarReponerArticulo">Seleccionar
                        </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">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="modalSelecionarArticuloBodegaStock" 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 Movimientos De Entradas</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="descripcion">Descripción Artículo Requisición</label>
                            <textarea class="form-control" id="descripcionArticuloRequisicion" name="descripcion-articulo-requisicion" rows="3" readonly="true"></textarea>
                            <div class="invalid-feedback" id="valicacionCampoDescripcionArticuloRequisicion">

                            </div>
                        </div>

                        <div class="form-group">
                            <label>Cantidad De Entrada</label>
                            <input type="text" id="campoColumnaCantidadSalida" class="form-control" onkeypress="return permitirCarateresParaIngresarCantidadEntrada(event,this)">
                            <div class="invalid-feedback" id="valicacionColumnaCantidadSalida">

                            </div>
                        </div>

                        <div class="table-responsive">
                            <table class="table" id="datatable-articulos-bodega-stock" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Acción</th>
                                        <th>Código Artículo</th>
                                        <th>Nombre Artículo</th>
                                        <th>Tipo</th>
                                        <th>Marca</th>
                                        <th>Modelo</th>
                                        <th>Talla</th>
                                        <th>Entrada</th>
                                        <th>Salida</th>
                                        <th>Stock</th>
                                        <th>id articulo</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="botonSeleccionarArticuloBodegaStock" onclick="editarColumnaCantidadEntrada()">Editar Cantidad De Entrada</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 $bod)
                                        <tr>
                                            <td>{{ $bod->id }}</td>
                                            <td>{{ $bod->bodega }}</td>
                                            <td>{{ $bod->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>

    <input type="hidden" id="folio" value="{{ $folio }}">
@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>
        var datatableRequisiciones = $("#datatable-requisiciones").DataTable({
            columnDefs: [{
                "targets": [0],
                "className": "hide_column"
            }, ],
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{ route('requisicion.obtener-registros-datatable-movimiento-salida-por-stock') }}',
                dataType: "json",
                type: "POST",
                data: function(d) {
                    d._token = "{{ csrf_token() }} ";
                },
            },
            columns: [{
                "data": "accion",
                "name": "accion"
            }, {
                "data": "numero_rq",
                "name": "numero_rq"
            }, {
                "data": "fecha_solicitud",
                "name": "fecha_solicitud"
            }, {
                "data": "usuario_solicitante",
                "name": "usuario_solicitante"
            }, {
                "data": "centro_costo",
                "name": "centro_costo"
            }, {
                "data": "proyecto",
                "name": "proyecto"
            }, {
                "data": "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-requisiciones thead tr").clone(true).appendTo("#datatable-requisiciones thead");

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

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

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

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

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

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

    <script>
        var datatableArticulosBodegaStock = $("#datatable-articulos-bodega-stock").DataTable({
            columnDefs: [{
                "targets": [0],
                "visible": true,
                "searchable": false,
                "className": "hide_column"
            }, {
                "targets": [10],
                "visible": true,
                "searchable": false,
                "className": "hide_column"
            }],
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{ route('entrada-bodega.obtener-registros-datatable-movimientos-tipo-stock', $bodega) }}',
                dataType: "json",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}",
                },
            },
            columns: [{
                "data": "accion",
                "name": "accion"
            }, {
                "data": "codigo",
                "name": "codigo"
            }, {
                "data": "nombre",
                "name": "nombre"
            }, {
                "data": "tipo",
                "name": "tipo"
            }, {
                "data": "marca",
                "name": "marca"
            }, {
                "data": "modelo",
                "name": "modelo"
            }, {
                "data": "talla",
                "name": "talla"
            }, {
                "data": "entrada",
                "name": "entrada",
                "orderable": false
            }, {
                "data": "salida",
                "name": "salida",
                "orderable": false
            }, {
                "data": "stock",
                "name": "stock",
                "orderable": false
            }, {
                "data": "id_articulo",
                "name": "id_articulo"
            }],
            order: [
                [0, "desc"]
            ],
            orderCellsTop: true,
            select: {
                style: 'single'
            },
            fixedHeader: true,
            lengthMenu: [
                [10, 25, 50, 100, -1],
                [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>>",
            initComplete: function(settings, json) {

            }
        });

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

        $("#datatable-articulos-bodega-stock 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" && title != "Tipo" && title != "Entrada" && title != "Salida" && title != "Stock") {
                $(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 (datatableArticulosBodegaStock.column(i).search() !== this.value) {
                        datatableArticulosBodegaStock.column(i).search(this.value).draw();
                    }
                });
            } else {
                if (title == "Estado") {
                    $(this).html(
                        '<select class="form-control"><option value="">Todos</option><option value="Operativo">Operativo</option><option value="Inactivo">Inactivo</option></select>'
                    );
                    $(this).removeClass("sorting");
                    $(this).removeClass("sorting_asc");
                    $(this).unbind();
                    $(this).parent().attr('id', 'searchColumns');

                    $("select", this).on("keyup change", function() {
                        if (datatableArticulosBodegaStock.column(i).search() !== this.value) {
                            datatableArticulosBodegaStock.column(i).search(this.value).draw();
                        }
                    });
                } else {
                    if (title == "Tipo") {
                        $(this).html(
                            '<select class="form-control"><option value="">Todos</option><option value="Artículo">Artículo</option><option value="Servicio">Servicio</option><option value="EPP">EPP</option></select>'
                        );
                        $(this).removeClass("sorting");
                        $(this).removeClass("sorting_asc");
                        $(this).unbind();
                        $(this).parent().attr('id', 'searchColumns');

                        $("select", this).on("keyup change", function() {
                            if (datatableArticulosBodegaStock.column(i).search() !== this.value) {
                                datatableArticulosBodegaStock.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>
        function cambiarCampoRutHaNumero(campo) {
            campo.setAttribute("maxlength", "9");
            switch (campo.value.length) {
                case 2:
                    var rutNumerico = campo.value.slice(1, 2);
                    campo.value = rutNumerico;
                    break;
                case 3:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(2, 3);
                    campo.value = rutNumerico1 + rutNumerico2;
                    break;
                case 4:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(3, 4);
                    campo.value = rutNumerico1 + rutNumerico2;
                    break;
                case 5:
                    var rutNumerico1 = campo.value.slice(0, 3);
                    var rutNumerico2 = campo.value.slice(4, 5);
                    campo.value = rutNumerico1 + rutNumerico2;
                    break;
                case 7:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(2, 5);
                    var rutNumerico3 = campo.value.slice(6, 7);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3;
                    break;
                case 8:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(3, 6);
                    var rutNumerico3 = campo.value.slice(7, 8);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3;
                    break;
                case 9:
                    var rutNumerico1 = campo.value.slice(0, 3);
                    var rutNumerico2 = campo.value.slice(4, 7);
                    var rutNumerico3 = campo.value.slice(8, 9);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3;
                    break;
                case 11:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(2, 5);
                    var rutNumerico3 = campo.value.slice(6, 9);
                    var rutNumerico4 = campo.value.slice(10, 11);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3 + rutNumerico4;
                    break;
                case 12:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(3, 6);
                    var rutNumerico3 = campo.value.slice(7, 10);
                    var rutNumerico4 = campo.value.slice(11, 12);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3 + rutNumerico4;
                    break;
            }
        }

        function cambiarCampoRutHaTexto(campo) {
            campo.setAttribute("maxlength", "12");
            switch (campo.value.length) {
                case 1:
                    var rutNumerico = campo.value;
                    campo.value = "-" + rutNumerico;
                    break;
                case 2:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(1, 2);
                    campo.value = rutNumerico1 + "-" + rutNumerico2;
                    break;
                case 3:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(2, 3);
                    campo.value = rutNumerico1 + "-" + rutNumerico2;
                    break;
                case 4:
                    var rutNumerico1 = campo.value.slice(0, 3);
                    var rutNumerico2 = campo.value.slice(3, 4);
                    campo.value = rutNumerico1 + "-" + rutNumerico2;
                    break;
                case 5:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(1, 4);
                    var rutNumerico3 = campo.value.slice(4, 5);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "-" + rutNumerico3;
                    break;
                case 6:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(2, 5);
                    var rutNumerico3 = campo.value.slice(5, 6);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "-" + rutNumerico3;
                    break;
                case 7:
                    var rutNumerico1 = campo.value.slice(0, 3);
                    var rutNumerico2 = campo.value.slice(3, 6);
                    var rutNumerico3 = campo.value.slice(6, 7);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "-" + rutNumerico3;
                    break;
                case 8:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(1, 4);
                    var rutNumerico3 = campo.value.slice(4, 7);
                    var rutNumerico4 = campo.value.slice(7, 8);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "." + rutNumerico3 + "-" + rutNumerico4;
                    break;
                case 9:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(2, 5);
                    var rutNumerico3 = campo.value.slice(5, 8);
                    var rutNumerico4 = campo.value.slice(8, 9);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "." + rutNumerico3 + "-" + rutNumerico4;
                    break;
            }
        }

        function validarCampoRut(event) {
            var campoRut = document.getElementById("rut");
            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 && event.key != "k" && event.key != "K") {
                return false;
            } else {
                if (campoRut.value.length > 8) {
                    return false;
                } else {
                    return true;
                }
            }
        }

        function getDV(numero) {
            nuevo_numero = numero.toString().split("").reverse().join("");
            for (i = 0, j = 2, suma = 0; i < nuevo_numero.length; i++, ((j == 7) ? j = 2 : j++)) {
                suma += (parseInt(nuevo_numero.charAt(i)) * j);
            }
            n_dv = 11 - (suma % 11);
            return ((n_dv == 11) ? 0 : ((n_dv == 10) ? "K" : n_dv));
        }
    </script>

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

        function permitirCarateresParaIngresarCantidadEntrada(event, cantidad) {
            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-salida").innerHTML = data[0][0];
                filaActual.querySelector(".tabla-bodega-salida").innerHTML = data[0][1];
                $('#modalSelecionarBodega').modal('hide');
            }
        }

        function abrirModalSeleccionarArticuloBodegaDeStock(fila) {
            filaActual = fila;
            tipoColumnaActiva = "cantidad_salida";
            datatableArticulosBodegaStock.rows().deselect();
            document.getElementById("campoColumnaCantidadSalida").value = "";
            document.getElementById("valicacionColumnaCantidadSalida").innerHTML = "";
            document.getElementById("campoColumnaCantidadSalida").setAttribute("class", "form-control");
            document.getElementById("descripcionArticuloRequisicion").innerHTML = filaActual.querySelector(".tabla-descripcion-articulo-salida").innerHTML;
            $("#modalSelecionarArticuloBodegaStock").modal("show");
            deshabilitarBotonesConfirmarEliminacionArticulo()
        }

        function editarColumnaCantidadEntrada() {
            if (datatableArticulosBodegaStock.$('tr.selected').hasClass('selected')) {
                document.getElementById("botonSeleccionarArticuloBodegaStock").setAttribute("disabled", true);
                var campoColumnaCantidadSalida = document.getElementById("campoColumnaCantidadSalida").value.trim();
                var movimientoEntrada = datatableArticulosBodegaStock.rows({
                    selected: true
                }).data();

                if (campoColumnaCantidadSalida.length > 0) {
                    if (parseInt(campoColumnaCantidadSalida) > 0) {
                        cantidadArticuloRequisicion = parseInt(filaActual.querySelector(".tabla-cantidad-articulo-salida").innerHTML);
                        cantidadEnBodega = parseInt(filaActual.querySelector(".tabla-cantidad-en-bodega-salida").innerHTML);
                        cantidadFueraDeBodega = parseInt(filaActual.querySelector(".tabla-cantidad-fuera-de-bodega-salida").innerHTML);
                        cantidadSalidaTotal = 0;
                        cantidadTotalStockMovimiento = 0;

                        var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                        filas.forEach(elementoPadre => {
                            var campoCantidadSalida = elementoPadre.querySelector(".tabla-cantidad-entrada-salida").innerHTML;
                            if (filaActual.querySelector(".tabla-id-articulo-rq-salida").innerHTML == elementoPadre.querySelector(".tabla-id-articulo-rq-salida").innerHTML) {
                                if (filaActual.querySelector(".tabla-id-unico-salida").innerHTML != elementoPadre.querySelector(".tabla-id-unico-salida").innerHTML) {
                                    if (campoCantidadSalida.trim() != "") {
                                        cantidadSalidaTotal += parseInt(campoCantidadSalida.trim());
                                    } else {
                                        cantidadSalidaTotal++;
                                    }
                                }
                            }

                            if (movimientoEntrada[0].accion == elementoPadre.querySelector(".tabla-id-movimiento-entrada").innerHTML) {
                                if (campoCantidadSalida.trim() != "") {
                                    cantidadTotalStockMovimiento += parseInt(campoCantidadSalida.trim());
                                } else {
                                    cantidadTotalStockMovimiento++;
                                }
                            }
                        });

                        cantidadSalidaTotal = cantidadSalidaTotal + parseInt(campoColumnaCantidadSalida);
                        if (cantidadEnBodega >= cantidadFueraDeBodega) {
                            cantidadSalidaTotal = cantidadSalidaTotal + cantidadEnBodega;
                        } else {
                            cantidadSalidaTotal = cantidadSalidaTotal + cantidadFueraDeBodega;
                        }
                        cantidadTotalStockMovimiento = cantidadTotalStockMovimiento + parseInt(campoColumnaCantidadSalida);
                        cantidadMaximaEntrada = cantidadArticuloRequisicion - cantidadEnBodega;
                        if (cantidadMaximaEntrada > 0) {
                            cantidadMaximaEntrada = 0;
                        }
                        cantidadMaximaSalida = cantidadArticuloRequisicion - cantidadFueraDeBodega;
                        if (cantidadMaximaSalida > 0) {
                            cantidadMaximaSalida = 0;
                        }


                        if (cantidadMaximaEntrada >= cantidadMaximaSalida) {
                            if (cantidadMaximaEntrada > cantidadArticuloRequisicion) {
                                document.getElementById("botonSeleccionarArticuloBodegaStock").removeAttribute("disabled");
                                document.getElementById("campoColumnaCantidadSalida").setAttribute("class", "form-control is-invalid");
                                document.getElementById("valicacionColumnaCantidadSalida").innerHTML = "No es posible realizar la edición de la columna cantidad de salida, ya que todas las cantidades del artículo de la requisición que usted seleccionó para la edición ya está almacenada en la bodega.";
                            } else if (cantidadSalidaTotal > cantidadArticuloRequisicion) {
                                var cantidadQueNoSeDebeSuperar = 0;
                                var cantidadQueNoSeDebeSuperarEntrada = cantidadArticuloRequisicion - cantidadMaximaEntrada;
                                var cantidadQueNoSeDebeSuperarSalidaTotal = cantidadArticuloRequisicion - cantidadSalidaTotal;
                                if (cantidadQueNoSeDebeSuperarSalidaTotal >= cantidadQueNoSeDebeSuperarEntrada) {
                                    cantidadQueNoSeDebeSuperar = cantidadQueNoSeDebeSuperarSalidaTotal;
                                    cantidadQueNoSeDebeSuperar = cantidadQueNoSeDebeSuperar - cantidadFueraDeBodega;
                                    if (cantidadQueNoSeDebeSuperar < 0) {
                                        cantidadQueNoSeDebeSuperar = 0;
                                    }
                                } else {
                                    cantidadQueNoSeDebeSuperar = cantidadQueNoSeDebeSuperarEntrada;
                                    cantidadQueNoSeDebeSuperar = cantidadQueNoSeDebeSuperar - cantidadEnBodega;
                                    if (cantidadQueNoSeDebeSuperar < 0) {
                                        cantidadQueNoSeDebeSuperar = 0;
                                    }
                                }

                                document.getElementById("botonSeleccionarArticuloBodegaStock").removeAttribute("disabled");
                                document.getElementById("campoColumnaCantidadSalida").setAttribute("class", "form-control is-invalid");
                                document.getElementById("valicacionColumnaCantidadSalida").innerHTML =
                                    "El campo cantidad de entrada del artículo de la requisición " + filaActual.querySelector(".tabla-descripcion-articulo-salida").innerHTML +
                                    " no debe superar el número " + cantidadQueNoSeDebeSuperar + " que es la cantidad máxima que se puede editar en esta fila. " +
                                    "<br/><br/>Nota: La cantidad maxima a editar es la suma total del campo cantidad de entrada y la cantidad ya almacenada en la bodega, en caso que el campo cantidad entrada no tenga datos su valor sera 1.";
                            } else {
                                if (campoColumnaCantidadSalida > parseInt(movimientoEntrada[0].stock)) {
                                    document.getElementById("botonSeleccionarArticuloBodegaStock").removeAttribute("disabled");
                                    document.getElementById("campoColumnaCantidadSalida").setAttribute("class", "form-control is-invalid");
                                    document.getElementById("valicacionColumnaCantidadSalida").innerHTML = "No hay stock suficiente en el movimiento de entrada que selecciono";
                                } else {
                                    if (cantidadTotalStockMovimiento > parseInt(movimientoEntrada[0].stock)) {
                                        document.getElementById("botonSeleccionarArticuloBodegaStock").removeAttribute("disabled");
                                        document.getElementById("campoColumnaCantidadSalida").setAttribute("class", "form-control is-invalid");
                                        document.getElementById("valicacionColumnaCantidadSalida").innerHTML = "No hay stock suficiente en el movimiento de entrada que selecciono";
                                    } else {
                                        filaActual.querySelector(".tabla-cantidad-salida-salida").innerHTML = campoColumnaCantidadSalida;
                                        filaActual.querySelector(".tabla-cantidad-entrada-salida").innerHTML = campoColumnaCantidadSalida;
                                        filaActual.querySelector(".tabla-codigo-articulo-salida").innerHTML = movimientoEntrada[0].codigo;
                                        filaActual.querySelector(".tabla-nombre-articulo-salida").innerHTML = movimientoEntrada[0].nombre;
                                        filaActual.querySelector(".tabla-id-articulo").innerHTML = movimientoEntrada[0].id_articulo;
                                        filaActual.querySelector(".tabla-id-movimiento-entrada").innerHTML = movimientoEntrada[0].accion;
                                        columnaActiva = false;
                                        document.getElementById("botonSeleccionarArticuloBodegaStock").removeAttribute("disabled");
                                        $("#modalSelecionarArticuloBodegaStock").modal("hide");
                                    }
                                }
                            }
                        } else {
                            if (cantidadMaximaSalida > cantidadArticuloRequisicion) {
                                document.getElementById("botonSeleccionarArticuloBodegaStock").removeAttribute("disabled");
                                document.getElementById("campoColumnaCantidadSalida").setAttribute("class", "form-control is-invalid");
                                document.getElementById("valicacionColumnaCantidadSalida").innerHTML = "No es posible realizar la edición de la columna cantidad de salida, ya que todas las cantidades del artículo de la requisición que usted seleccionó para la edición ya salieron de bodega.";
                            } else if (cantidadSalidaTotal > cantidadArticuloRequisicion) {
                                var cantidadQueNoSeDebeSuperar = 0;
                                var cantidadQueNoSeDebeSuperarEntrada = cantidadArticuloRequisicion - cantidadMaximaSalida;
                                var cantidadQueNoSeDebeSuperarSalidaTotal = cantidadArticuloRequisicion - cantidadSalidaTotal;
                                if (cantidadQueNoSeDebeSuperarSalidaTotal >= cantidadQueNoSeDebeSuperarEntrada) {
                                    cantidadQueNoSeDebeSuperar = cantidadQueNoSeDebeSuperarSalidaTotal;
                                    cantidadQueNoSeDebeSuperar = cantidadQueNoSeDebeSuperar - cantidadFueraDeBodega;
                                    if (cantidadQueNoSeDebeSuperar < 0) {
                                        cantidadQueNoSeDebeSuperar = 0;
                                    }
                                } else {
                                    cantidadQueNoSeDebeSuperar = cantidadQueNoSeDebeSuperarEntrada;
                                    cantidadQueNoSeDebeSuperar = cantidadQueNoSeDebeSuperar - cantidadEnBodega;
                                    if (cantidadQueNoSeDebeSuperar < 0) {
                                        cantidadQueNoSeDebeSuperar = 0;
                                    }
                                }

                                document.getElementById("botonSeleccionarArticuloBodegaStock").removeAttribute("disabled");
                                document.getElementById("campoColumnaCantidadSalida").setAttribute("class", "form-control is-invalid");
                                document.getElementById("valicacionColumnaCantidadSalida").innerHTML =
                                    "El campo cantidad de entrada del artículo de la requisición " + filaActual.querySelector(".tabla-descripcion-articulo-salida").innerHTML +
                                    " no debe superar el número " + cantidadQueNoSeDebeSuperar + " que es la cantidad máxima que se puede editar en esta fila. " +
                                    "<br/><br/>Nota: La cantidad maxima a editar es la suma total del campo cantidad de entrada y la cantidad ya fuera de la bodega, en caso que el campo cantidad entrada no tenga datos su valor sera 1.";
                            } else {
                                if (campoColumnaCantidadSalida > parseInt(movimientoEntrada[0].stock)) {
                                    document.getElementById("botonSeleccionarArticuloBodegaStock").removeAttribute("disabled");
                                    document.getElementById("campoColumnaCantidadSalida").setAttribute("class", "form-control is-invalid");
                                    document.getElementById("valicacionColumnaCantidadSalida").innerHTML = "No hay stock suficiente en el movimiento de entrada que selecciono";
                                } else {
                                    if (cantidadTotalStockMovimiento > parseInt(movimientoEntrada[0].stock)) {
                                        document.getElementById("botonSeleccionarArticuloBodegaStock").removeAttribute("disabled");
                                        document.getElementById("campoColumnaCantidadSalida").setAttribute("class", "form-control is-invalid");
                                        document.getElementById("valicacionColumnaCantidadSalida").innerHTML = "No hay stock suficiente en el movimiento de entrada que selecciono";
                                    } else {
                                        filaActual.querySelector(".tabla-cantidad-salida-salida").innerHTML = campoColumnaCantidadSalida;
                                        filaActual.querySelector(".tabla-cantidad-entrada-salida").innerHTML = campoColumnaCantidadSalida;
                                        filaActual.querySelector(".tabla-codigo-articulo-salida").innerHTML = movimientoEntrada[0].codigo;
                                        filaActual.querySelector(".tabla-nombre-articulo-salida").innerHTML = movimientoEntrada[0].nombre;
                                        filaActual.querySelector(".tabla-id-articulo").innerHTML = movimientoEntrada[0].id_articulo;
                                        filaActual.querySelector(".tabla-id-movimiento-entrada").innerHTML = movimientoEntrada[0].accion;
                                        columnaActiva = false;
                                        document.getElementById("botonSeleccionarArticuloBodegaStock").removeAttribute("disabled");
                                        $("#modalSelecionarArticuloBodegaStock").modal("hide");
                                    }
                                }
                            }
                        }
                    } else {
                        document.getElementById("botonSeleccionarArticuloBodegaStock").removeAttribute("disabled");
                        document.getElementById("campoColumnaCantidadSalida").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionColumnaCantidadSalida").innerHTML = "El campo cantidad de salida debe ser mayor que cero";
                    }
                } else {
                    document.getElementById("botonSeleccionarArticuloBodegaStock").removeAttribute("disabled");
                    document.getElementById("campoColumnaCantidadSalida").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionColumnaCantidadSalida").innerHTML = "El campo cantidad de salida es obligatorio";
                }
            } else {
                document.getElementById("campoColumnaCantidadSalida").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionColumnaCantidadSalida").innerHTML = "Debe seleccionar un movimiento de entrada.";
            }
        }

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

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

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

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

        function editarColumnaCodigoArticuloNombreArticulo() {

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

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

        function abrirModalDeReponerArticulo(fila) {
            filaActual = fila;
            tipoColumnaActiva = "reponer";
            document.getElementById("botonSeleccionarReponerArticulo").addEventListener("click", editarColumnaReponerArticulo);

            $("#reponerArticuloSi").prop('checked', false);
            $("#reponerArticuloNo").prop('checked', false);

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

        function editarColumnaReponerArticulo() {
            if ($("#reponerArticuloSi").is(':checked') || $("#reponerArticuloNo").is(':checked')) {
                var valorReembolsable = $('input:radio[name=modalReponerArticulo]:checked').val();
                filaActual.querySelector(".tabla-reponer-salida").innerHTML = valorReembolsable;
                $('#modalSelecionarReponerArticulo').modal('hide');
            }
        }

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

        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-entrada-salida").innerHTML = valorReembolsable;
                $('#modalSelecionarListoParaEntregar').modal('hide');
            }
        }

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

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

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

        function editarColumnaCantidadSalidaConModal(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 cantidadArticuloRq = parseInt(filaActual.querySelector(".tabla-cantidad-entrada-salida").innerHTML.trim());
                    var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                    var recorridoDeListaPasoPorCantidadSalidaBodega = false;
                    var cantidad = 0;
                    var cantidadSalida = 0;

                    filas.forEach(elementoPadre => {
                        var cantidadDelArticuloSalidaDeBodega = elementoPadre.querySelector(".tabla-cantidad-ya-salida-bodega-salida").innerHTML;
                        var campoCantidadSalida = elementoPadre.querySelector(".tabla-cantidad-agregar-articulo-salida").innerHTML;
                        if (filaActual.querySelector(".tabla-id-entrada-salida").innerHTML == elementoPadre.querySelector(".tabla-id-entrada-salida").innerHTML) {
                            if (cantidadDelArticuloSalidaDeBodega.trim() != "" && recorridoDeListaPasoPorCantidadSalidaBodega == false) {
                                cantidad += parseInt(cantidadDelArticuloSalidaDeBodega.trim());
                                cantidadSalida += parseInt(cantidadDelArticuloSalidaDeBodega.trim());
                                recorridoDeListaPasoPorCantidadSalidaBodega = true;
                            }

                            if (elementoPadre.querySelector(".tabla-cantidad-agregar-articulo-salida").querySelector("#campoEditarCantidadSalida")) {
                                var campoCantidadSalidaInput = elementoPadre.querySelector(".tabla-cantidad-agregar-articulo-salida").querySelector("#campoEditarCantidadSalida").value;
                                if (campoCantidadSalidaInput.trim() != "") {
                                    cantidad += parseInt(campoCantidadSalidaInput.trim());
                                    cantidadSalida += parseInt(campoCantidadSalidaInput.trim());
                                } else {
                                    cantidad++;
                                    cantidadSalida++;
                                }
                            } else {
                                if (campoCantidadSalida.trim() != "") {
                                    cantidad += parseInt(campoCantidadSalida.trim());
                                    cantidadSalida += parseInt(campoCantidadSalida.trim());
                                } else {
                                    cantidad++;
                                    cantidadSalida++;
                                }
                            }
                        }
                    });

                    if (filaActual.querySelector(".tabla-cantidad-agregar-articulo-salida").querySelector("#campoEditarCantidadSalida").value != "") {
                        cantidad -= parseInt(filaActual.querySelector(".tabla-cantidad-agregar-articulo-salida").querySelector("#campoEditarCantidadSalida").value);
                        cantidadSalida -= parseInt(filaActual.querySelector(".tabla-cantidad-agregar-articulo-salida").querySelector("#campoEditarCantidadSalida").value);
                        if (cantidad < 0) {
                            cantidad = 0;
                        }
                    } else {
                        cantidad--;
                        cantidadSalida--;
                        if (cantidad < 0) {
                            cantidad = 0;
                        }
                    }
                    cantidad = cantidad + parseInt(valorCantidad);

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

                        cantidadSalida = parseInt(filaActual.querySelector(".tabla-cantidad-entrada-salida").innerHTML) - cantidadSalida;
                        elementoPadre.innerHTML = "";
                        columnaActiva = false;
                        var mensajeDeError =
                            "El campo cantidad salida de la fila no debe superar el numero " + cantidadSalida + " 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 " +
                            "salida y la cantidad ya salida de bodega, en caso que el campo cantidad salida 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 de salida 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 de salida es obligatorio"
                })
            }
        }

        function abrirModalEditarObservacion(fila) {
            filaActual = fila;
            tipoColumnaActiva = "observacion";
            document.getElementById("observacion").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoObservacion").innerHTML = "";
            document.getElementById("observacion").value = filaActual.querySelector(".tabla-observacion-salida").innerHTML;
            $("#modalCampoObservacion").modal("show");
            deshabilitarBotonesConfirmarEliminacionArticulo()
        }

        function editarColumnaObservacionConModal() {
            if (document.getElementById("observacion").value.trim() != "") {
                filaActual.querySelector(".tabla-observacion-salida").innerHTML = document.getElementById("observacion").value.trim();
                $("#modalCampoObservacion").modal("hide");
            } else {
                document.getElementById("observacion").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoObservacion").innerHTML = "El campo observación es obligatorio";
            }
        }

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

        function habilitarBotonConfirmarEliminacionArticulo(boton) {

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

        }

        function eliminarFila(boton) {
            var elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            contadorTabla = 0;
            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            filas.forEach(elemento => {
                contadorTabla++;
                elemento.querySelector(".tabla-contador-articulo-entrada").innerHTML = contadorTabla;
            });
        }
    </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 abrirModalSeleccionarRq() {
            datatableRequisiciones.ajax.reload();
            datatableRequisiciones.rows().deselect();
            $("#modalRequisicion").modal("show");
        }

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

                var url = '{{ route('requisicion.obtener-articulos-requisicion-movimientos-salidas-por-stock', [':requisicion']) }}';
                url = url.replace(':requisicion', requisicion[0].accion);
                var csrf = '{{ csrf_token() }}';

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

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

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

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

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

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

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

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

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

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

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

                                if (articulo.todasLasCantidadEstanEnBodega == true) {
                                    if (articulo.todasLasCantidadEstanFueraDeBodega == true) {
                                        cantidad++;
                                        document.getElementById("tabla-articulos-de-una-requisicion").innerHTML +=
                                            '<tr role="row" class="odd">' +
                                            '<td style="display:none;" class="tabla-id-articulo">' + articulo.articulo.id + '</td>' +
                                            '<td style="display:none;" class="tabla-id-requisicion">' + articulo.articulo.id_requisicion + '</td>' +
                                            '<td style="display:none;" class="tabla-id-centro-costo">' + articulo.centroCosto.id + '</td>' +
                                            '<td style="display:none;" class="tabla-cantidad-en-bodega">' + articulo.cantidadEnBodega + '</td>' +
                                            '<td style="display:none;" class="tabla-cantidad-fuera-bodega">' + articulo.cantidadFueraDeBodega + '</td>' +
                                            '<td style="display:none;" class="tabla-numero-requisicion">' + articulo.requisicion.numero_rq + '</td>' +
                                            '<td style="display:none;" class="tabla-centro-costo">' + articulo.centroCosto.centro_costo + '</td>' +
                                            '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                            '<td class="tabla-check-generar-movimiento">No es posible realizar una selección, el artículo que intenta seleccionar ya tiene todas las cantidades (cantidad indicada en la rq) correspondientes fuera de bodega.</td>' +
                                            '<td class="tabla-descipcion-articiculo">' + articulo.articulo.descripcion + '</td>' +
                                            '<td class="tabla-cantidad-articulo">' + articulo.articulo.cantidad + '</td>' +
                                            '<td class="tabla-costo-unitario-referenciado">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                            '<td class="tabla-reembolsable">' + reembolsable + '</td>' +
                                            '<td class="tabla-trabajador">' + articulo.articulo.trabajador + '</td>' +
                                            '</tr>';
                                    } else {
                                        cantidad++;
                                        document.getElementById("tabla-articulos-de-una-requisicion").innerHTML +=
                                            '<tr role="row" class="odd">' +
                                            '<td style="display:none;" class="tabla-id-articulo">' + articulo.articulo.id + '</td>' +
                                            '<td style="display:none;" class="tabla-id-requisicion">' + articulo.articulo.id_requisicion + '</td>' +
                                            '<td style="display:none;" class="tabla-id-centro-costo">' + articulo.centroCosto.id + '</td>' +
                                            '<td style="display:none;" class="tabla-cantidad-en-bodega">' + articulo.cantidadEnBodega + '</td>' +
                                            '<td style="display:none;" class="tabla-cantidad-fuera-bodega">' + articulo.cantidadFueraDeBodega + '</td>' +
                                            '<td style="display:none;" class="tabla-numero-requisicion">' + articulo.requisicion.numero_rq + '</td>' +
                                            '<td style="display:none;" class="tabla-centro-costo">' + articulo.centroCosto.centro_costo + '</td>' +
                                            '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                            '<td class="tabla-check-generar-movimiento">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 rq) correspondientes.</td>' +
                                            '<td class="tabla-descipcion-articiculo">' + articulo.articulo.descripcion + '</td>' +
                                            '<td class="tabla-cantidad-articulo">' + articulo.articulo.cantidad + '</td>' +
                                            '<td class="tabla-costo-unitario-referenciado">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                            '<td class="tabla-reembolsable">' + reembolsable + '</td>' +
                                            '<td class="tabla-trabajador">' + articulo.articulo.trabajador + '</td>' +
                                            '</tr>';
                                    }
                                } else {
                                    cantidadArticuloRequisicion = articulo.articulo.cantidad;
                                    cantidadEnBodega = articulo.cantidadEnBodega;
                                    cantidadFueraDeBodega = articulo.cantidadFueraDeBodega;
                                    cantidadSalidaTotal = 0;
                                    var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                                    filas.forEach(elementoPadre => {
                                        if (articulo.articulo.id == elementoPadre.querySelector(".tabla-id-articulo-rq-salida").innerHTML) {
                                            var campoCantidadSalida = elementoPadre.querySelector(".tabla-cantidad-entrada-salida").innerHTML;
                                            if (campoCantidadSalida.trim() != "") {
                                                cantidadSalidaTotal += parseInt(campoCantidadSalida.trim());
                                            } else {
                                                cantidadSalidaTotal++;
                                            }
                                        }
                                    });

                                    if (cantidadEnBodega >= cantidadFueraDeBodega) {
                                        cantidadSalidaTotal = cantidadSalidaTotal + cantidadEnBodega;
                                    } else {
                                        cantidadSalidaTotal = cantidadSalidaTotal + cantidadFueraDeBodega;
                                    }

                                    cantidadMaximaEntrada = cantidadArticuloRequisicion - cantidadEnBodega;
                                    if (cantidadMaximaEntrada > 0) {
                                        cantidadMaximaEntrada = 0;
                                    }

                                    cantidadMaximaSalida = cantidadArticuloRequisicion - cantidadFueraDeBodega;
                                    if (cantidadMaximaSalida > 0) {
                                        cantidadMaximaSalida = 0;
                                    }

                                    if (cantidadMaximaEntrada >= cantidadMaximaSalida) {
                                        if (cantidadMaximaEntrada > cantidadArticuloRequisicion) {
                                            cantidad++;
                                            document.getElementById("tabla-articulos-de-una-requisicion").innerHTML +=
                                                '<tr role="row" class="odd">' +
                                                '<td style="display:none;" class="tabla-id-articulo">' + articulo.articulo.id + '</td>' +
                                                '<td style="display:none;" class="tabla-id-requisicion">' + articulo.articulo.id_requisicion + '</td>' +
                                                '<td style="display:none;" class="tabla-id-centro-costo">' + articulo.centroCosto.id + '</td>' +
                                                '<td style="display:none;" class="tabla-cantidad-en-bodega">' + articulo.cantidadEnBodega + '</td>' +
                                                '<td style="display:none;" class="tabla-cantidad-fuera-bodega">' + articulo.cantidadFueraDeBodega + '</td>' +
                                                '<td style="display:none;" class="tabla-numero-requisicion">' + articulo.requisicion.numero_rq + '</td>' +
                                                '<td style="display:none;" class="tabla-centro-costo">' + articulo.centroCosto.centro_costo + '</td>' +
                                                '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                                '<td class="tabla-check-generar-movimiento">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 rq) correspondientes.</td>' +
                                                '<td class="tabla-descipcion-articiculo">' + articulo.articulo.descripcion + '</td>' +
                                                '<td class="tabla-cantidad-articulo">' + articulo.articulo.cantidad + '</td>' +
                                                '<td class="tabla-costo-unitario-referenciado">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                                '<td class="tabla-reembolsable">' + reembolsable + '</td>' +
                                                '<td class="tabla-trabajador">' + articulo.articulo.trabajador + '</td>' +
                                                '</tr>';
                                        } else if (cantidadSalidaTotal >= cantidadArticuloRequisicion) {
                                            cantidad++;
                                            document.getElementById("tabla-articulos-de-una-requisicion").innerHTML +=
                                                '<tr role="row" class="odd">' +
                                                '<td style="display:none;" class="tabla-id-articulo">' + articulo.articulo.id + '</td>' +
                                                '<td style="display:none;" class="tabla-id-requisicion">' + articulo.articulo.id_requisicion + '</td>' +
                                                '<td style="display:none;" class="tabla-id-centro-costo">' + articulo.centroCosto.id + '</td>' +
                                                '<td style="display:none;" class="tabla-cantidad-en-bodega">' + articulo.cantidadEnBodega + '</td>' +
                                                '<td style="display:none;" class="tabla-cantidad-fuera-bodega">' + articulo.cantidadFueraDeBodega + '</td>' +
                                                '<td style="display:none;" class="tabla-numero-requisicion">' + articulo.requisicion.numero_rq + '</td>' +
                                                '<td style="display:none;" class="tabla-centro-costo">' + articulo.centroCosto.centro_costo + '</td>' +
                                                '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                                '<td class="tabla-check-generar-movimiento">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 rq) correspondientes o todas las cantidades se añadieron en la tabla.</td>' +
                                                '<td class="tabla-descipcion-articiculo">' + articulo.articulo.descripcion + '</td>' +
                                                '<td class="tabla-cantidad-articulo">' + articulo.articulo.cantidad + '</td>' +
                                                '<td class="tabla-costo-unitario-referenciado">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                                '<td class="tabla-reembolsable">' + reembolsable + '</td>' +
                                                '<td class="tabla-trabajador">' + articulo.articulo.trabajador + '</td>' +
                                                '</tr>';
                                        } else {
                                            cantidad++;
                                            document.getElementById("tabla-articulos-de-una-requisicion").innerHTML +=
                                                '<tr role="row" class="odd">' +
                                                '<td style="display:none;" class="tabla-id-articulo-requisicion">' + articulo.articulo.id + '</td>' +
                                                '<td style="display:none;" class="tabla-id-requisicion">' + articulo.articulo.id_requisicion + '</td>' +
                                                '<td style="display:none;" class="tabla-id-centro-costo">' + articulo.centroCosto.id + '</td>' +
                                                '<td style="display:none;" class="tabla-cantidad-en-bodega">' + articulo.cantidadEnBodega + '</td>' +
                                                '<td style="display:none;" class="tabla-cantidad-fuera-bodega">' + articulo.cantidadFueraDeBodega + '</td>' +
                                                '<td style="display:none;" class="tabla-numero-requisicion">' + articulo.requisicion.numero_rq + '</td>' +
                                                '<td style="display:none;" class="tabla-centro-costo">' + articulo.centroCosto.centro_costo + '</td>' +
                                                '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                                '<td class="tabla-check-generar-movimiento">' +
                                                '<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.id + '">' +
                                                '<label for="customCheckbox' + cantidad + '" class="custom-control-label"></label>' +
                                                '</div>' +
                                                '</div>' +
                                                '</td>' +
                                                '<td class="tabla-descipcion-articiculo">' + articulo.articulo.descripcion + '</td>' +
                                                '<td class="tabla-cantidad-articulo">' + articulo.articulo.cantidad + '</td>' +
                                                '<td class="tabla-costo-unitario-referenciado">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                                '<td class="tabla-reembolsable">' + reembolsable + '</td>' +
                                                '<td class="tabla-trabajador">' + articulo.articulo.trabajador + '</td>' +
                                                '</tr>';
                                        }
                                    } else {
                                        if (cantidadMaximaSalida > cantidadArticuloRequisicion) {
                                            cantidad++;
                                            document.getElementById("tabla-articulos-de-una-requisicion").innerHTML +=
                                                '<tr role="row" class="odd">' +
                                                '<td style="display:none;" class="tabla-id-articulo">' + articulo.articulo.id + '</td>' +
                                                '<td style="display:none;" class="tabla-id-requisicion">' + articulo.articulo.id_requisicion + '</td>' +
                                                '<td style="display:none;" class="tabla-id-centro-costo">' + articulo.centroCosto.id + '</td>' +
                                                '<td style="display:none;" class="tabla-cantidad-en-bodega">' + articulo.cantidadEnBodega + '</td>' +
                                                '<td style="display:none;" class="tabla-cantidad-fuera-bodega">' + articulo.cantidadFueraDeBodega + '</td>' +
                                                '<td style="display:none;" class="tabla-numero-requisicion">' + articulo.requisicion.numero_rq + '</td>' +
                                                '<td style="display:none;" class="tabla-centro-costo">' + articulo.centroCosto.centro_costo + '</td>' +
                                                '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                                '<td class="tabla-check-generar-movimiento">No es posible realizar una selección, el artículo que intenta seleccionar ya tiene todas las cantidades (cantidad indicada en la rq) correspondientes fuera de bodega.</td>' +
                                                '<td class="tabla-descipcion-articiculo">' + articulo.articulo.descripcion + '</td>' +
                                                '<td class="tabla-cantidad-articulo">' + articulo.articulo.cantidad + '</td>' +
                                                '<td class="tabla-costo-unitario-referenciado">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                                '<td class="tabla-reembolsable">' + reembolsable + '</td>' +
                                                '<td class="tabla-trabajador">' + articulo.articulo.trabajador + '</td>' +
                                                '</tr>';
                                        } else if (cantidadSalidaTotal >= cantidadArticuloRequisicion) {
                                            cantidad++;
                                            document.getElementById("tabla-articulos-de-una-requisicion").innerHTML +=
                                                '<tr role="row" class="odd">' +
                                                '<td style="display:none;" class="tabla-id-articulo">' + articulo.articulo.id + '</td>' +
                                                '<td style="display:none;" class="tabla-id-requisicion">' + articulo.articulo.id_requisicion + '</td>' +
                                                '<td style="display:none;" class="tabla-id-centro-costo">' + articulo.centroCosto.id + '</td>' +
                                                '<td style="display:none;" class="tabla-cantidad-en-bodega">' + articulo.cantidadEnBodega + '</td>' +
                                                '<td style="display:none;" class="tabla-cantidad-fuera-bodega">' + articulo.cantidadFueraDeBodega + '</td>' +
                                                '<td style="display:none;" class="tabla-numero-requisicion">' + articulo.requisicion.numero_rq + '</td>' +
                                                '<td style="display:none;" class="tabla-centro-costo">' + articulo.centroCosto.centro_costo + '</td>' +
                                                '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                                '<td class="tabla-check-generar-movimiento">No es posible realizar una selección, el artículo que intenta seleccionar ya tiene todas las cantidades (cantidad indicada en la rq) correspondientes fuera de bodega o todas las cantidades se añadieron en la tabla..</td>' +
                                                '<td class="tabla-descipcion-articiculo">' + articulo.articulo.descripcion + '</td>' +
                                                '<td class="tabla-cantidad-articulo">' + articulo.articulo.cantidad + '</td>' +
                                                '<td class="tabla-costo-unitario-referenciado">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                                '<td class="tabla-reembolsable">' + reembolsable + '</td>' +
                                                '<td class="tabla-trabajador">' + articulo.articulo.trabajador + '</td>' +
                                                '</tr>';
                                        } else {
                                            cantidad++;
                                            document.getElementById("tabla-articulos-de-una-requisicion").innerHTML +=
                                                '<tr role="row" class="odd">' +
                                                '<td style="display:none;" class="tabla-id-articulo-requisicion">' + articulo.articulo.id + '</td>' +
                                                '<td style="display:none;" class="tabla-id-requisicion">' + articulo.articulo.id_requisicion + '</td>' +
                                                '<td style="display:none;" class="tabla-id-centro-costo">' + articulo.centroCosto.id + '</td>' +
                                                '<td style="display:none;" class="tabla-cantidad-en-bodega">' + articulo.cantidadEnBodega + '</td>' +
                                                '<td style="display:none;" class="tabla-cantidad-fuera-bodega">' + articulo.cantidadFueraDeBodega + '</td>' +
                                                '<td style="display:none;" class="tabla-numero-requisicion">' + articulo.requisicion.numero_rq + '</td>' +
                                                '<td style="display:none;" class="tabla-centro-costo">' + articulo.centroCosto.centro_costo + '</td>' +
                                                '<td class="tabla-contador-articulo">' + cantidad + '</td>' +
                                                '<td class="tabla-check-generar-movimiento">' +
                                                '<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.id + '">' +
                                                '<label for="customCheckbox' + cantidad + '" class="custom-control-label"></label>' +
                                                '</div>' +
                                                '</div>' +
                                                '</td>' +
                                                '<td class="tabla-descipcion-articiculo">' + articulo.articulo.descripcion + '</td>' +
                                                '<td class="tabla-cantidad-articulo">' + articulo.articulo.cantidad + '</td>' +
                                                '<td class="tabla-costo-unitario-referenciado">' + valorCostoUnitarioConTipoMoneda + '</td>' +
                                                '<td class="tabla-reembolsable">' + reembolsable + '</td>' +
                                                '<td class="tabla-trabajador">' + articulo.articulo.trabajador + '</td>' +
                                                '</tr>';
                                        }
                                    }
                                }
                            }

                        });

                        document.getElementById("tituloArticulosDeUnaRQ").innerHTML = "Listado De Artículos De La requisición " + requisicion[0].numero_rq;
                        $("#modalArticulosDeUnaRQ").modal("show");
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                    }
                })
            }
        }

        function agregarArticuloRequisicion() {
            document.getElementById("botonAsociarArticuloRQ").setAttribute("disabled", true);
            var filas = document.getElementById('datatable-articulos-requisicion').tBodies[0].querySelectorAll("tr");
            var listadoDeArticulo = [];
            filas.forEach(elementoPadre => {
                var inputCheck = elementoPadre.querySelector(".tabla-check-generar-movimiento").querySelector(".custom-control-input");
                var idArticuloRequisicion = elementoPadre.querySelector(".tabla-id-articulo-requisicion").innerHTML;
                var idRequisicion = elementoPadre.querySelector(".tabla-id-requisicion").innerHTML;
                var idCentroCosto = elementoPadre.querySelector(".tabla-id-centro-costo").innerHTML;
                var numeroRequisicion = elementoPadre.querySelector(".tabla-numero-requisicion").innerHTML;
                var centroCosto = elementoPadre.querySelector(".tabla-centro-costo").innerHTML;
                var cantidadEnBodega = elementoPadre.querySelector(".tabla-cantidad-en-bodega").innerHTML;
                var cantidadFueraDeBodega = elementoPadre.querySelector(".tabla-cantidad-fuera-bodega").innerHTML;
                var descripcionArticulo = elementoPadre.querySelector(".tabla-descipcion-articiculo").innerHTML;
                var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML;
                var costoUnitarioReferenciado = elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML;
                var reembolsable = elementoPadre.querySelector(".tabla-reembolsable").innerHTML;
                var trabajador = elementoPadre.querySelector(".tabla-trabajador").innerHTML;

                if (inputCheck != undefined && inputCheck != null) {
                    if (inputCheck.checked) {
                        var articulo = {
                            idArticuloRequisicion: idArticuloRequisicion,
                            idRequisicion: idRequisicion,
                            idCentroCosto: idCentroCosto,
                            numeroRequisicion: numeroRequisicion,
                            centroCosto: centroCosto,
                            cantidadEnBodega: cantidadEnBodega,
                            cantidadFueraDeBodega: cantidadFueraDeBodega,
                            descripcionArticulo: descripcionArticulo,
                            cantidadArticulo: cantidadArticulo,
                            costoUnitarioReferenciado: costoUnitarioReferenciado,
                            reembolsable: reembolsable,
                            trabajador: trabajador
                        }
                        listadoDeArticulo.push(articulo);
                    }
                }
            });

            if (listadoDeArticulo.length > 0) {
                document.getElementById("botonAsociarArticuloRQ").removeAttribute("disabled");
                listadoDeArticulo.forEach(elemento => {
                    contadorTabla++;
                    var codigoUnico = uuidv4();
                    document.getElementById("tablaBodyConExportacionConFiltrado").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td style="display: none;" class="tabla-id-unico-salida">' + codigoUnico + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo-rq-salida">' + elemento.idArticuloRequisicion + '</td>' +
                        '<td style="display: none;" class="tabla-id-rq-salida">' + elemento.idRequisicion + '</td>' +
                        '<td style="display: none;" class="tabla-id-centro-costo-salida">' + elemento.idCentroCosto + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo"></td>' +
                        '<td style="display: none;" class="tabla-id-movimiento-entrada"></td>' +
                        '<td style="display: none;" class="tabla-id-bodega-salida"></td>' +
                        '<td class="tabla-contador-articulo-salida">' + contadorTabla + '</td>' +
                        '<td class="tabla-folio-salida">' + document.getElementById("folio").value + '</td>' +
                        '<td class="tabla-codigo-articulo-salida"></td>' +
                        '<td class="tabla-nombre-articulo-salida"></td>' +
                        '<td class="tabla-reponer-salida" onclick="abrirModalDeReponerArticulo(this.parentElement)">Si</td>' +
                        '<td class="tabla-cantidad-salida-salida"></td>' +
                        '<td class="tabla-observacion-salida" onclick="abrirModalEditarObservacion(this.parentElement)"></td>' +
                        '<td class="tabla-descripcion-articulo-salida">' + elemento.descripcionArticulo + '</td>' +
                        '<td class="tabla-centro-costo-salida">' + elemento.centroCosto + '</td>' +
                        '<td class="tabla-requisicion-salida">' + elemento.numeroRequisicion + '</td>' +
                        '<td class="tabla-listo-para-entrada-salida" onclick="abrirModalDeEdicionListoParaEntrega(this.parentElement)">No</td>' +
                        '<td class="tabla-bodega-salida" onclick="abrirModalDeEdicionBodega(this.parentElement)"></td>' +
                        '<td class="tabla-cantidad-articulo-salida">' + elemento.cantidadArticulo + '</td>' +
                        '<td class="tabla-cantidad-en-bodega-salida">' + elemento.cantidadEnBodega + '</td>' +
                        '<td class="tabla-cantidad-fuera-de-bodega-salida">' + elemento.cantidadFueraDeBodega + '</td>' +
                        '<td class="tabla-cantidad-entrada-salida" onclick="abrirModalSeleccionarArticuloBodegaDeStock(this.parentElement)"></td>' +
                        '<td class="tabla-accion-salida">' +
                        '<button onclick="habilitarBotonConfirmarEliminacionArticulo(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                        '<button onclick="eliminarFila(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                        '</td>' +
                        '</tr>';
                });
                $('#modalArticulosDeUnaRQ').modal('hide');
                $('#modalRequisicion').modal('hide');
            } else {
                eliminarLoading()
                document.getElementById("botonAsociarArticuloRQ").removeAttribute("disabled");
                Swal.fire({
                    icon: 'error',
                    title: '¡Seleccionar!',
                    text: 'Debe seleccionar al menos un artículo para hacer la salida de 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;
                });
            }
        }
    </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-salida").innerHTML=data[0][0];
                elementoPadre.querySelector(".tabla-bodega-salida").innerHTML=data[0][1];
            });
            $("#modalSelecionarBodegaMasiva").modal("hide");
        }
    }
</script>

    <script>
        function registrarSalidaDeBodega() {
            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 idArticuloRequisicion = elementoPadre.querySelector(".tabla-id-articulo-rq-salida").innerHTML;
                var idRequisicion = elementoPadre.querySelector(".tabla-id-rq-salida").innerHTML;
                var idCentroCosto = elementoPadre.querySelector(".tabla-id-centro-costo-salida").innerHTML;
                var idArticulo = elementoPadre.querySelector(".tabla-id-articulo").innerHTML;
                var idMovimientosEntrada = elementoPadre.querySelector(".tabla-id-movimiento-entrada").innerHTML;
                var idBodega = elementoPadre.querySelector(".tabla-id-bodega-salida").innerHTML;
                var folio = elementoPadre.querySelector(".tabla-folio-salida").innerHTML;
                var descripcionArticulo = elementoPadre.querySelector(".tabla-descripcion-articulo-salida").innerHTML;
                var codigoArticulo = elementoPadre.querySelector(".tabla-codigo-articulo-salida").innerHTML;
                var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo-salida").innerHTML;
                var centroCosto = elementoPadre.querySelector(".tabla-centro-costo-salida").innerHTML;
                var requisicion = elementoPadre.querySelector(".tabla-requisicion-salida").innerHTML;
                var bodega = elementoPadre.querySelector(".tabla-bodega-salida").innerHTML;
                var reponerSalida = elementoPadre.querySelector(".tabla-reponer-salida").innerHTML;
                var listoParaEntrega = elementoPadre.querySelector(".tabla-listo-para-entrada-salida").innerHTML;
                var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo-salida").innerHTML;
                var cantidadEnBodega = elementoPadre.querySelector(".tabla-cantidad-en-bodega-salida").innerHTML;
                var cantidadFueraDeBodega = elementoPadre.querySelector(".tabla-cantidad-fuera-de-bodega-salida").innerHTML;
                var cantidadSalida = elementoPadre.querySelector(".tabla-cantidad-entrada-salida").innerHTML;
                var observacion = elementoPadre.querySelector(".tabla-observacion-salida").innerHTML;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                var articulo = {
                    idArticuloRequisicion: idArticuloRequisicion,
                    idRequisicion: idRequisicion,
                    idCentroCosto: idCentroCosto,
                    idArticulo: idArticulo,
                    idMovimientosEntrada: idMovimientosEntrada,
                    idBodega: idBodega,
                    folio: folio,
                    descripcionArticulo: descripcionArticulo,
                    codigoArticulo: codigoArticulo,
                    nombreArticulo: nombreArticulo,
                    centroCosto: centroCosto,
                    requisicion: requisicion,
                    bodega: bodega,
                    reponerSalida: reponerSalida,
                    listoParaEntrega: listoParaEntrega,
                    cantidadArticulo: cantidadArticulo,
                    cantidadEnBodega: cantidadEnBodega,
                    cantidadFueraDeBodega: cantidadFueraDeBodega,
                    cantidadSalida: cantidadSalida,
                    observacion: observacion
                }
                listadoDeArticulo.push(articulo);
            });
            listadoDeArticulo = JSON.stringify(listadoDeArticulo);

            if (tablaArticuloconRegistro == false) {
                document.getElementById("errorListadoArticulo").innerHTML = "No es posible realizar el traspaso de artículo, no hay artículo de requisición asociado en la tabla";
                document.getElementById("errorListadoArticulo").style.display = "block";
                listadoDeArticulo = "";
            }

            if (filasConCamposVacios == true) {
                document.getElementById("errorListadoArticulo").innerHTML = "No es posible realizar el traspaso de artículo, 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);
                formData.append('observacionGeneral', document.getElementById("observacionGeneral").value);
                var csrf = '{{ csrf_token() }}';

                $.ajax({
                    url: '{{ route('salida-bodega.store-por-stock', $bodega) }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        eliminarLoading()
                        Swal.fire({
                                icon: 'success',
                                title: '¡Traspaso!',
                                text: 'Se realizó el traspaso de artículo de manera exitosa',
                                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 {
                document.getElementById("custom-tabs-one-profile-tab").click();
                eliminarLoading()
                document.getElementById("botonDeCreacion").removeAttribute("disabled");
            }
        }
    </script>
@stop