@extends('masushuaia.plantilla')

@section('titulo', 'Datos del beneficiario')

@section('scripts')
    <link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
    <script src="{{ asset('js/datatables.min.js') }}"></script>
    <script>
        globalId = '0';
    </script>
@endsection

@section('breadcrumb1')
    <a title="Salir" href="#" class="btn-blue py-1 px-2 mr-2" aria-hidden="true"
        onclick="javascript: $('#modalSalir').modal('toggle');"><span><i class="fas fa-arrow-left"></i></span></a>
@endsection

@section('breadcrumb')
    @if ($globalId > 0)
        <div id="btnHistorialConsumo" class="d-inline-block">
            <a title="HistorialConsumo" href="/beneficiarios/consumos/{{ $globalId }}" class="btn-blue py-1 px-4 mr-2"
                aria-hidden="true"><span>Historial de consumos</span></a>
        </div>
    @endif

    @if (Patente::autorizarOperacion('BENEFICIARIOELIMINAR'))
        <div id="btnEliminar" class="d-inline-block">
            <a title="Eliminar" href="#" class="btn-blue py-1 px-4 mr-2" aria-hidden="true"
                onclick="javascript: $('#mdlEliminar').modal('toggle');"><span>Eliminar</span></a>
        </div>
    @endif

    <div id="btnGuardar" class="d-inline-block">
        <a title="Guardar" href="#" class="btn-blue py-1 px-4" aria-hidden="true"
            onclick="javascript: $('#modalGuardar').modal('toggle');"><span>Guardar</span></a>
    </div>

    <script>
        function fsalir() {
            location.href = "/beneficiarios";
        }
    </script>
@endsection
@section('breadcrumb-list')
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/">Inicio</a></li><span class="px-2">/</span>
        <li class="breadcrumb-item"><a href="/beneficiarios">Beneficiarios</a></li>
        <li class="breadcrumb-item active">Nuevo</li>
    </ol>
