@extends('adminlte::page')

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

@section('title', 'Intranet | Traspaso A Bodega De Stock')

@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="6" style="text-align: center;">Movimientos De Salidas Stock
                                                </th>
                                                <th colspan="3" 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>Cantidad De Salida</th>
                                                <th>Observación</th>

                                                <th>Bodega Stock</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="agregarMovimientoParaTraspasoDeArticulo()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Añadir Movimiento</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="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="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="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>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>

    <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 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>
        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");
            $("#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) {
                        cantidadTotalStockMovimiento = 0;

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

                        cantidadTotalStockMovimiento = cantidadTotalStockMovimiento + parseInt(campoColumnaCantidadSalida);
                        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 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 agregarMovimientoParaTraspasoDeArticulo() {
            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"></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-cantidad-salida-salida"></td>' +
                '<td class="tabla-observacion-salida" onclick="abrirModalEditarObservacion(this.parentElement)"></td>' +
                '<td class="tabla-bodega-salida" onclick="abrirModalDeEdicionBodega(this.parentElement)"></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>';
        }
    </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 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 codigoArticulo = elementoPadre.querySelector(".tabla-codigo-articulo-salida").innerHTML;
                var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo-salida").innerHTML;
                var bodega = elementoPadre.querySelector(".tabla-bodega-salida").innerHTML;
                var cantidadSalida = elementoPadre.querySelector(".tabla-cantidad-entrada-salida").innerHTML;
                var observacion = elementoPadre.querySelector(".tabla-observacion-salida").innerHTML;

                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 (codigoArticulo.trim().length == "") {
                    filasConCamposVacios = true;
                }

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

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

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

                var articulo = {
                    idArticulo: idArticulo,
                    idMovimientosEntrada: idMovimientosEntrada,
                    idBodega: idBodega,
                    folio: folio,
                    codigoArticulo: codigoArticulo,
                    nombreArticulo: nombreArticulo,
                    bodega: bodega,
                    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-traspaso-bodega-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