@extends('adminlte::page')

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

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

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

    </div>
@stop

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

            <div class="col-lg-12">
                <div class="card card-aspen 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 De Salida</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="{{ $salidaBodega->folio }}">
                                    </div>

                                    <div class="form-group">
                                        <label>Fecha De Movimiento</label>
                                        <input type="text" class="form-control" id="fechaRegistro" readonly="true" value="{{ fechaConFormatoDeChile($salidaBodega->created_at) }}">
                                    </div>

                                    <div class="form-group">
                                        <label>Encargado De Bodega</label>
                                        <input type="text" class="form-control" id="nombreSolicitante" readonly="true" value="{{ $salidaBodega->solicitante->name }}">
                                    </div>

                                    <div class="form-group">
                                        <label>Centro costo</label>
                                        <input type="text" class="form-control" readonly="true" value="{{ $salidaBodega->centroCosto->centro_costo }}">
                                    </div>
                                    <input type="hidden" id="centroCosto" value="{{$salidaBodega->id_centro_costo}}">

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

                                    <div class="form-group">
                                        <label for="rut">Rut Receptor</label>
                                        <input type="text" class="form-control" id="rut" name="rut" value="{{ old('rut', $salidaBodega->rut_receptor) }}" onblur="cambiarCampoRutHaTexto(this)" onkeypress="return validarCampoRut(event)" onfocus="cambiarCampoRutHaNumero(this)">
                                        <div class="invalid-feedback" id="valicacionCampoRut">

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="nombre">Nombre Receptor</label>
                                        <input type="text" class="form-control" id="nombreReceptor" name="nombreReceptor" value="{{ old('nameReceptor', $salidaBodega->nombre_receptor) }}">
                                        <div class="invalid-feedback" id="valicacionCampoNombreReceptor">

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label>Fecha Recepción</label>
                                        <input type="date" class="form-control" name="fechaReceptor" id="fechaReceptor" value="{{ old('fechaReceptor', fechaConFormatoDeUSA($salidaBodega->fecha_recepcion)) }}">
                                        <div class="invalid-feedback" id="valicacionCampofechaReceptor">

                                        </div>
                                    </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">{{ $salidaBodega->observacion }}</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 role="row">
                                                <th>#</th>
                                                <th>Folio (Numero Preliminar)</th>
                                                <th>Nombre Articulo</th>
                                                <th>Cantidad Entrada</th>
                                                <th>Cantidad Ya Salida De Bodega</th>
                                                <th>CC</th>
                                                <th>RQ</th>
                                                <th>OC</th>
                                                <th>Fecha Guía De Despacho</th>
                                                <th>Numero Guia De Despacho</th>
                                                <th>Fecha Factura</th>
                                                <th>Numero Factura</th>
                                                <th>Cantidad De Salidad</th>
                                                <th>Observación</th>
                                                <th>Estado</th>
                                                <th>Acción</th>
                                            </tr>
                                        </thead>
                                        <tbody id="tablaBodyConExportacionConFiltrado">
                                            @php
                                                $cantidad = 0;
                                            @endphp
                                            @foreach ($salidaBodega->movimientosSalidas as $salida)
                                                @php
                                                    $cantidad++;
                                                    $cantidadEnBodega = 0;
                                                    foreach ($salida->entradaBodega->movimientosSalidas as $sal) {
                                                        if ($sal->estado != 'Anulada') {
                                                            $cantidadEnBodega += $sal->cantidad;
                                                        }
                                                    }
                                                    $cantidadEnBodega = $cantidadEnBodega - $salida->cantidad;
                                                    if ($cantidadEnBodega < 0) {
                                                        $cantidadEnBodega = 0;
                                                    }
                                                @endphp
                                                <tr role="row" class="odd">
                                                    <td style="display: none;" class="tabla-id-unico-salida">{{uniqid()}}</td>
                                                    <td style="display: none;" class="tabla-id-salida">{{ $salida->id }}</td>
                                                    <td style="display: none;" class="tabla-id-entrada-salida">{{ $salida->id_entrada_bodega }}</td>
                                                    <td style="display: none;" class="tabla-id-articulo-rq-salida">{{ $salida->id_articulo_rq }}</td>
                                                    <td style="display: none;" class="tabla-id-cc-salida">{{ $salida->id_centro_costo }}</td>
                                                    <td style="display: none;" class="tabla-id-articulo-salida">{{ $salida->id_articulo }}</td>
                                                    <td style="display: none;" class="tabla-id-articulo-oc-salida">{{ $salida->id_articulo_oc }}</td>
                                                    <td class="tabla-contador-articulo-entrada">{{ $cantidad }}</td>
                                                    <td class="tabla-folio-entrada">{{ $salidaBodega->folio }}</td>
                                                    <td class="tabla-nombre-articulo-salida">{{ $salida->articulo->descripcion }}</td>
                                                    <td class="tabla-cantidad-entrada-salida">{{ $salida->entradaBodega->cantidad }}</td>
                                                    <td class="tabla-cantidad-ya-salida-bodega-salida">{{$cantidadEnBodega}}</td>
                                                    <td class="tabla-centro-costo-salida">{{ $salidaBodega->centroCosto->centro_costo }}</td>
                                                    @if (isset($salida->articuloRequisicion))
                                                        <td class="tabla-numero-rq-salida">{{ $salida->articuloRequisicion->requisicion->numero_rq }}</td>
                                                    @else
                                                        <td class="tabla-numero-rq-salida"></td>
                                                    @endif
                                                    <td class="tabla-numero-oc-salida">{{ $salida->articuloOrdenDeCompra->ordenDeCompra->numero_oc }}</td>
                                                    <td class="tabla-fecha-guia-despacho-salida">{{ $salida->entradaBodega->fecha_guia_despacho }}</td>
                                                    <td class="tabla-numero-guia-despacho-salida">{{ $salida->entradaBodega->numero_guia_despacho }}</td>
                                                    <td class="tabla-fecha-factura-salida">{{ $salida->entradaBodega->fecha_factura }}</td>
                                                    <td class="tabla-numero-factura-salida">{{ $salida->entradaBodega->numero_factura }}</td>
                                                    <td class="tabla-cantidad-agregar-articulo-salida" onclick="abrirModalEditarCantidadSalida(this)">{{ $salida->cantidad }}</td>
                                                    <td class="tabla-observacion-salida" onclick="abrirModalEditarObservacion(this.parentElement)">{{ $salida->observacion }}</td>
                                                    <td class="tabla-estado-salida">
                                                        @if($salida->estado=="Pendiente")
                                                            <span class="badge badge-secondary">{{$salida->estado}}</span>
                                                        @endif

                                                        @if($salida->estado=="Anulada")
                                                            <span class="badge badge-info">{{$salida->estado}}</span>
                                                        @endif

                                                        @if($salida->estado=="Recepción no conforme")
                                                            <span class="badge badge-danger">{{$salida->estado}}</span>
                                                        @endif

                                                        @if($salida->estado=="Recepción conforme")
                                                            <span class="badge badge-success">{{$salida->estado}}</span>
                                                        @endif
                                                    </td>
                                                    <td class="tabla-accion-articulo-entrada">
                                                        @if($salida->estado=="Pendiente" || $salida->estado=="Anulada")
                                                            @if($salida->estado=="Pendiente")
                                                            <button onclick="habilitarBotonConfirmarAnulacionArticulo(this)" type="button" class="btn btn-info mr-1" data-toggle="tooltip" data-placement="top" title="Anular Movimiento"><i class="fas fa-times-circle"></i></button>
                                                            <button onclick="anularFila(this)" style="display: none;" type="button" class="btn btn-info boton-confirmar-articulo mr-1">Confirmar</button>
                                                            @endif

                                                            @if($salida->estado=="Anulada")
                                                            <button onclick="habilitarBotonConfirmarAnulacionArticulo(this)" type="button" class="btn btn-secondary mr-1" data-toggle="tooltip" data-placement="top" title="Establecer Movimiento Pendiente"><i class="fas fa-clock"></i></button>
                                                            <button onclick="pendienteFila(this)" style="display: none;" type="button" class="btn btn-secondary boton-confirmar-articulo mr-1">Confirmar</button>
                                                            @endif
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </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-aspen mt-1" onclick="abrirModalSeleccionarOc()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Añadir Movimiento Por Oc</button>
                                <!--<button type="button" class="btn btn-aspen mt-1" onclick="abrirModalSeleccionarCc()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Añadir Movimiento Por Cc</button>-->
                            </div>
                        </div>
                    </div>

                    <div class=" card-footer">
                        <button type="button" class="btn btn-aspen" id="botonDeCreacion" onclick="editarSalidaDeBodega()"><i class="fas fa-save" style="margin-right: 2px;"></i> Guardar Movimientos Salidas</button>
                        <a href="{{ route('salida-bodega.index-folio') }}" 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="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="modalArticuloRequisicion" 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="tituloArticuloRequisicion">Listado 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="table-responsive">
                            <table class="table" id="datatable-articulos-requisicion" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>id entrada</th>
                                        <th>id articulo requisicion</th>
                                        <th>id centro costo</th>
                                        <th>id articulo</th>
                                        <th>id articulo orden compra</th>
                                        <th>#</th>
                                        <th>Acciones</th>
                                        <th>Nombre Artículo</th>
                                        <th>Cantidad Entrada</th>
                                        <th>CC</th>
                                        <th>RQ</th>
                                        <th>OC</th>
                                        <th>Fecha Guía Despacho</th>
                                        <th>Numero Guía Despacho</th>
                                        <th>Fecha Factura</th>
                                        <th>Numero Factura</th>
                                        <th>Cantidad Ya Salida De Bodega</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">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonSeleccionarArticuloRq" onclick="agregarEntradasDesdeUnaRequisicion()">Añadir Entrada</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalOrdenDeCompra" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="tituloOrdenDeCompra">Listado De Ordenes De Compra </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">


                        <div class="table-responsive">
                            <table class="table" id="datatable-orden-compra" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Id Orden Compra</th>
                                        <th>Número OC</th>
                                        <th>Fecha OC</th>
                                        <th>Razon Social Proveedor</th>
                                        <th>Nombre Del Generador De La OC</th>
                                        <th>Monto Total De La OC</th>
                                        <th>Sucursal</th>
                                    </tr>
                                </thead>
                                <tbody>

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

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

    <div class="modal fade" id="modalArticuloOrdenCompra" 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="tituloArticuloOrdenCompra">Listado 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="table-responsive">
                            <table class="table" id="datatable-articulos-orden-compra" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>id entrada</th>
                                        <th>id articulo requisicion</th>
                                        <th>id centro costo</th>
                                        <th>id articulo</th>
                                        <th>id articulo orden compra</th>
                                        <th>#</th>
                                        <th>Acciones</th>
                                        <th>Nombre Artículo</th>
                                        <th>Cantidad Entrada</th>
                                        <th>CC</th>
                                        <th>RQ</th>
                                        <th>OC</th>
                                        <th>Fecha Guía Despacho</th>
                                        <th>Numero Guía Despacho</th>
                                        <th>Fecha Factura</th>
                                        <th>Numero Factura</th>
                                        <th>Cantidad Ya Salida De Bodega</th>
                                    </tr>
                                </thead>
                                <tbody id="tabla-articulos-de-una-orden-compra">

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

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonSeleccionarArticuloOc" onclick="agregarEntradasDesdeUnaOrdenCompra()">Añadir Entrada</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalCentroCosto" 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="tituloCentroCosto">Listado De Centro De Costo </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-centro-costo" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Id Centro Costo</th>
                                        <th>Centro De Costo</th>
                                        <th>Nombre</th>
                                        <th>Administrador De Contrato</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="botonSeleccionarCc" onclick="abrirModalArticulosDeCentroCostos()">Seleccionar </button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalArticuloCentroCosto" 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="tituloArticuloCentroCosto">Listado 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="table-responsive">
                            <table class="table" id="datatable-articulos-centro-costo" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>id entrada</th>
                                        <th>id articulo requisicion</th>
                                        <th>id centro costo</th>
                                        <th>id articulo</th>
                                        <th>id articulo orden compra</th>
                                        <th>#</th>
                                        <th>Acciones</th>
                                        <th>Nombre Artículo</th>
                                        <th>Cantidad Entrada</th>
                                        <th>CC</th>
                                        <th>RQ</th>
                                        <th>OC</th>
                                        <th>Fecha Guía Despacho</th>
                                        <th>Numero Guía Despacho</th>
                                        <th>Fecha Factura</th>
                                        <th>Numero Factura</th>
                                        <th>Cantidad Ya Salida De Bodega</th>
                                    </tr>
                                </thead>
                                <tbody id="tabla-articulos-de-una-centro-costo">

                                </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="botonSeleccionarArticuloCc" onclick="agregarEntradasDesdeUnCentroCosto()">Añadir Entrada</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>