@endsection
@section('contenido')
    <div class="row">
        <div class="col-12">
            <div id="msg"></div>
            @if (isset($msg))
                <script>
                    msgShow('{{ $msg['MSG'] }}', '{{ $msg['ESTADO'] }}');
                </script>
            @endif
        </div>
    </div>
    <form id="form1" method="POST" enctype="multipart/form-data">
        <div class="row">
            <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
            <input type="hidden" id="id" name="id" class="form-control" value="{{ $globalId }}" required>
            <div class="form-group col-sm-6">
                <label for="txtNombre">Nombre *</label>
                <input type="text" class="form-control" id="txtNombre" name="txtNombre"
                    value="{{ $beneficiario->nombre }}" required>
            </div>
            <div class="form-group col-sm-6">
                <label for="txtApellido">Apellido *</label>
                <input type="text" class="form-control" id="txtApellido" name="txtApellido"
                    value="{{ $beneficiario->apellido }}" required>
            </div>
            <div class="form-group col-sm-6">
                <label for="txtEmail">Email</label>
                <input type="email" class="form-control" id="txtEmail" name="txtEmail"
                    value="{{ $beneficiario->email }}">
            </div>
            <div class="form-group col-sm-6">
                <label for="txtDocumento">Documento *</label>
                <input type="text" class="form-control" id="txtDocumento" name="txtDocumento"
                    value="{{ $beneficiario->documento }}" required>
            </div>
            <div class="form-group col-sm-6">
                <label for="lstGenero">Género</label>
                <select class="form-control" name="lstGenero" id="lstGenero">
                    <option selected disabled value="">Seleccionar</option>
                    @foreach ($array_genero as $genero)
                        @if (isset($beneficiario) and $genero->idgenero == $beneficiario->fk_idgenero)
                            <option selected value="{{ $genero->idgenero }}">{{ $genero->genero }}</option>
                        @else
                            <option value="{{ $genero->idgenero }}">{{ $genero->genero }}</option>
                        @endif
                    @endforeach
                </select>
            </div>
            <div class="from-group col-sm-6">
                <label>Fecha nacimiento</label>
                <input type="date" id="txtFechaNacimiento" name="txtFechaNacimiento" class="form-control"
                    value="{{ $beneficiario->fecha_nacimiento }}">
            </div>
            <div class="form-group col-sm-6">
                <label>Campaña</label>
                <select class="form-control selectpicker" id="lstCampania" name="lstCampania" data-live-search="true">
                    @if (isset($beneficiario->idbeneficiario))
                        <option selected value={{ $beneficiario->fkIdCampania }}>{{ $beneficiario->campania }}</option>
                        @foreach ($aCampanias as $campania)
                            @if ($campania->idcampania != $beneficiario->fkIdCampania)
                                <option value={{ $campania->idcampania }}>{{ $campania->nombre }}</option>
                            @endif
                        @endforeach
                    @else
                        <option selected disabled value="">Seleccionar</option>
                        @foreach ($aCampanias as $campania)
                            <option value={{ $campania->idcampania }}>{{ $campania->nombre }}</option>
                        @endforeach
                    @endif
                </select>
            </div>
            <div class="form-group col-sm-6">
                <label for="lstCiudades">Ciudad predeterminada para la app *</label>
                <select class="form-control" id="lstCiudades" name="lstCiudades" required>
                    @if (isset($beneficiario->idbeneficiario))
                        <option selected value={{ $beneficiario->fkIdCiudad }}>{{ $beneficiario->ciudad }}</option>
                        @foreach ($aCiudades as $ciudad)
                            @if ($ciudad->idlocalidad != $beneficiario->fkIdCiudad)
                                <option value={{ $ciudad->idlocalidad }}>{{ $ciudad->nombre }}</option>
                            @endif
                        @endforeach
                    @else
                        <option selected disabled value="">Seleccionar</option>
                        @foreach ($aCiudades as $ciudad)
                            <option value={{ $ciudad->idlocalidad }}>{{ $ciudad->nombre }}</option>
                        @endforeach
                    @endif
                </select>
            </div>
            <div class="form-group col-sm-6">
                <label for="txtDomicilio">Domicilio</label>
                <input type="text" id="txtDomicilio" name="txtDomicilio" class="form-control"
                    value="{{ $beneficiario->domicilio }}">
            </div>
            <div class="form-group col-sm-6">
                <label for="txtTelefono">Tel&eacute;fono</label>
                <input type="text" id="txtTelefono" name="txtTelefono" class="form-control"
                    value="{{ $beneficiario->telefono }}">
            </div>
            <div class="from-group col-sm-6 mb-2">
                <label for="lstBanco">Banco</label>
                <select class="form-control selectpicker" id="lstBanco" name="lstBanco" data-live-search="true">
                    <option selected disabled value="">Seleccionar</option>
                    @for ($i = 0; $i < count($array_bancos); $i++)
                        @if (isset($beneficiario) and $array_bancos[$i]->idbanco == $beneficiario->fk_idbanco)
                            <option selected value="{{ $array_bancos[$i]->idbanco }}">{{ $array_bancos[$i]->nombre }}
                            </option>
                        @else
                            <option value="{{ $array_bancos[$i]->idbanco }}">{{ $array_bancos[$i]->nombre }}</option>
                        @endif
                    @endfor
                </select>
            </div>
            <div class="from-group col-sm-6">
                <label for="txtEmpleo">Empleo</label>
                <input type="text" id="txtEmpleo" name="txtEmpleo" class="form-control"
                    value="{{ $beneficiario->empleo }}"">
                                                        </div>
                                                        <div class="           from-group col-sm-6">
                <label for="txtAntiguedad">Antig&uuml;edad laboral en empleo actual</label>
                <input type="text" id="txtAntiguedad" name="txtAntiguedad" class="form-control"
                    value="{{ $beneficiario->antiguedad }}">
            </div>
            <div class="from-group col-sm-6">
                <label>Fecha de ingreso laboral</label>
                <input type="date" id="txtFechaIngreso" name="txtFechaIngreso" class="form-control"
                    value="{{ date_format(date_create($beneficiario->fecha_ingreso), 'Y-m-d') }}">
            </div>
            <div class="form-group col-sm-6 mt-2">
                <label for="txtUsuario">Nombre de usuario</label>
                <input type="text" id="txtUsuario" name="txtUsuario" class="form-control"
                    value="{{ $beneficiario->usuario }}"  onkeyup="correct(this);">
            </div>
            <div class="from-group col-sm-6 mt-2">
                <label>Archivo DNI</label>
                <input type="file" id="txtArchivoDni" name="txtArchivoDni" class="form-control">
            </div>
            @if ($foto_dni != '')
                <div class="form-group col-sm-6">
                    <a href="{{ $foto_dni }}" class="btn btn-primary" target="_blank">Ver DNI</a>
                </div>
            @endif
        </div>

        @if (Request::has('turista'))
            @if (isset($aRespuestas))
                <div class="row pt-4">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                Respuestas
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    @foreach ($aPreguntas as $pregunta)
                                        <div class="col-6 pb-lg-3">
                                            <label>{{ $pregunta->pregunta }}</label>
                                            @if (isset($aRespuestas[$pregunta->idpregunta - 1]))
                                                <input type="text" class="form-control"
                                                    value="{{ $aRespuestas[$pregunta->idpregunta - 1]->respuesta }}"
                                                    readonly>
                                            @else
                                                <input type="text" class="form-control" value="" readonly>
                                            @endif
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        @endif

        @if (isset($comunicacionYCultura))
            <div class="row pt-4">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            Comunicación y cultura
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-6 pb-lg-3">
                                    <label>Documento:</label>
                                    <input type="text" class="form-control"
                                        value="{{ $comunicacionYCultura->documento ?? '' }}" readonly>
                                </div>
                                <div class="col-6 pb-lg-3">
                                    <label>Actividad:</label>
                                    <input type="text" class="form-control"
                                        value="{{ $comunicacionYCultura->actividad ?? '' }}" readonly>
                                </div>
                                <div class="col-6 pb-lg-3">
                                    <label>Rubro:</label>
                                    <input type="text" class="form-control"
                                        value="{{ $comunicacionYCultura->rubro ?? '' }}" readonly>
                                </div>
                                <div class="col-6 pb-lg-3">
                                    <label>Área:</label>
                                    <input type="text" class="form-control"
                                        value="{{ $comunicacionYCultura->area ?? '' }}" readonly>
                                </div>
                                <div class="col-6 pb-lg-3">
                                    <label>Teléfono:</label>
                                    <input type="text" class="form-control"
                                        value="{{ $comunicacionYCultura->telefono ?? '' }}" readonly>
                                </div>
                                <div class="col-6 pb-lg-3">
                                    <label>Dirección:</label>
                                    <input type="text" class="form-control"
                                        value="{{ $comunicacionYCultura->direccion ?? '' }}" readonly>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        <div class="row pt-4">
            <div class="col-12">
                <div class="card mb-3">
                    <div class="card-header">
                        Grupo familiar
                        <div class="pull-right">
                            <button type="button" class="btn btn-secondary fa fa-minus-circle"
                                onclick="abrirDialogoEliminarGrupoFamiliar()"></button>
                            <button type="button" class="btn btn-secondary fa fa-plus-circle" data-toggle="modal"
                                data-target="#modalGrupoFamiliar"></button>
                        </div>
                    </div>
                    <div class="panel-body">
                        <table id="grilla" class="display" style="width:98%">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>Tipo Familiar</th>
                                    <th>nombre</th>
                                    <th>Apellido</th>
                                    <th>Tipo documento</th>
                                    <th>Documento</th>
                                    <th>Fecha nacimiento</th>
                                    <th>Sexo</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <div class="modal fade" id="modalGrupoFamiliar" tabindex="-1" role="dialog"
        aria-labelledby="modalGrupoFamiliarLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalGrupoFamiliarLaben">Familiar</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-6 form-group">
                            <label>Tipo familiar</label>
                            <select class="form-control" name="lstTipoFamiliar" id="lstTipoFamiliar">
                                <option disabled selected value="">Seleccionar</option>
                                <option value="1">C&oacute;nyugue</option>
                                <option value="2">Hijo/a</option>
                            </select>
                        </div>
                        <div class="col-6 form-group">
                            <label>Nombre *</label>
                            <input type="text" class="form-control" id="txtNombreGrupoFamiliar"
                                name="txtNombreGrupoFamiliar" required>
                        </div>
                        <div class="col-6 form-group">
                            <label>Apellido</label>
                            <input type="text" class="form-control" id="txtApellidoGrupoFamiliar"
                                name="txtApellidoGrupoFamiliar">
                        </div>
                        <div class="col-6 form-group">
                            <label>Tipo documento *</label>
                            <select class="form-control selectpicker" data-live-search="true" id="lstTipoDocumento"
                                name="lstTipoDocumento" required>
                                <option value="" selected disabled>Seleccionar</option>
                                @for ($i = 0; $i < count($array_tipo_documentos); $i++)
                                    <option value="{{ $array_tipo_documentos[$i]->idtidoc }}">
                                        {{ $array_tipo_documentos[$i]->nctidoc }}</option>
                                @endfor
                            </select>
                        </div>
                        <div class="col-6 form-group">
                            <label>Documento *</label>
                            <input type="text" class="form-control" id="txtDocumentoGrupoFamiliar"
                                name="txtDocumentoGrupoFamiliar" required>
                        </div>
                        <div class="col-6 form-group">
                            <label>Fecha nacimiento</label>
                            <input type="date" class="form-control" id="txtFechaNacimientoFamiliar"
                                name="txtFechaNacimientoFamiliar">
                        </div>
                        <div class="col-6 form-group">
                            <label>Sexo</label>
                            <select class="form-control" id="lstSexo" name="lstSexo">
                                <option disabled selected value="">Seleccionar</option>
                                <option value="1">Masculino</option>
                                <option value="2">Femenino</option>
                            </select>
                        </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-primary" onclick="fAgregarGrupoFamiliar()">Agregar</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="modalmsg" tabindex="-1" role="dialog" aria-labelledby="modalmsg">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalBuscarLabel">Eliminar</h5>
                    <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="form-group col-lg-6">
                            &#191;Desea confirmar la operacion?
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                    <button type="button" class="btn btn-primary" onclick="eliminarGrupoFamiliar();">Aceptar</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="mdlEliminar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">¿Eliminar registro?</h5>
                    <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                        <i class="fa fa-times" aria-hidden="true"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <h2>Confirmación</h2>
                    <p>Esta acción eliminará todos los datos asociados del beneficiario, incluyendo descuentos, grupo
                        familiar, solicitudes, historial de consumos y acceso a la aplicación.</p>
                    <p class="font-weight-bold">Esta acción no se puede deshacer, ¿desea continuar?</p>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" type="button" data-dismiss="modal">No</button>
                    <button type="button" class="btn btn-primary" onclick="eliminar();">Sí</button>
                </div>
            </div>
        </div>
    </div>
    <script>
        var dataTable = $('#grilla').DataTable({
            "processing": true,
            "serverSide": false,
            "bFilter": false,
            "bInfo": true,
            "bSearchable": false,
            "paging": false,
            "pageLength": 25,
            "order": [
                [0, "asc"]
            ],
            "ajax": "{{ asset('/beneficiario/cargarGrillaGrupoFamiliar?idBeneficiario=' . $globalId) }}"
        });

        let usuarioExiste = false;

        let guardado = false;

        let documentoExiste = false;

        let emailExiste = false;

        $("#txtUsuario").change(function() {
            validarUsuario();
        });

        $("#txtEmail").change(function() {
            validarEmail();
        });

        $("#txtDocumento").change(function() {
            validarDocumento();
        });

        const validarUsuario = () => {
            let usuario = $("#txtUsuario").val();
            if (usuario != "") {
                $.ajax({
                    type: "GET",
                    url: "/beneficiario/usuarioExiste",
                    data: {
                        usuario: usuario
                    },
                    async: true,
                    dataType: "json",
                    success: function(data) {
                        usuarioExiste = data.existe;
                        if (usuarioExiste == "true") {
                            if (!guardado) {
                                msgShow(data.MSG, data.ESTADO);
                            }
                        }
                    }
                });
            }
        }

        const validarEmail = () => {
            let email = $("#txtEmail").val();
            if (email != "") {
                $.ajax({
                    type: "GET",
                    url: "/beneficiario/emailExiste",
                    data: {
                        email: email
                    },
                    async: true,
                    dataType: "json",
                    success: function(data) {
                        emailExiste = false;
                        if (data.existe == "true") {
                            if (!guardado) {
                                emailExiste = true;
                                msgShow(data.MSG, data.ESTADO);
                            }
                        }
                    }
                });
            }
        }

        const validarDocumento = () => {
            let documento = $("#txtDocumento").val();
            $.ajax({
                type: "GET",
                url: "/beneficiario/documentoExiste",
                data: {
                    documento: documento
                },
                async: true,
                dataType: "json",
                success: function(data) {
                    if (data.existe == "true") {
                        console.log("aca");
                        if (!guardado) {
                            documentoExiste = true;
                            msgShow(data.MSG, data.ESTADO);
                        }
                    } else {
                        $("#msg").hide();
                        documentoExiste = false;
                    }
                }
            })
        }

        const correct = (e) => {
            e.value = e.value.toLowerCase().replace(/ /g, "");
            $("#txtUsuario").val(e.value);
        }

        $("#form1").validate();

        function guardar() {
            validarUsuario();
            if (usuarioExiste == "false" || usuarioExiste == false) {
                if (!emailExiste) {
                    if (!documentoExiste) {
                        if ($("#form1").valid()) {
                            modificado = false;
                            form1.submit();
                        } else {
                            $("#modalGuardar").modal('toggle');
                            msgShow("Corrija los errores e intente nuevamente.", "danger");
                            return false;
                        }
                    } else {
                        msgShow("Ya existe un beneficiario con el documento ingresado", "danger");
                    }
                } else {
                    msgShow("Ya se encuentra registrado un beneficiario con ese email, ingrese uno distinto", "danger");
                }
            } else {
                msgShow("Usuario ya existente, ingrese uno distinto", "danger");
            }
        }

        function eliminar() {
            $.ajax({
                type: "GET",
                url: "{{ asset('/beneficiario/eliminar') }}",
                data: {
                    id: globalId
                },
                async: true,
                dataType: "json",
                success: function(data) {
                    if (data.err == "0") {
                        msgShow("Registro eliminado exitosamente.", "success");
                        $("#btnGuardar").removeClass('d-inline-block');
                        $("#btnEliminar").removeClass('d-inline-block');
                        $("#btnHistorialConsumo").removeClass('d-inline-block');
                        $("#btnGuardar").hide();
                        $("#btnEliminar").hide();
                        $("#btnHistorialConsumo").hide();
                        $('#form1').hide();
                        $('#mdlEliminar').modal('toggle');
                    } else {
                        msgShow(data.MSG, data.ESTADO);
                        $('#mdlEliminar').modal('toggle');
                    }
                }
            });
        }

        //modal grupo familiar
        function fAgregarGrupoFamiliar() {
            let tipoFamiliar = $("#lstTipoFamiliar option:selected").val();
            let nombreFamiliar = $("#txtNombreGrupoFamiliar").val();
            let apellidoFamiliar = $("#txtApellidoGrupoFamiliar").val();
            let tipoDocFamiliar = $("#lstTipoDocumento option:selected").val();
            let docFamiliar = $("#txtDocumentoGrupoFamiliar").val();
            let fecNacFamiliar = $("#txtFechaNacimientoFamiliar").val();
            let sexoFamiliar = $("#lstSexo option:selected").val();

            if (tipoFamiliar == '') {
                tipoFamiliarText = '';
            } else {
                tipoFamiliarText = $("#lstTipoFamiliar option:selected").text();
            }

            if (tipoDocFamiliar == '') {
                tipoDocFamiliarText = '';
            } else {
                tipoDocFamiliarText = $("#lstTipoDocumento option:selected").text();
            }

            if (sexoFamiliar == '') {
                sexoFamiliarText = '';
            } else {
                sexoFamiliarText = $("#lstSexo option:selected").text();
            }

            if (!(nombreFamiliar == '' || tipoDocFamiliar == '' || docFamiliar == '')) {
                var grilla = $('#grilla').DataTable();
                grilla.row.add([
                    "<input type='checkbox' name='txtId[]' value=''>",
                    tipoFamiliarText + "<input type='hidden' name='txtTipoFamiliar[]' value='" + $(
                        "#lstTipoFamiliar option:selected").val() + "'>",
                    $("#txtNombreGrupoFamiliar").val() +
                    "<input type='hidden' name='txtNombreGrupoFamiliar[]' value='" + $("#txtNombreGrupoFamiliar")
                    .val() + "'>",
                    $("#txtApellidoGrupoFamiliar").val() +
                    "<input type='hidden' name='txtApellidoGrupoFamiliar[]' value='" + $(
                        "#txtApellidoGrupoFamiliar").val() + "'>",
                    tipoDocFamiliarText + "<input type='hidden' name='txtTipoDocumentoGrupoFamiliar[]' value='" + $(
                        "#lstTipoDocumento option:selected").val() + "'>",
                    $("#txtDocumentoGrupoFamiliar").val() +
                    "<input type='hidden' name='txtDocumentoGrupoFamiliar[]' value='" + $(
                        "#txtDocumentoGrupoFamiliar").val() + "'>",
                    $("#txtFechaNacimientoFamiliar").val() +
                    "<input type='hidden' name='txtFechaNacimientoGrupoFamiliar[]' value='" + $(
                        "#txtFechaNacimientoFamiliar").val() + "'>",
                    sexoFamiliarText + "<input type='hidden' name='txtSexoGrupoFamiliar[]' value='" + $(
                        "#lstSexo option:selected").val() + "'>",
                    ""
                ]).draw();
                $('#modalGrupoFamiliar').modal('toggle');
                limpiarFormulario();
            }
        }

        function limpiarFormulario() {
            $("#lstTipoFamiliar").val();
            $("#txtNombre").val();
            $("#txtApellido").val();
            $("#lstTipoDocumento").val();
            $("#txtDocumento").val();
            $("#txtFechaNacimientoFamiliar").val();
            $("#lstSexo").val();
        }

        function abrirDialogoEliminarGrupoFamiliar() {
            if (globalId == "0") {
                msgShow("Debe dar de alta un beneficiario para poder asignar un familiar asociado", "danger");
            } else {
                $('#modalmsg').modal('toggle');
            }
        }

        function eliminarGrupoFamiliar() {
            var grilla = $('#grilla').DataTable();
            $('#grilla input[type=checkbox]').each(function() {
                if (this.checked) {
                    $(this.parentElement.parentNode).addClass('borrar');
                }
            });
            grilla.rows('.borrar').remove().draw(false);
            $('#modalmsg').modal('toggle');
        }

        window.onload = function() {
            let documento = document.getElementById('txtDocumento');
            let aNumeros = '0123456789';
            documento.addEventListener('input', function(e) {
                if (e.data != null) {
                    if (aNumeros.indexOf(e.data, 0) != -1) {
                        this.value = this.value.toUpperCase().trim();
                    } else {
                        this.value = this.value.substring(0, this.value.length - 1);
                    }
                }
            });
        }
    </script>
@endsection