@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>
        $('#centroCosto').selectpicker({
            dropupAuto: false
        });

        $('#bodega').selectpicker({
            dropupAuto: false
        });
    </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') }}',
                dataType: "json",
                type: "POST",
                data: function(d) {
                    d._token = "{{ csrf_token() }} ";
                    d.centro_costo = $('#centroCosto').val();
                },
            },
            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 datatableOrdenesDeCompra = $("#datatable-orden-compra").DataTable({
            columnDefs: [{
                "targets": [0],
                "className": "hide_column"
            }, ],
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{ route('orden-de-compra.obtener-registros-datatable-pora-salida-bodega') }}',
                dataType: "json",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}"
                },
            },
            columns: [{
                    "data": "id",
                    "name": "id"
                },
                {
                    "data": "numero_oc",
                    "name": "numero_oc"
                },
                {
                    "data": "fecha_oc",
                    "name": "fecha_oc"
                },
                {
                    "data": "razon_social",
                    "name": "razon_social"
                },
                {
                    "data": "generador_de_la_oc",
                    "name": "generador_de_la_oc"
                },
                {
                    "data": "monto_total",
                    "name": "monto_total"
                }, {
                    "data": "sucursal",
                    "name": "sucursal"
                }
            ],
            select: {
                style: 'single'
            },
            orderCellsTop: true,
            //fixedHeader: true,
            lengthMenu: [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "Todos"],
            ],
            language: {
                processing: "Cargando Registros...",
                search: "Buscar",
                lengthMenu: "Mostrar_MENU_ Registros",
                info: "Mostrar desde _START_ hasta _END_ de _TOTAL_ registros",
                infoEmpty: "Opcion no disponible",
                infoFiltered: "",
                infoPostFix: "",
                loadingRecords: "Cargandos registros.",
                zeroRecords: "No hay datos disponibles en la tabla",
                emptyTable: "No hay datos disponibles en la tabla",
                paginate: {
                    first: "Primero",
                    previous: "Anterior",
                    next: "Siguiente",
                    last: "Ultimo",
                },
            },
            dom: "<'row'<'col-sm-4'l><'col-sm-4 d-flex justify-content-center' ><'col-sm-4'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-6'i><'col-sm-6'p>>"
        });

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

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

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

    <script>
        var datatableCentroCosto = $("#datatable-centro-costo").DataTable({
            columnDefs: [{
                "targets": [0],
                "className": "hide_column"
            }, ],
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{ route('centro-costo.obtener-registros-movimientos-salidas-datatable') }}',
                dataType: "json",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}"
                },
            },
            columns: [{
                    "data": "id",
                    "name": "id"
                },
                {
                    "data": "centro_costo",
                    "name": "centro_costo"
                },
                {
                    "data": "nombre_centro_costo",
                    "name": "nombre_centro_costo"
                },
                {
                    "data": "administrador_contrato",
                    "name": "administrador_contrato"
                }, {
                    "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-centro-costo thead tr").clone(true).appendTo("#datatable-centro-costo thead");

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

    <script>
        var datatableEntradasRequisicion = $("#datatable-articulos-requisicion").DataTable({
            columnDefs: [{
                "targets": [0],
                "className": "tabla-id-entrada hide_column"
            }, {
                "targets": [1],
                "className": "tabla-id-articulo-requisicion hide_column"
            }, {
                "targets": [2],
                "className": "tabla-id-centro-costo hide_column"
            }, {
                "targets": [3],
                "className": "tabla-id-articulo hide_column"
            }, {
                "targets": [4],
                "className": "tabla-id-articulo-orden-compra hide_column"
            }, {
                "targets": [5],
                "className": "tabla-contador-articulo"
            }, {
                "targets": [6],
                "className": "tabla-check-entrada"
            }, {
                "targets": [7],
                "className": "tabla-nombre-articulo"
            }, {
                "targets": [8],
                "className": "tabla-cantidad-entrada"
            }, {
                "targets": [9],
                "className": "tabla-centro-costo"
            }, {
                "targets": [10],
                "className": "tabla-numero-requisicion"
            }, {
                "targets": [11],
                "className": "tabla-numero-orden-compra"
            }, {
                "targets": [12],
                "className": "tabla-fecha-guia-despacho"
            }, {
                "targets": [13],
                "className": "tabla-numero-guia-despacho"
            }, {
                "targets": [14],
                "className": "tabla-fecha-factura"
            }, {
                "targets": [15],
                "className": "tabla-numero-factura"
            }, {
                "targets": [16],
                "className": "tabla-cantidad-salida-bodega"
            }, ],
            orderCellsTop: true,
            fixedHeader: true,
            lengthMenu: [
                [-1],
                ["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-requisicion thead tr").clone(true).appendTo("#datatable-articulos-requisicion thead");

        $("#datatable-articulos-requisicion thead tr:eq(1) th").each(function(i) {
            var title = $(this).text(); //es el nombre de la columna
            if (title != "Acciones" && title != "#") {
                $(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 (datatableEntradasRequisicion.column(i).search() !== this.value) {
                        datatableEntradasRequisicion.column(i).search(this.value).draw();
                    }
                });
            } else {
                $(this).html("<div></div>");
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
            }
        });
    </script>

    <script>
        var datatableEntradasOrdenCompra = $("#datatable-articulos-orden-compra").DataTable({
            columnDefs: [{
                "targets": [0],
                "className": "tabla-id-entrada hide_column"
            }, {
                "targets": [1],
                "className": "tabla-id-articulo-requisicion hide_column"
            }, {
                "targets": [2],
                "className": "tabla-id-centro-costo hide_column"
            }, {
                "targets": [3],
                "className": "tabla-id-articulo hide_column"
            }, {
                "targets": [4],
                "className": "tabla-id-articulo-orden-compra hide_column"
            }, {
                "targets": [5],
                "className": "tabla-contador-articulo"
            }, {
                "targets": [6],
                "className": "tabla-check-entrada"
            }, {
                "targets": [7],
                "className": "tabla-nombre-articulo"
            }, {
                "targets": [8],
                "className": "tabla-cantidad-entrada"
            }, {
                "targets": [9],
                "className": "tabla-centro-costo"
            }, {
                "targets": [10],
                "className": "tabla-numero-requisicion"
            }, {
                "targets": [11],
                "className": "tabla-numero-orden-compra"
            }, {
                "targets": [12],
                "className": "tabla-fecha-guia-despacho"
            }, {
                "targets": [13],
                "className": "tabla-numero-guia-despacho"
            }, {
                "targets": [14],
                "className": "tabla-fecha-factura"
            }, {
                "targets": [15],
                "className": "tabla-numero-factura"
            }, {
                "targets": [16],
                "className": "tabla-cantidad-salida-bodega"
            }, ],
            orderCellsTop: true,
            fixedHeader: true,
            lengthMenu: [
                [-1],
                ["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-orden-compra thead tr").clone(true).appendTo("#datatable-articulos-orden-compra thead");

        $("#datatable-articulos-orden-compra thead tr:eq(1) th").each(function(i) {
            var title = $(this).text(); //es el nombre de la columna
            if (title != "Acciones" && title != "#") {
                $(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 (datatableEntradasOrdenCompra.column(i).search() !== this.value) {
                        datatableEntradasOrdenCompra.column(i).search(this.value).draw();
                    }
                });
            } else {
                $(this).html("<div></div>");
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
            }
        });
    </script>

    <script>
        var datatableEntradasCentroCosto = $("#datatable-articulos-centro-costo").DataTable({
            columnDefs: [{
                "targets": [0],
                "className": "tabla-id-entrada hide_column"
            }, {
                "targets": [1],
                "className": "tabla-id-articulo-requisicion hide_column"
            }, {
                "targets": [2],
                "className": "tabla-id-centro-costo hide_column"
            }, {
                "targets": [3],
                "className": "tabla-id-articulo hide_column"
            }, {
                "targets": [4],
                "className": "tabla-id-articulo-orden-compra hide_column"
            }, {
                "targets": [5],
                "className": "tabla-contador-articulo"
            }, {
                "targets": [6],
                "className": "tabla-check-entrada"
            }, {
                "targets": [7],
                "className": "tabla-nombre-articulo"
            }, {
                "targets": [8],
                "className": "tabla-cantidad-entrada"
            }, {
                "targets": [9],
                "className": "tabla-centro-costo"
            }, {
                "targets": [10],
                "className": "tabla-numero-requisicion"
            }, {
                "targets": [11],
                "className": "tabla-numero-orden-compra"
            }, {
                "targets": [12],
                "className": "tabla-fecha-guia-despacho"
            }, {
                "targets": [13],
                "className": "tabla-numero-guia-despacho"
            }, {
                "targets": [14],
                "className": "tabla-fecha-factura"
            }, {
                "targets": [15],
                "className": "tabla-numero-factura"
            }, {
                "targets": [16],
                "className": "tabla-cantidad-salida-bodega"
            }, ],
            orderCellsTop: true,
            fixedHeader: true,
            lengthMenu: [
                [-1],
                ["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-centro-costo thead tr").clone(true).appendTo("#datatable-articulos-centro-costo thead");

        $("#datatable-articulos-centro-costo thead tr:eq(1) th").each(function(i) {
            var title = $(this).text(); //es el nombre de la columna
            if (title != "Acciones" && title != "#") {
                $(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 (datatableEntradasCentroCosto.column(i).search() !== this.value) {
                        datatableEntradasCentroCosto.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 === "Enter") {
                cantidad.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                var elementoPadre = cantidad.parentElement.parentElement;
                var elementoAbuelo = cantidad.parentElement.parentElement.parentElement;
                var valorCantidad = cantidad.value;

                if (valorCantidad != "") {
                    var campoCantidadEntradaNumero = parseInt(valorCantidad);
                    if (campoCantidadEntradaNumero > 0) {
                        var 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"
                    })
                }
            } else {
                if (event.key != 1 && event.key != 2 && event.key != 3 && event.key != 4 && event.key != 5 && event.key != 6 && event.key != 7 && event.key != 8 && event.key != 9 && event.key != 0) {
                    return false;
                } else {
                    return true;
                }
            }

        }

        function setCaretPosition(ctrl, pos) {

            if (ctrl.setSelectionRange) {
                ctrl.focus();
                ctrl.setSelectionRange(pos, pos);
            } else if (ctrl.createTextRange) {
                var range = ctrl.createTextRange();
                range.collapse(true);
                range.moveEnd('character', pos);
                range.moveStart('character', pos);
                range.select();
            }

        }

        function abrirModalDeEdicionBodega(fila) {
            filaActual = fila;
            tipoColumnaActiva = "bodega";
            document.getElementById("botonSeleccionarBodega").addEventListener("click", editarColumnaBodega);

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

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

        function editarColumnaBodega() {

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

        /*function editarColumnaCantidadEntrada(cantidad) {
            var habilitarImput = false;
            if (tipoColumnaActiva != "cantidad") {
                habilitarImput = true;
            }

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

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

        }

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

        function obtenerLaCantidadDeEntradaTotalDelArticuloOrdenCompra(){
            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            var cantidad=0;
            filas.forEach(elementoPadre => {
                tablaArticuloconRegistro = true;
                var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo-entrada").innerHTML;
                var cantidadEnBodegaArticulo = elementoPadre.querySelector(".tabla-cantidad-en-bodega-articulo-entrada").innerHTML;
                var campoCantidadEntrada = elementoPadre.querySelector(".tabla-cantidad-agregar-articulo-entrada");
                if(campoCantidadEntrada.querySelector(".form-group")){
                }else{
                    var campoCantidadEntradaValor=campoCantidadEntrada.innerHTML;
                    if(campoCantidadEntradaValor.trim()!=""){
                        cantidad+=parseInt(campoCantidadEntradaValor.trim());
                        cantidad+=parseInt(campoCantidadEntrada.trim());
                    }
                }
            });
            return cantidad;
        }
        
        function abrirModalEditarCantidadSalida(fila) {
            filaActual = fila;
            tipoColumnaActiva = "cantidad-salida";
            document.getElementById("campoEditarCantidadSalida").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoEditarCantidadSalida").innerHTML = "";
            document.getElementById("campoEditarCantidadSalida").value = filaActual.querySelector(".tabla-cantidad-agregar-articulo-salida").innerHTML;
            $("#modalCampoEditarCantidadSalida").modal("show");
            deshabilitarBotonesConfirmarEliminacionArticulo()
        }

        function editarColumnaCantidadSalidaConModal() {
            if (document.getElementById("campoEditarCantidadSalida").value.trim() != "") {
                var campoCantidadEntradaNumero = parseInt(document.getElementById("campoEditarCantidadSalida").value.trim());
                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 (campoCantidadSalida.trim() != "") {
                                cantidad += parseInt(campoCantidadSalida.trim());
                            }else{
                                cantidad++;
                                cantidadSalida++;
                            }
                        }
                    });

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

                    if (cantidad > cantidadArticuloRq) {
                        cantidadSalida=parseInt(filaActual.querySelector(".tabla-cantidad-entrada-salida").innerHTML)-cantidadSalida;
                        document.getElementById("campoEditarCantidadSalida").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampoEditarCantidadSalida").innerHTML =
                            "El campo cantidad salida de la fila" + filaActual.querySelector(".tabla-nombre-articulo-salida").innerHTML + " no debe superar el numero " +
                            cantidadSalida+ " que es la cantidad maxima que se puede registrar como salida. <br/><br/>Nota: La cantidad maxima a registrar se suma con el campo cantidad "+
                            "salida y la cantidad ya salida de bodega, en caso que el no se haya completado en campo de salida esa fila contara como 1.";
                    } else {
                        filaActual.querySelector(".tabla-cantidad-agregar-articulo-salida").innerHTML = document.getElementById("campoEditarCantidadSalida").value.trim();
                        $("#modalCampoEditarCantidadSalida").modal("hide");
                    }

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

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

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

        function anularFila(boton){
            var elementoFila = boton.parentElement.parentElement;
            elementoFila.querySelector(".tabla-estado-salida").innerHTML="<span class='badge badge-info'>Anulada</span>";
            elementoFila.querySelector(".tabla-accion-articulo-entrada").innerHTML=
            '<button onclick="habilitarBotonConfirmarAnulacionArticulo(this)" type="button" class="btn btn-secondary mr-1" data-toggle="tooltip" data-placement="top" title="Establecer Movimiento Pendiente"><i class="fas fa-clock"></i></button>'+
            '<button onclick="pendienteFila(this)" style="display: none;" type="button" class="btn btn-secondary boton-confirmar-articulo mr-1">Confirmar</button>';
            deshabilitarBotonesConfirmarEliminacionArticulo();
        }

        function pendienteFila(boton){
            var elementoFila = boton.parentElement.parentElement;
            elementoFila.querySelector(".tabla-estado-salida").innerHTML="<span class='badge badge-secondary'>Pendiente</span>";
            elementoFila.querySelector(".tabla-accion-articulo-entrada").innerHTML=
            '<button onclick="habilitarBotonConfirmarAnulacionArticulo(this)" type="button" class="btn btn-info mr-1" data-toggle="tooltip" data-placement="top" title="Anular Movimiento"><i class="fas fa-times-circle"></i></button>'+
            '<button onclick="anularFila(this)" style="display: none;" type="button" class="btn btn-info boton-confirmar-articulo mr-1">Confirmar</button>';
            deshabilitarBotonesConfirmarEliminacionArticulo();
        }
    </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() {
            var centroCosto = document.getElementById("centroCosto").value.trim();
            if (centroCosto.length > 0) {
                datatableRequisiciones.ajax.reload();
                datatableRequisiciones.rows().deselect();
                $("#modalRequisicion").modal("show");
            } else {
                Swal.fire({
                    icon: 'error',
                    title: '¡Seleccione centro de costo!',
                    text: 'Debe seleccionar un centro de costo para añadir un movimiento',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                });
            }
        }

        function abrirModalRequisiciones() {
            var centroCosto = document.getElementById("centroCosto").value.trim();
            if (datatableRequisiciones.$('tr.selected').hasClass('selected')) {
                var data = datatableRequisiciones.rows({
                    selected: true
                }).data();

                var url = '{{ route('entrada-bodega.obtener-registro-requisicion-movimiento-salida', [':entrada', ':centroCosto', $bodega]) }}';
                url = url.replace(':entrada', data[0].accion);
                url = url.replace(':centroCosto', centroCosto);
                var csrf = '{{ csrf_token() }}';

                $.ajax({
                    type: 'POST',
                    datatype: 'json',
                    url: url,
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        eliminarLoading()
                        var cantidad = 0;
                        datatableEntradasRequisicion.clear().draw();
                        data.forEach(articulo => {
                            cantidad++;
                            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                            var cantidadSalidaDeAlmacen = 0;
                            recorridoDeListaPasoPorCantidadYaSalidaBodega = false;
                            filas.forEach(elementoPadre => {
                                var cantidadYaSalidaDeBodega = elementoPadre.querySelector(".tabla-cantidad-ya-salida-bodega-salida").innerHTML;
                                var campaCantidadSalida = elementoPadre.querySelector(".tabla-cantidad-agregar-articulo-salida").innerHTML;
                                if (articulo.entrada.id == elementoPadre.querySelector(".tabla-id-entrada-salida").innerHTML) {
                                    if (cantidadYaSalidaDeBodega.trim() != "" && recorridoDeListaPasoPorCantidadYaSalidaBodega == false) {
                                        cantidadSalidaDeAlmacen += parseInt(cantidadYaSalidaDeBodega.trim());
                                        recorridoDeListaPasoPorCantidadYaSalidaBodega = true;
                                    }

                                    if (campaCantidadSalida.trim() != "") {
                                        cantidadSalidaDeAlmacen += parseInt(campaCantidadSalida.trim());
                                    } else {
                                        cantidadSalidaDeAlmacen++;
                                    }
                                }
                            });

                            if (cantidadSalidaDeAlmacen >= articulo.entrada.cantidad) {
                                $checkbox = "No es posible seleccionar, la entrada ya tiene todas sus cantidad salida de bodega o se añadio movimiento de salida que ocupo todas sus cantidades";

                                datatableEntradasRequisicion.row.add([
                                    articulo.entrada.id,
                                    articulo.articulo_requisicion.id,
                                    articulo.cc.id,
                                    articulo.articulo.id,
                                    articulo.articulo_orden_compra.id,
                                    cantidad,
                                    $checkbox,
                                    articulo.articulo.descripcion,
                                    articulo.entrada.cantidad,
                                    articulo.cc.centro_costo,
                                    articulo.rq.numero_rq,
                                    articulo.oc.numero_oc,
                                    articulo.entrada.fecha_guia_despacho,
                                    articulo.entrada.numero_guia_despacho,
                                    articulo.entrada.fecha_factura,
                                    articulo.entrada.numero_factura,
                                    articulo.cantidad_salida_bodega
                                ]).draw();
                            } else {
                                $checkbox =
                                    '<div class="form-group">' +
                                    '<div class="custom-control custom-checkbox">' +
                                    '<input class="custom-control-input" type="checkbox" id="customCheckbox' + cantidad + '" value="' + articulo.entrada.id + '">' +
                                    '<label for="customCheckbox' + cantidad + '" class="custom-control-label"></label>' +
                                    '</div>' +
                                    '</div>';

                                datatableEntradasRequisicion.row.add([
                                    articulo.entrada.id,
                                    articulo.articulo_requisicion.id,
                                    articulo.cc.id,
                                    articulo.articulo.id,
                                    articulo.articulo_orden_compra.id,
                                    cantidad,
                                    $checkbox,
                                    articulo.articulo.descripcion,
                                    articulo.entrada.cantidad,
                                    articulo.cc.centro_costo,
                                    articulo.rq.numero_rq,
                                    articulo.oc.numero_oc,
                                    articulo.entrada.fecha_guia_despacho,
                                    articulo.entrada.numero_guia_despacho,
                                    articulo.entrada.fecha_factura,
                                    articulo.entrada.numero_factura,
                                    articulo.cantidad_salida_bodega
                                ]).draw();
                            }
                        });

                        if (data.length > 0) {
                            document.getElementById("tituloArticuloRequisicion").innerHTML = "Listado De Entradas De La requisición " + data[0].rq.numero_rq;
                        }
                        $("#modalArticuloRequisicion").modal("show");
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                    }
                })
            }
        }

        function agregarEntradasDesdeUnaRequisicion() {
            document.getElementById("botonSeleccionarArticuloRq").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-entrada").querySelector(".custom-control-input");
                var idEntrada = elementoPadre.querySelector(".tabla-id-entrada").innerHTML;
                var idArticuloRequisicion = elementoPadre.querySelector(".tabla-id-articulo-requisicion").innerHTML;
                var idCentroCosto = elementoPadre.querySelector(".tabla-id-centro-costo").innerHTML;
                var idArticulo = elementoPadre.querySelector(".tabla-id-articulo").innerHTML;
                var idArticuloOrdenCompra = elementoPadre.querySelector(".tabla-id-articulo-orden-compra").innerHTML;
                var contadorFila = elementoPadre.querySelector(".tabla-contador-articulo").innerHTML;
                var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo").innerHTML;
                var cantidadEntrada = elementoPadre.querySelector(".tabla-cantidad-entrada").innerHTML;
                var centroCosto = elementoPadre.querySelector(".tabla-centro-costo").innerHTML;
                var numeroRq = elementoPadre.querySelector(".tabla-numero-requisicion").innerHTML;
                var NumeroOc = elementoPadre.querySelector(".tabla-numero-orden-compra").innerHTML;
                var fechaGuiaDespacho = elementoPadre.querySelector(".tabla-fecha-guia-despacho").innerHTML;
                var numeroGuiaDespacho = elementoPadre.querySelector(".tabla-numero-guia-despacho").innerHTML;
                var fechaFactura = elementoPadre.querySelector(".tabla-fecha-factura").innerHTML;
                var numeroFactura = elementoPadre.querySelector(".tabla-numero-factura").innerHTML;
                var cantidadYaSalidaDeBodega = elementoPadre.querySelector(".tabla-cantidad-salida-bodega").innerHTML;

                if (inputCheck != undefined && inputCheck != null) {
                    if (inputCheck.checked) {
                        var articulo = {
                            idEntrada: idEntrada,
                            idArticuloRequisicion: idArticuloRequisicion,
                            idCentroCosto: idCentroCosto,
                            idArticulo: idArticulo,
                            idArticuloOrdenCompra: idArticuloOrdenCompra,
                            nombreArticulo: nombreArticulo,
                            cantidadEntrada: cantidadEntrada,
                            centroCosto: centroCosto,
                            numeroRq: numeroRq,
                            NumeroOc: NumeroOc,
                            fechaGuiaDespacho: fechaGuiaDespacho,
                            numeroGuiaDespacho: numeroGuiaDespacho,
                            fechaFactura: fechaFactura,
                            numeroFactura: numeroFactura,
                            cantidadYaSalidaDeBodega: cantidadYaSalidaDeBodega
                        }
                        listadoDeArticulo.push(articulo);
                    }
                }
            });

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

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

                listadoDeArticulo.forEach(elemento => {
                    contadorTabla++;
                    var codigoUnico = uuidv4();
                    document.getElementById("tablaBodyConExportacionConFiltrado").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td style="display: none;" class="tabla-id-unico-salida">' + codigoUnico + '</td>' +
                        '<td style="display: none;" class="tabla-id-salida"></td>' +
                        '<td style="display: none;" class="tabla-id-entrada-salida">' + elemento.idEntrada + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo-rq-salida">' + elemento.idArticuloRequisicion + '</td>' +
                        '<td style="display: none;" class="tabla-id-cc-salida">' + elemento.idCentroCosto + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo-salida">' + elemento.idArticulo + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo-oc-salida">' + elemento.idArticuloOrdenCompra + '</td>' +
                        '<td class="tabla-contador-articulo-entrada">' + contadorTabla + '</td>' +
                        '<td class="tabla-folio-entrada">' + document.getElementById("folio").value + '</td>' +
                        '<td class="tabla-nombre-articulo-salida">' + elemento.nombreArticulo + '</td>' +
                        '<td class="tabla-cantidad-entrada-salida">' + elemento.cantidadEntrada + '</td>' +
                        '<td class="tabla-cantidad-ya-salida-bodega-salida">' + elemento.cantidadYaSalidaDeBodega + '</td>' +
                        '<td class="tabla-centro-costo-salida">' + elemento.centroCosto + '</td>' +
                        '<td class="tabla-numero-rq-salida">' + elemento.numeroRq + '</td>' +
                        '<td class="tabla-numero-oc-salida">' + elemento.NumeroOc + '</td>' +
                        '<td class="tabla-fecha-guia-despacho-salida">' + elemento.fechaGuiaDespacho + '</td>' +
                        '<td class="tabla-numero-guia-despacho-salida">' + elemento.numeroGuiaDespacho + '</td>' +
                        '<td class="tabla-fecha-factura-salida">' + elemento.fechaFactura + '</td>' +
                        '<td class="tabla-numero-factura-salida">' + elemento.numeroFactura + '</td>' +
                        '<td class="tabla-cantidad-agregar-articulo-salida" onclick="abrirModalEditarCantidadSalida(this)"></td>' +
                        '<td class="tabla-observacion-salida" onclick="abrirModalEditarObservacion(this.parentElement)"></td>' +
                        '<td class="tabla-estado-salida"><span class="badge badge-secondary">Pendiente</span></td>' +
                        '<td class="tabla-accion-articulo-entrada">' +
                        '<button onclick="habilitarBotonConfirmarEliminacionArticulo(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                        '<button onclick="eliminarFila(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                        '</td>' +
                        '</tr>';
                });
                $('#modalArticuloRequisicion').modal('hide');
                $('#modalRequisicion').modal('hide');
            } else {
                eliminarLoading()
                document.getElementById("botonSeleccionarArticuloRq").removeAttribute("disabled");
                Swal.fire({
                    icon: 'error',
                    title: '¡Seleccionar!',
                    text: 'Debe seleccionar entradas para hacer la salida de bodega',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }
        }

        function abrirModalSeleccionarOc() {
            var centroCosto = document.getElementById("centroCosto").value.trim();
            if (centroCosto.length > 0) {
                $("#modalOrdenDeCompra").modal("show");
                datatableOrdenesDeCompra.rows().deselect();
            } else {
                Swal.fire({
                    icon: 'error',
                    title: '¡Seleccione centro de costo!',
                    text: 'Debe seleccionar un centro de costo para añadir un movimiento',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                });
            }
        }

        function abrirModalArticulosDeOrdenCompra() {
            var centroCosto = document.getElementById("centroCosto").value.trim();
            if (datatableOrdenesDeCompra.$('tr.selected').hasClass('selected')) {
                var data = datatableOrdenesDeCompra.rows({
                    selected: true
                }).data();

                var url = '{{ route('entrada-bodega.obtener-registro-orden-compra-movimiento-salida', [':oc', ':centroCosto', $bodega]) }}';
                url = url.replace(':oc', data[0].id);
                url = url.replace(':centroCosto', centroCosto);
                var csrf = '{{ csrf_token() }}';

                $.ajax({
                    type: 'POST',
                    datatype: 'json',
                    url: url,
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        eliminarLoading()
                        var cantidad = 0;
                        datatableEntradasOrdenCompra.clear().draw();
                        data.forEach(articulo => {
                            cantidad++;
                            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                            var cantidadSalidaDeAlmacen = 0;
                            recorridoDeListaPasoPorCantidadYaSalidaBodega = false;
                            filas.forEach(elementoPadre => {
                                var cantidadYaSalidaDeBodega = elementoPadre.querySelector(".tabla-cantidad-ya-salida-bodega-salida").innerHTML;
                                var campaCantidadSalida = elementoPadre.querySelector(".tabla-cantidad-agregar-articulo-salida").innerHTML;
                                if (articulo.entrada.id == elementoPadre.querySelector(".tabla-id-entrada-salida").innerHTML) {
                                    if (cantidadYaSalidaDeBodega.trim() != "" && recorridoDeListaPasoPorCantidadYaSalidaBodega == false) {
                                        cantidadSalidaDeAlmacen += parseInt(cantidadYaSalidaDeBodega.trim());
                                        recorridoDeListaPasoPorCantidadYaSalidaBodega = true;
                                    }

                                    if (campaCantidadSalida.trim() != "") {
                                        cantidadSalidaDeAlmacen += parseInt(campaCantidadSalida.trim());
                                    } else {
                                        cantidadSalidaDeAlmacen++;
                                    }
                                }
                            });

                            var idArticuloRq = "";
                            var numeroRq = "";
                            if (articulo.articulo_requisicion != "" && articulo.articulo_requisicion != null && articulo.rq != "" && articulo.rq != null) {
                                idArticuloRq = articulo.articulo_requisicion.id
                                numeroRq = articulo.rq.numero_rq;
                            }

                            if (cantidadSalidaDeAlmacen >= articulo.entrada.cantidad) {
                                $checkbox = "No es posible seleccionar, la entrada ya tiene todas sus cantidad salida de bodega o se añadio movimiento de salida que ocupo todas sus cantidades";

                                datatableEntradasOrdenCompra.row.add([
                                    articulo.entrada.id,
                                    idArticuloRq,
                                    articulo.cc.id,
                                    articulo.articulo.id,
                                    articulo.articulo_orden_compra.id,
                                    cantidad,
                                    $checkbox,
                                    articulo.articulo.descripcion,
                                    articulo.entrada.cantidad,
                                    articulo.cc.centro_costo,
                                    numeroRq,
                                    articulo.oc.numero_oc,
                                    articulo.entrada.fecha_guia_despacho,
                                    articulo.entrada.numero_guia_despacho,
                                    articulo.entrada.fecha_factura,
                                    articulo.entrada.numero_factura,
                                    articulo.cantidad_salida_bodega
                                ]).draw();
                            } else {
                                $checkbox =
                                    '<div class="form-group">' +
                                    '<div class="custom-control custom-checkbox">' +
                                    '<input class="custom-control-input" type="checkbox" id="customCheckboxOc' + cantidad + '" value="' + articulo.entrada.id + '">' +
                                    '<label for="customCheckboxOc' + cantidad + '" class="custom-control-label"></label>' +
                                    '</div>' +
                                    '</div>';

                                datatableEntradasOrdenCompra.row.add([
                                    articulo.entrada.id,
                                    idArticuloRq,
                                    articulo.cc.id,
                                    articulo.articulo.id,
                                    articulo.articulo_orden_compra.id,
                                    cantidad,
                                    $checkbox,
                                    articulo.articulo.descripcion,
                                    articulo.entrada.cantidad,
                                    articulo.cc.centro_costo,
                                    numeroRq,
                                    articulo.oc.numero_oc,
                                    articulo.entrada.fecha_guia_despacho,
                                    articulo.entrada.numero_guia_despacho,
                                    articulo.entrada.fecha_factura,
                                    articulo.entrada.numero_factura,
                                    articulo.cantidad_salida_bodega
                                ]).draw();
                            }
                        });
                        if (data.length > 0) {
                            document.getElementById("tituloArticuloOrdenCompra").innerHTML = "Listado De Entradas De La Orden De Compra" + data[0].oc.numero_oc;
                        }
                        $("#modalArticuloOrdenCompra").modal("show");
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                    }
                })
            }
        }

        function agregarEntradasDesdeUnaOrdenCompra() {
            document.getElementById("botonSeleccionarArticuloRq").setAttribute("disabled", true);
            var filas = document.getElementById('datatable-articulos-orden-compra').tBodies[0].querySelectorAll("tr");
            var listadoDeArticulo = [];
            filas.forEach(elementoPadre => {
                var inputCheck = elementoPadre.querySelector(".tabla-check-entrada").querySelector(".custom-control-input");
                var idEntrada = elementoPadre.querySelector(".tabla-id-entrada").innerHTML;
                var idArticuloRequisicion = elementoPadre.querySelector(".tabla-id-articulo-requisicion").innerHTML;
                var idCentroCosto = elementoPadre.querySelector(".tabla-id-centro-costo").innerHTML;
                var idArticulo = elementoPadre.querySelector(".tabla-id-articulo").innerHTML;
                var idArticuloOrdenCompra = elementoPadre.querySelector(".tabla-id-articulo-orden-compra").innerHTML;
                var contadorFila = elementoPadre.querySelector(".tabla-contador-articulo").innerHTML;
                var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo").innerHTML;
                var cantidadEntrada = elementoPadre.querySelector(".tabla-cantidad-entrada").innerHTML;
                var centroCosto = elementoPadre.querySelector(".tabla-centro-costo").innerHTML;
                var numeroRq = elementoPadre.querySelector(".tabla-numero-requisicion").innerHTML;
                var NumeroOc = elementoPadre.querySelector(".tabla-numero-orden-compra").innerHTML;
                var fechaGuiaDespacho = elementoPadre.querySelector(".tabla-fecha-guia-despacho").innerHTML;
                var numeroGuiaDespacho = elementoPadre.querySelector(".tabla-numero-guia-despacho").innerHTML;
                var fechaFactura = elementoPadre.querySelector(".tabla-fecha-factura").innerHTML;
                var numeroFactura = elementoPadre.querySelector(".tabla-numero-factura").innerHTML;
                var cantidadYaSalidaDeBodega = elementoPadre.querySelector(".tabla-cantidad-salida-bodega").innerHTML;

                if (inputCheck != undefined && inputCheck != null) {
                    if (inputCheck.checked) {
                        var articulo = {
                            idEntrada: idEntrada,
                            idArticuloRequisicion: idArticuloRequisicion,
                            idCentroCosto: idCentroCosto,
                            idArticulo: idArticulo,
                            idArticuloOrdenCompra: idArticuloOrdenCompra,
                            nombreArticulo: nombreArticulo,
                            cantidadEntrada: cantidadEntrada,
                            centroCosto: centroCosto,
                            numeroRq: numeroRq,
                            NumeroOc: NumeroOc,
                            fechaGuiaDespacho: fechaGuiaDespacho,
                            numeroGuiaDespacho: numeroGuiaDespacho,
                            fechaFactura: fechaFactura,
                            numeroFactura: numeroFactura,
                            cantidadYaSalidaDeBodega: cantidadYaSalidaDeBodega
                        }
                        listadoDeArticulo.push(articulo);
                    }
                }
            });

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

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

                listadoDeArticulo.forEach(elemento => {
                    contadorTabla++;
                    var codigoUnico = uuidv4();
                    document.getElementById("tablaBodyConExportacionConFiltrado").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td style="display: none;" class="tabla-id-unico-salida">' + codigoUnico + '</td>' +
                        '<td style="display: none;" class="tabla-id-salida"></td>' +
                        '<td style="display: none;" class="tabla-id-entrada-salida">' + elemento.idEntrada + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo-rq-salida">' + elemento.idArticuloRequisicion + '</td>' +
                        '<td style="display: none;" class="tabla-id-cc-salida">' + elemento.idCentroCosto + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo-salida">' + elemento.idArticulo + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo-oc-salida">' + elemento.idArticuloOrdenCompra + '</td>' +
                        '<td class="tabla-contador-articulo-entrada">' + contadorTabla + '</td>' +
                        '<td class="tabla-folio-entrada">' + document.getElementById("folio").value + '</td>' +
                        '<td class="tabla-nombre-articulo-salida">' + elemento.nombreArticulo + '</td>' +
                        '<td class="tabla-cantidad-entrada-salida">' + elemento.cantidadEntrada + '</td>' +
                        '<td class="tabla-cantidad-ya-salida-bodega-salida">' + elemento.cantidadYaSalidaDeBodega + '</td>' +
                        '<td class="tabla-centro-costo-salida">' + elemento.centroCosto + '</td>' +
                        '<td class="tabla-numero-rq-salida">' + elemento.numeroRq + '</td>' +
                        '<td class="tabla-numero-oc-salida">' + elemento.NumeroOc + '</td>' +
                        '<td class="tabla-fecha-guia-despacho-salida">' + elemento.fechaGuiaDespacho + '</td>' +
                        '<td class="tabla-numero-guia-despacho-salida">' + elemento.numeroGuiaDespacho + '</td>' +
                        '<td class="tabla-fecha-factura-salida">' + elemento.fechaFactura + '</td>' +
                        '<td class="tabla-numero-factura-salida">' + elemento.numeroFactura + '</td>' +
                        '<td class="tabla-cantidad-agregar-articulo-salida" onclick="abrirModalEditarCantidadSalida(this)"></td>' +
                        '<td class="tabla-observacion-salida" onclick="abrirModalEditarObservacion(this.parentElement)"></td>' +
                        '<td class="tabla-estado-salida"><span class="badge badge-secondary">Pendiente</span></td>' +
                        '<td class="tabla-accion-articulo-entrada">' +
                        '<button onclick="habilitarBotonConfirmarEliminacionArticulo(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                        '<button onclick="eliminarFila(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                        '</td>' +
                        '</tr>';
                });
                $('#modalArticuloOrdenCompra').modal('hide');
                $('#modalOrdenDeCompra').modal('hide');
            } else {
                eliminarLoading()
                document.getElementById("botonSeleccionarArticuloRq").removeAttribute("disabled");
                Swal.fire({
                    icon: 'error',
                    title: '¡Seleccionar!',
                    text: 'Debe seleccionar entradas para hacer la salida de bodega',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }
        }

        function abrirModalSeleccionarCc() {
            var centroCosto = document.getElementById("centroCosto").value.trim();
            if (centroCosto.length > 0) {
                datatableCentroCosto.rows().deselect();
                $("#modalCentroCosto").modal("show");
            } else {
                Swal.fire({
                    icon: 'error',
                    title: '¡Seleccione centro de costo!',
                    text: 'Debe seleccionar un centro de costo para añadir un movimiento',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                });
            }
        }

        function abrirModalArticulosDeCentroCostos() {
            var centroCosto = document.getElementById("centroCosto").value.trim();
            if (datatableCentroCosto.$('tr.selected').hasClass('selected')) {
                var data = datatableCentroCosto.rows({
                    selected: true
                }).data();

                var url = '{{ route('entrada-bodega.obtener-registro-centro-costo-movimiento-salida', [':cc', $bodega]) }}';
                url = url.replace(':cc', data[0].id);
                var csrf = '{{ csrf_token() }}';

                $.ajax({
                    type: 'POST',
                    datatype: 'json',
                    url: url,
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        eliminarLoading()
                        var cantidad = 0;
                        datatableEntradasCentroCosto.clear().draw();
                        data.forEach(articulo => {
                            cantidad++;
                            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                            var cantidadSalidaDeAlmacen = 0;
                            recorridoDeListaPasoPorCantidadYaSalidaBodega = false;
                            filas.forEach(elementoPadre => {
                                var cantidadYaSalidaDeBodega = elementoPadre.querySelector(".tabla-cantidad-ya-salida-bodega-salida").innerHTML;
                                var campaCantidadSalida = elementoPadre.querySelector(".tabla-cantidad-agregar-articulo-salida").innerHTML;
                                if (articulo.entrada.id == elementoPadre.querySelector(".tabla-id-entrada-salida").innerHTML) {
                                    if (cantidadYaSalidaDeBodega.trim() != "" && recorridoDeListaPasoPorCantidadYaSalidaBodega == false) {
                                        cantidadSalidaDeAlmacen += parseInt(cantidadYaSalidaDeBodega.trim());
                                        recorridoDeListaPasoPorCantidadYaSalidaBodega = true;
                                    }

                                    if (campaCantidadSalida.trim() != "") {
                                        cantidadSalidaDeAlmacen += parseInt(campaCantidadSalida.trim());
                                    } else {
                                        cantidadSalidaDeAlmacen++;
                                    }
                                }
                            });

                            var idArticuloRq = "";
                            var numeroRq = "";
                            if (articulo.articulo_requisicion != "" && articulo.articulo_requisicion != null && articulo.rq != "" && articulo.rq != null) {
                                idArticuloRq = articulo.articulo_requisicion.id
                                numeroRq = articulo.rq.numero_rq;
                            }

                            if (cantidadSalidaDeAlmacen >= articulo.entrada.cantidad) {
                                $checkbox = "No es posible seleccionar, la entrada ya tiene todas sus cantidad salida de bodega o se añadio movimiento de salida que ocupo todas sus cantidades";

                                datatableEntradasCentroCosto.row.add([
                                    articulo.entrada.id,
                                    idArticuloRq,
                                    articulo.cc.id,
                                    articulo.articulo.id,
                                    articulo.articulo_orden_compra.id,
                                    cantidad,
                                    $checkbox,
                                    articulo.articulo.descripcion,
                                    articulo.entrada.cantidad,
                                    articulo.cc.centro_costo,
                                    numeroRq,
                                    articulo.oc.numero_oc,
                                    articulo.entrada.fecha_guia_despacho,
                                    articulo.entrada.numero_guia_despacho,
                                    articulo.entrada.fecha_factura,
                                    articulo.entrada.numero_factura,
                                    articulo.cantidad_salida_bodega
                                ]).draw();
                            } else {
                                $checkbox =
                                    '<div class="form-group">' +
                                    '<div class="custom-control custom-checkbox">' +
                                    '<input class="custom-control-input" type="checkbox" id="customCheckboxCc' + cantidad + '" value="' + articulo.entrada.id + '">' +
                                    '<label for="customCheckboxCc' + cantidad + '" class="custom-control-label"></label>' +
                                    '</div>' +
                                    '</div>';

                                datatableEntradasCentroCosto.row.add([
                                    articulo.entrada.id,
                                    idArticuloRq,
                                    articulo.cc.id,
                                    articulo.articulo.id,
                                    articulo.articulo_orden_compra.id,
                                    cantidad,
                                    $checkbox,
                                    articulo.articulo.descripcion,
                                    articulo.entrada.cantidad,
                                    articulo.cc.centro_costo,
                                    numeroRq,
                                    articulo.oc.numero_oc,
                                    articulo.entrada.fecha_guia_despacho,
                                    articulo.entrada.numero_guia_despacho,
                                    articulo.entrada.fecha_factura,
                                    articulo.entrada.numero_factura,
                                    articulo.cantidad_salida_bodega
                                ]).draw();
                            }
                        });
                        if (data.length > 0) {
                            document.getElementById("tituloArticuloCentroCosto").innerHTML = "Listado De Entradas Del Centro De Costo" + data[0].cc.centro_costo;
                        }
                        $("#modalArticuloCentroCosto").modal("show");
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                    }
                })
            }
        }

        function agregarEntradasDesdeUnCentroCosto() {
            document.getElementById("botonSeleccionarArticuloCc").setAttribute("disabled", true);
            var filas = document.getElementById('datatable-articulos-centro-costo').tBodies[0].querySelectorAll("tr");
            var listadoDeArticulo = [];
            filas.forEach(elementoPadre => {
                var inputCheck = elementoPadre.querySelector(".tabla-check-entrada").querySelector(".custom-control-input");
                var idEntrada = elementoPadre.querySelector(".tabla-id-entrada").innerHTML;
                var idArticuloRequisicion = elementoPadre.querySelector(".tabla-id-articulo-requisicion").innerHTML;
                var idCentroCosto = elementoPadre.querySelector(".tabla-id-centro-costo").innerHTML;
                var idArticulo = elementoPadre.querySelector(".tabla-id-articulo").innerHTML;
                var idArticuloOrdenCompra = elementoPadre.querySelector(".tabla-id-articulo-orden-compra").innerHTML;
                var contadorFila = elementoPadre.querySelector(".tabla-contador-articulo").innerHTML;
                var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo").innerHTML;
                var cantidadEntrada = elementoPadre.querySelector(".tabla-cantidad-entrada").innerHTML;
                var centroCosto = elementoPadre.querySelector(".tabla-centro-costo").innerHTML;
                var numeroRq = elementoPadre.querySelector(".tabla-numero-requisicion").innerHTML;
                var NumeroOc = elementoPadre.querySelector(".tabla-numero-orden-compra").innerHTML;
                var fechaGuiaDespacho = elementoPadre.querySelector(".tabla-fecha-guia-despacho").innerHTML;
                var numeroGuiaDespacho = elementoPadre.querySelector(".tabla-numero-guia-despacho").innerHTML;
                var fechaFactura = elementoPadre.querySelector(".tabla-fecha-factura").innerHTML;
                var numeroFactura = elementoPadre.querySelector(".tabla-numero-factura").innerHTML;
                var cantidadYaSalidaDeBodega = elementoPadre.querySelector(".tabla-cantidad-salida-bodega").innerHTML;

                if (inputCheck != undefined && inputCheck != null) {
                    if (inputCheck.checked) {
                        var articulo = {
                            idEntrada: idEntrada,
                            idArticuloRequisicion: idArticuloRequisicion,
                            idCentroCosto: idCentroCosto,
                            idArticulo: idArticulo,
                            idArticuloOrdenCompra: idArticuloOrdenCompra,
                            nombreArticulo: nombreArticulo,
                            cantidadEntrada: cantidadEntrada,
                            centroCosto: centroCosto,
                            numeroRq: numeroRq,
                            NumeroOc: NumeroOc,
                            fechaGuiaDespacho: fechaGuiaDespacho,
                            numeroGuiaDespacho: numeroGuiaDespacho,
                            fechaFactura: fechaFactura,
                            numeroFactura: numeroFactura,
                            cantidadYaSalidaDeBodega: cantidadYaSalidaDeBodega
                        }
                        listadoDeArticulo.push(articulo);
                    }
                }
            });

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

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

                listadoDeArticulo.forEach(elemento => {
                    contadorTabla++;
                    var codigoUnico = uuidv4();
                    document.getElementById("tablaBodyConExportacionConFiltrado").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td style="display: none;" class="tabla-id-unico-salida">' + codigoUnico + '</td>' +
                        '<td style="display: none;" class="tabla-id-salida"></td>' +
                        '<td style="display: none;" class="tabla-id-entrada-salida">' + elemento.idEntrada + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo-rq-salida">' + elemento.idArticuloRequisicion + '</td>' +
                        '<td style="display: none;" class="tabla-id-cc-salida">' + elemento.idCentroCosto + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo-salida">' + elemento.idArticulo + '</td>' +
                        '<td style="display: none;" class="tabla-id-articulo-oc-salida">' + elemento.idArticuloOrdenCompra + '</td>' +
                        '<td class="tabla-contador-articulo-entrada">' + contadorTabla + '</td>' +
                        '<td class="tabla-folio-entrada">' + document.getElementById("folio").value + '</td>' +
                        '<td class="tabla-nombre-articulo-salida">' + elemento.nombreArticulo + '</td>' +
                        '<td class="tabla-cantidad-entrada-salida">' + elemento.cantidadEntrada + '</td>' +
                        '<td class="tabla-cantidad-ya-salida-bodega-salida">' + elemento.cantidadYaSalidaDeBodega + '</td>' +
                        '<td class="tabla-centro-costo-salida">' + elemento.centroCosto + '</td>' +
                        '<td class="tabla-numero-rq-salida">' + elemento.numeroRq + '</td>' +
                        '<td class="tabla-numero-oc-salida">' + elemento.NumeroOc + '</td>' +
                        '<td class="tabla-fecha-guia-despacho-salida">' + elemento.fechaGuiaDespacho + '</td>' +
                        '<td class="tabla-numero-guia-despacho-salida">' + elemento.numeroGuiaDespacho + '</td>' +
                        '<td class="tabla-fecha-factura-salida">' + elemento.fechaFactura + '</td>' +
                        '<td class="tabla-numero-factura-salida">' + elemento.numeroFactura + '</td>' +
                        '<td class="tabla-cantidad-agregar-articulo-salida" onclick="abrirModalEditarCantidadSalida(this)"></td>' +
                        '<td class="tabla-observacion-salida" onclick="abrirModalEditarObservacion(this.parentElement)"></td>' +
                        '<td class="tabla-estado-salida"><span class="badge badge-secondary">Pendiente</span></td>' +
                        '<td class="tabla-accion-articulo-entrada">' +
                        '<button onclick="habilitarBotonConfirmarEliminacionArticulo(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                        '<button onclick="eliminarFila(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                        '</td>' +
                        '</tr>';
                });
                $('#modalArticuloCentroCosto').modal('hide');
                $('#modalCentroCosto').modal('hide');
            } else {
                eliminarLoading()
                document.getElementById("botonSeleccionarArticuloCc").removeAttribute("disabled");
                Swal.fire({
                    icon: 'error',
                    title: '¡Seleccionar!',
                    text: 'Debe seleccionar entradas para hacer la salida de bodega',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }
        }
    </script>

    <script>
        function filtradoCentroCosto(cc) {
            var cantidadDeFilas = document.getElementById("tablaConExportacionConFiltrado").rows.length;
            if (cantidadDeFilas > 1) {
                Swal.fire({
                    title: '¿Esta seguro de cambiar el centro de costo?',
                    text: "Se quitara todos los movimientos de entradas añadidos",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, cambiar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        datatableRequisiciones.draw();
                        document.getElementById("tablaBodyConExportacionConFiltrado").innerHTML="";
                        document.getElementById("idCantroCosto").value=cc.value;
                    }else{
                        $('#centroCosto').selectpicker('val', document.getElementById("idCantroCosto").value);
                    }
                })
            }else{
                document.getElementById("idCantroCosto").value=cc.value;
            }
        }
    </script>

    <script>
        function editarSalidaDeBodega() {
            generarLoading('{{ asset('img/logo.png') }}')
            document.getElementById("botonDeCreacion").setAttribute("disabled", true);
            var rutReceptor = document.getElementById("rut").value.trim();
            var nombreReceptor = document.getElementById("nombreReceptor").value.trim();
            var fechaReceptor = document.getElementById("fechaReceptor").value.trim();

            if (rutReceptor.length > 0 && nombreReceptor.length > 0 && fechaReceptor.length > 0) {
                var rut = rutReceptor.replace(".", "");
                rut = rut.trim().replace(".", "");
                rut = rut.split("-");
                var rutSinDigitoVerificador = rut[0];
                var digitoVerificador = rut[1];
                if (digitoVerificador == "K" || digitoVerificador == "k") {
                    digitoVerificador = digitoVerificador.toUpperCase();
                }
                var digitoVerificadorCalculado = getDV(parseInt(rutSinDigitoVerificador));
                if (digitoVerificadorCalculado == digitoVerificador) {
                    var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
                    var listadoDeArticulo = [];
                    var filasConCamposVacios = false;
                    var tablaArticuloconRegistro = false;
                    filas.forEach(elementoPadre => {
                        tablaArticuloconRegistro = true;
                        var idSalida = elementoPadre.querySelector(".tabla-id-salida").innerHTML;
                        var idEntrada = elementoPadre.querySelector(".tabla-id-entrada-salida").innerHTML;
                        var idArticuloRequisicion = elementoPadre.querySelector(".tabla-id-articulo-rq-salida").innerHTML;
                        var idCentroCosto = elementoPadre.querySelector(".tabla-id-cc-salida").innerHTML;
                        var idArticulo = elementoPadre.querySelector(".tabla-id-articulo-salida").innerHTML;
                        var idArticuloOc = elementoPadre.querySelector(".tabla-id-articulo-oc-salida").innerHTML;
                        var nombreArticulo = elementoPadre.querySelector(".tabla-nombre-articulo-salida").innerHTML;
                        var cantidadCantidadEntrada = elementoPadre.querySelector(".tabla-cantidad-entrada-salida").innerHTML;
                        var cantidadYaSalidaDeBodega = elementoPadre.querySelector(".tabla-cantidad-ya-salida-bodega-salida").innerHTML;
                        var centroCosto = elementoPadre.querySelector(".tabla-centro-costo-salida").innerHTML;
                        var numeroRq = elementoPadre.querySelector(".tabla-numero-rq-salida").innerHTML;
                        var numeroOc = elementoPadre.querySelector(".tabla-numero-oc-salida").innerHTML;
                        var cantidadSalidaDeArticuloEditable = elementoPadre.querySelector(".tabla-cantidad-agregar-articulo-salida").innerHTML;
                        var observacion = elementoPadre.querySelector(".tabla-observacion-salida").innerHTML;
                        var estado = elementoPadre.querySelector(".tabla-estado-salida").querySelector(".badge").innerHTML;

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

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

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

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

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

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

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

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

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

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

                        var articulo = {
                            idSalida:idSalida,
                            idEntrada: idEntrada,
                            idArticuloRequisicion: idArticuloRequisicion,
                            idCentroCosto: idCentroCosto,
                            idArticulo: idArticulo,
                            idArticuloOc: idArticuloOc,
                            nombreArticulo: nombreArticulo,
                            cantidadCantidadEntrada: cantidadCantidadEntrada,
                            cantidadYaSalidaDeBodega: cantidadYaSalidaDeBodega,
                            centroCosto: centroCosto,
                            numeroRq: numeroRq,
                            numeroOc: numeroOc,
                            cantidadSalidaDeArticuloEditable: cantidadSalidaDeArticuloEditable,
                            observacion: observacion,
                            estado:estado
                        }
                        listadoDeArticulo.push(articulo);
                    });
                    listadoDeArticulo = JSON.stringify(listadoDeArticulo);

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

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

                    if (tablaArticuloconRegistro == true && filasConCamposVacios == false) {
                        var formData = new FormData();
                        formData.append('listadoDeArticulos', listadoDeArticulo);
                        formData.append('observacionGeneral', document.getElementById("observacionGeneral").value);
                        formData.append('rutReceptor', rutReceptor);
                        formData.append('nombreReceptor', nombreReceptor);
                        formData.append('fechaReceptor', fechaReceptor);
                        var csrf = '{{ csrf_token() }}';

                        $.ajax({
                            url: '{{ route('salida-bodega.update-folio', $salidaBodega) }}',
                            method: 'POST',
                            data: formData,
                            contentType: false,
                            processData: false,
                            dataType: 'json',
                            headers: {
                                'X-CSRF-TOKEN': csrf
                            },
                            success: function(data) {
                                eliminarLoading()
                                Swal.fire({
                                        icon: 'success',
                                        title: '¡Editado!',
                                        text: 'Los movimientos de salidas se editaron con éxito',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                            },
                            error: function(data) {
                                console.log(data)
                                document.getElementById("botonDeCreacion").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })
                    } else {
                        document.getElementById("custom-tabs-one-profile-tab").click();
                        eliminarLoading()
                        document.getElementById("botonDeCreacion").removeAttribute("disabled");
                    }
                } else {
                    eliminarLoading()
                    document.getElementById("botonDeCreacion").removeAttribute("disabled");
                    document.getElementById("rut").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoRut").innerHTML = "El campo rut receptor es invalido";

                    if (nombreReceptor.length > 0) {
                        document.getElementById("nombreReceptor").setAttribute("class", "form-control is-valid");
                        document.getElementById("valicacionCampoNombreReceptor").innerHTML = "";
                    } else {
                        document.getElementById("nombreReceptor").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampoNombreReceptor").innerHTML = "El campo nombre receptor es obligatorio";
                    }

                    if (fechaReceptor.length > 0) {
                        document.getElementById("fechaReceptor").setAttribute("class", "form-control is-valid");
                        document.getElementById("valicacionCampofechaReceptor").innerHTML = "";
                    } else {
                        document.getElementById("fechaReceptor").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampofechaReceptor").innerHTML = "El campo fecha recepción es obligatorio";
                    }
                }
            } else {
                eliminarLoading()
                document.getElementById("botonDeCreacion").removeAttribute("disabled");
                if (rutReceptor.length > 0) {
                    document.getElementById("rut").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoRut").innerHTML = "";
                } else {
                    document.getElementById("rut").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoRut").innerHTML = "El campo rut receptor es obligatorio";
                }

                if (nombreReceptor.length > 0) {
                    document.getElementById("nombreReceptor").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoNombreReceptor").innerHTML = "";
                } else {
                    document.getElementById("nombreReceptor").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoNombreReceptor").innerHTML = "El campo nombre receptor es obligatorio";
                }

                if (fechaReceptor.length > 0) {
                    document.getElementById("fechaReceptor").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampofechaReceptor").innerHTML = "";
                } else {
                    document.getElementById("fechaReceptor").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampofechaReceptor").innerHTML = "El campo fecha recepción es obligatorio";
                }
            }
        }
    </script>
@stop