@extends('adminlte::page')

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

@section('title', 'Intranet | Establecer Envio de la Carta de las Solicitudes de Desvinculaciones Masivo')

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

    </div>
@stop

@section('content')
    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">Establecer Envio de la Carta de las Solicitudes de Desvinculaciones Masivo</h3>
        </div>
        <div class="card-body">
            <div class="contenedorTresCamposPorFilaEnLosFormulario">
                <div class="form-group" >
                    <select class="form-control listaDespegableConBuscador" id="campoCentroDeCosto" data-live-search="true" onchange="obtenerTrabajadoresDeTalanaPorCentroDeCosto(this)">
                        <option value="">--Seleccionar Centro de Costo--</option>
                        <option value="Todos" selected>Todos</option>
                        @foreach ($centrosDeCostos as $cc)
                            <option value="{{ $cc->id }}">{{ $cc->centro_costo }}</option>
                        @endforeach
                    </select>
                    <div class="invalid-feedback" id="valicacionCampoCentroDeCosto">
    
                    </div>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table  table-bordered" id="datatable">
                    <thead>
                        <tr>
                            <th>Selección</th>
                            <th>Correlativo</th>
                            <th>Rut</th>
                            <th>Nombre</th>
                            <th>Apellido Paterno</th>
                            <th>Apellido Materno</th>
                            <th>Cargo</th>
                            <th>Tipo de Contrato</th>
                            <th>Centro de Costo</th>
                            <th>Fecha Inicio de Contrato</th>
                            <th>Fecha Termino de Contrato</th>
                            <th>Motivo de la Desvinculación</th>
                            <th>Calidad del Trabajo</th>
                            <th>Trabajo en Equipo</th>
                            <th>Desempeño de Seguridad</th>
                            <th>Valores y Actitudes</th>
                            <th>Recomendable Futuras Contrataciones</th>
                            <th>Observaciones</th>
                            <th>Fecha Envío de la Carta</th>
                            <th>Tipo de Notificación</th>
                            <th>Número Envío de Documento (Número OT)</th>
                        </tr>
                    </thead>
                    <tbody id="registrosDeTrabajadores">
                        @if (count($solicitudes)>0)
                            @foreach ($solicitudes as $solicitud)
                                <tr>
                                    <td class='tabla-accion text-center'>
                                        <div class='icheck-primary'>
                                            <input class='radio-button-trabajador' type='checkbox' id='radioButtonTrabajador{{$solicitud->id}}' name='radioButton_{{$solicitud->id}}' value='{{$solicitud->id}}' onchange='seleccionarFilaDeTrabajador(this)'>
                                            <label for='radioButtonTrabajador{{$solicitud->id}}'></label>
                                        </div> 
                                    </td>
                                    <td class='tabla-correlativo'>{{$solicitud->correlativo}}</td>
                                    <td class='tabla-rut'>{{$solicitud->rut_trabajador}}</td>
                                    <td class='tabla-nombre'>{{$solicitud->nombre_trabajador}}</td>
                                    <td class='tabla-apellido-paterno'>{{$solicitud->apellido_paterno_trabajador}}</td>
                                    <td class='tabla-apellido-materno'>{{$solicitud->apellido_materno_trabajador}}</td>
                                    <td class='tabla-cargo'>{{$solicitud->cargo_trabajador}}</td>
                                    <td class='tabla-tipo-contrato'>{{$solicitud->tipo_contrato_trabajador}}</td>
                                    <td class='tabla-id-contro-costo' style='display:none;'>{{$solicitud->id_centro_costo}}</td>
                                    <td class='tabla-contro-costo'>{{$solicitud->centroDeCosto->centro_costo}}</td>
                                    <td class='tabla-fecha-desde'>{{$solicitud->fecha_ingreso_trabajador}}</td>
                                    <td class='tabla-fecha-hasta'>{{$solicitud->fecha_termino_trabajador}}</td>
                                    <td class='tabla-motivo-desvinculacion'>{{$solicitud->motivo_desvinculacion_otro}}</td>
                                    @foreach ($solicitud->desempeñosLaborales as $desempenoLaboral)
                                        @if ($desempenoLaboral->desempeno_laboral=="Calidad del Trabajo")
                                            <td class='tabla-calidad-trabajo'>{{$desempenoLaboral->evaluacion}}</td>
                                        @elseif ($desempenoLaboral->desempeno_laboral=="Trabajo en Equipo")
                                            <td class='tabla-trabajo-equipo'>{{$desempenoLaboral->evaluacion}}</td>
                                        @elseif ($desempenoLaboral->desempeno_laboral=="Desempeño en Seguridad")
                                            <td class='tabla-desempeno-seguridad'>{{$desempenoLaboral->evaluacion}}</td>
                                        @elseif ($desempenoLaboral->desempeno_laboral=="Valores y Actitudes del Trabajador")
                                            <td class='tabla-valores-actitudes'>{{$desempenoLaboral->evaluacion}}</td>
                                        @endif
                                    @endforeach
                                    <td class='tabla-futuras-contrataciones'>{{$solicitud->recomendable_futura_contratacion}}</td>
                                    <td class='tabla-observaciones'>{{$solicitud->observacion}}</td>
                                    <td class='tabla-fecha-envio-carta'>{{$solicitud->fecha_envio_carta}}</td>
                                    <td class='tabla-notificacion-entrega-carta'>{{$solicitud->notificacion_entrega_carta}}</td>
                                    <td class='tabla-numero-envio-documento'>{{$solicitud->numero_envio_carta}}</td>
                                </tr>
                            @endforeach
                        @else
                            <tr id="trabajadoresNoDisponibleEnLaTabla">
                                <td colspan="24" class="text-center">No hay otros trabajadores disponibles en la tabla</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.card-body -->
        <div class=" card-footer">
            <button type="button" class="btn btn-primary" id="botonDeCreacion" onclick="establecerEnvioDeCarta()"><i class="fas fa-edit" style="margin-right: 2px;"></i> Establecer Envío de la Carta </button>
            <button type="button" class="btn btn-primary" id="botonDeGuardarDatos" onclick="guardarDatos()"><i class="fas fa-save" style="margin-right: 2px;"></i> Guardar Datos </button>
            <a href="{{ route('finiquito.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
        </div>
    </div>

    <div class="modal fade" id="modalVisualizacionDeErroresDeTrabajadores" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #007bff; color:white;">
                    <h5 class="modal-title" id="labelModalVisualizacionDeErroresDeTrabajadores">Visualización de los Trabajadores con Campos por Completar</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  table-bordered" id="tabla-errores-trabajadores">
                            <thead>
                                <tr>
                                    <th>Correlativo</th>
                                    <th>Rut</th>
                                    <th>Nombre</th>
                                    <th>Apellido Paterno</th>
                                    <th>Apellido Materno</th>
                                    <th>Cargo</th>
                                    <th>Tipo de Contrato</th>
                                    <th>Centro de Costo</th>
                                    <th>Fecha Inicio de Contrato</th>
                                    <th>Fecha Termino de Contrato</th>
                                    <th>Motivo de la Desvinculación</th>
                                    <th>Calidad del Trabajo</th>
                                    <th>Trabajo en Equipo</th>
                                    <th>Desempeño de Seguridad</th>
                                    <th>Valores y Actitudes</th>
                                    <th>Recomendable Futuras Contrataciones</th>
                                    <th>Observaciones</th>
                                    <th>Fecha Envío de la Carta</th>
                                    <th>Tipo de Notificación</th>
                                    <th>Número Envío de Documento (Número OT)</th>
                                </tr>
                            </thead>
                            <tbody id="registrosDeErroresDeTrabajadores">

                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>
@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2021 <a href="http://guinezingenieria.cl/">GuiñezIngeniería.cl</a>.</strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>

    <script>
        $('#campoCentroDeCosto').selectpicker({
            dropupAuto: false,
        });

        function obtenerTrabajadoresDeTalanaPorCentroDeCosto(campo){
            let cc=campo.value.trim();
            if(cc.length>0){
                let formData = new FormData();
                formData.append('cc', cc);
                var csrf = '{{ csrf_token() }}';
                $.ajax({
                    url: '{{ route('finiquito.obtener-solicitudes-cc') }}',
                    method: 'POST',
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    data: formData,
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        console.log(data)
                        document.getElementById("registrosDeTrabajadores").innerHTML="";
                        data.forEach((elemento) => {
                            let fechaDesde="";
                            let fechaEnvioCarta="";
                            let notificacionEntregaCarta="";
                            let numeroEnvioDocumento="";
                            if(elemento.fecha_termino_trabajador!=null && elemento.fecha_termino_trabajador!=undefined){
                                fechaDesde=elemento.fecha_termino_trabajador
                            }

                            if(elemento.fecha_envio_carta!=null && elemento.fecha_envio_carta!=undefined){
                                fechaEnvioCarta=elemento.fecha_envio_carta
                            }

                            if(elemento.notificacion_entrega_carta!=null && elemento.notificacion_entrega_carta!=undefined){
                                notificacionEntregaCarta=elemento.notificacion_entrega_carta
                            }

                            if(elemento.numero_envio_carta!=null && elemento.numero_envio_carta!=undefined){
                                numeroEnvioDocumento=elemento.numero_envio_carta
                            }

                            document.getElementById("registrosDeTrabajadores").innerHTML+=
                            "<tr>"+
                                "<td class='tabla-accion text-center'>"+
                                    "<div class='icheck-primary'>"+
                                        "<input class='radio-button-trabajador' type='checkbox' id='radioButtonTrabajador"+elemento.id+"' name='radioButton_"+elemento.id+"' value='"+elemento.id+"' onchange='seleccionarFilaDeTrabajador(this)'>"+
                                        "<label for='radioButtonTrabajador"+elemento.id+"'></label>"+
                                    "</div>"+   
                                "</td>"+
                                "<td class='tabla-correlativo'>"+elemento.correlativo+"</td>"+
                                "<td class='tabla-rut'>"+elemento.rut_trabajador+"</td>"+
                                "<td class='tabla-nombre'>"+elemento.nombre_trabajador+"</td>"+
                                "<td class='tabla-apellido-paterno'>"+elemento.apellido_paterno_trabajador+"</td>"+
                                "<td class='tabla-apellido-materno'>"+elemento.apellido_materno_trabajador+"</td>"+
                                "<td class='tabla-cargo'>"+elemento.cargo_trabajador+"</td>"+
                                "<td class='tabla-tipo-contrato'>"+elemento.tipo_contrato_trabajador+"</td>"+
                                "<td class='tabla-id-contro-costo' style='display:none;'>"+elemento.centro_de_costo.id+"</td>"+
                                "<td class='tabla-contro-costo'>"+elemento.centro_de_costo.centro_costo+"</td>"+
                                "<td class='tabla-fecha-desde'>"+elemento.fecha_ingreso_trabajador+"</td>"+
                                "<td class='tabla-fecha-hasta'>"+fechaDesde+"</td>"+
                                "<td class='tabla-motivo-desvinculacion'>"+elemento.motivo_desvinculacion_otro+"</td>"+
                                "<td class='tabla-calidad-trabajo'>"+elemento.desempeños_laborales[0].evaluacion+"</td>"+
                                "<td class='tabla-trabajo-equipo'>"+elemento.desempeños_laborales[1].evaluacion+"</td>"+
                                "<td class='tabla-desempeno-seguridad'>"+elemento.desempeños_laborales[2].evaluacion+"</td>"+
                                "<td class='tabla-valores-actitudes'>"+elemento.desempeños_laborales[3].evaluacion+"</td>"+
                                "<td class='tabla-futuras-contrataciones'>"+elemento.recomendable_futura_contratacion+"</td>"+
                                "<td class='tabla-observaciones'>"+elemento.observacion+"</td>"+
                                "<td class='tabla-fecha-envio-carta'>"+fechaEnvioCarta+"</td>"+
                                "<td class='tabla-notificacion-entrega-carta'>"+notificacionEntregaCarta+"</td>"+
                                "<td class='tabla-numero-envio-documento'>"+numeroEnvioDocumento+"</td>"+
                            "</tr>";
                        });
                        eliminarLoading()
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                    }
                })
            }else{
                document.getElementById("registrosDeTrabajadores").innerHTML=
                '<tr id="trabajadoresNoDisponibleEnLaTabla">'+
                    '<td colspan="24" class="text-center">No hay otros trabajadores disponibles en la tabla</td>'+
                '</tr>';
            }
        }

        function seleccionarFilaDeTrabajador(campo){
            let fila=campo.parentElement.parentElement.parentElement;
            let valorFechaEnvioCarta=fila.querySelector(".tabla-fecha-envio-carta").innerHTML;
            let valorNotificacionEntregaCarta=fila.querySelector(".tabla-notificacion-entrega-carta").innerHTML;
            let valorNumeroEnvioDocumento=fila.querySelector(".tabla-numero-envio-documento").innerHTML;
            let opcionesNotificacionEntregaCarta="";
            if(valorNotificacionEntregaCarta=="Correo Certificado"){
                opcionesNotificacionEntregaCarta=
                '<option value="Correo Certificado" selected>Correo Certificado</option>'+
                '<option value="Presencial">Presencial</option>';
            }else if(valorNotificacionEntregaCarta=="Presencial"){
                opcionesNotificacionEntregaCarta=
                '<option value="Correo Certificado">Correo Certificado</option>'+
                '<option value="Presencial" selected>Presencial</option>';
            }else{
                opcionesNotificacionEntregaCarta=
                '<option value="Correo Certificado">Correo Certificado</option>'+
                '<option value="Presencial">Presencial</option>';
            }

            if(campo.checked == true){
                fila.querySelector(".tabla-fecha-envio-carta").innerHTML=
                    '<div class="form-group" style="width:130px">'+
                        '<input type="date" class="form-control" value="'+valorFechaEnvioCarta+'">'+
                    '</div>';

                fila.querySelector(".tabla-notificacion-entrega-carta").innerHTML=
                '<div class="form-group">'+
                    '<select style="width:120px" class="form-control listaDespegableConBuscador" data-live-search="true" onchange="habilitarNumeroEnvioDeDocumento(this)">'+
                        '<option value="">--Seleccionar Notificación de Entrega de Carta--</option>'+
                        opcionesNotificacionEntregaCarta+
                    '</select>'+
                '</div>';

                if(valorNotificacionEntregaCarta=="Correo Certificado"){
                    fila.querySelector(".tabla-numero-envio-documento").innerHTML=
                    '<div class="form-group" style="width:130px">'+
                        '<input type="text" class="form-control" value="'+valorNumeroEnvioDocumento+'">'+
                    '</div>';
                }
            }else{
                fila.querySelector(".tabla-fecha-envio-carta").innerHTML="";
                fila.querySelector(".tabla-notificacion-entrega-carta").innerHTML="";
                fila.querySelector(".tabla-numero-envio-documento").innerHTML="";
            }
        }

        function habilitarNumeroEnvioDeDocumento(campo){
            let fila=campo.parentElement.parentElement.parentElement;
            console.log(fila)
            let entregaDeCarta=campo.value.trim();
            if(entregaDeCarta.length>0){
                if(entregaDeCarta=="Correo Certificado"){
                    fila.querySelector(".tabla-numero-envio-documento").innerHTML=
                    '<div class="form-group" style="width:130px">'+
                        '<input type="text" class="form-control">'+
                    '</div>';
                }else if(entregaDeCarta=="Presencial"){
                    fila.querySelector(".tabla-numero-envio-documento").innerHTML="";
                }
            }else{
                fila.querySelector(".tabla-numero-envio-documento").innerHTML="";
            }
        }

        function validarTrabajadoresObtenerListadoDeTrabajadores(borrador){
            let hayRegistros=false;
            let hayErrores=false;
            let listadoDeTrabajadores=[];
            let listadoDeErrores=[];

            let filasDeTrabajadores = document.getElementById('datatable').tBodies[0].querySelectorAll("tr");
            filasDeTrabajadores.forEach(fila=> {
                if(fila.querySelector(".tabla-rut")){
                    let hayErrorTrabajador=false;
                    let accion = fila.querySelector(".tabla-accion");
                    let correlativo = fila.querySelector(".tabla-correlativo").innerHTML.trim();
                    let rut = fila.querySelector(".tabla-rut").innerHTML.trim();
                    let nombre = fila.querySelector(".tabla-nombre").innerHTML.trim();
                    let apellidoPaterno = fila.querySelector(".tabla-apellido-paterno").innerHTML.trim();
                    let apellidoMaterno = fila.querySelector(".tabla-apellido-materno").innerHTML.trim();
                    let cargo = fila.querySelector(".tabla-cargo").innerHTML.trim();
                    let tipoDeContrato = fila.querySelector(".tabla-tipo-contrato").innerHTML.trim();
                    let idCentroDeCosto = fila.querySelector(".tabla-id-contro-costo").innerHTML.trim();
                    let centroDeCosto = fila.querySelector(".tabla-contro-costo").innerHTML.trim();
                    let fechaDesde = fila.querySelector(".tabla-fecha-desde").innerHTML.trim();
                    let fechaHasta = fila.querySelector(".tabla-fecha-hasta").innerHTML.trim();
                    let motivoDesvinculacion = fila.querySelector(".tabla-motivo-desvinculacion").innerHTML.trim();
                    let calidadDeTrabajo = fila.querySelector(".tabla-calidad-trabajo").innerHTML.trim();
                    let trabajoEnEquipo = fila.querySelector(".tabla-trabajo-equipo").innerHTML.trim();
                    let desempenoDeSeguridad = fila.querySelector(".tabla-desempeno-seguridad").innerHTML.trim();
                    let valoresActitudes= fila.querySelector(".tabla-valores-actitudes").innerHTML.trim();
                    let futurasContrataciones = fila.querySelector(".tabla-futuras-contrataciones").innerHTML.trim();
                    let motivoObservaciones = fila.querySelector(".tabla-observaciones").innerHTML.trim();

                    if(accion.querySelector("input")){
                        if(accion.querySelector("input").checked){
                            hayRegistros=true;
                            let fechaEnvioCarta = fila.querySelector(".tabla-fecha-envio-carta").querySelector("input").value.trim();
                            let entregaCarta = fila.querySelector(".tabla-notificacion-entrega-carta").querySelector("select").value.trim();
                            let numeroEnvioDeDocumento="";
                            if(entregaCarta=="Correo Certificado"){
                                numeroEnvioDeDocumento=fila.querySelector(".tabla-numero-envio-documento").querySelector("input").value.trim();
                            }
                        
                            let valorDeEnvioCarta = "";
                            let valorDeEntregaCarta = "";
                            let valorDeNumeroEnvioDeDocumento = "";

                            let colorValidacionDeEnvioCarta="";
                            let colorValidacionDeEntregaCarta ="";
                            let colorValidacionDeNumeroEnvioDeDocumento="";

                            if(borrador==true){
                                valorDeEnvioCarta = fechaEnvioCarta;
                                valorDeEntregaCarta = entregaCarta;
                                valorDeNumeroEnvioDeDocumento = numeroEnvioDeDocumento;
                            }else{
                                if(fechaEnvioCarta.length>0){
                                    colorValidacionDeEnvioCarta ="style='background-color:#28a745; font-weight: 700; color:white;'";
                                    valorDeEnvioCarta = fechaEnvioCarta;
                                }else{
                                    colorValidacionDeEnvioCarta ="style='background-color:#dc3545; font-weight: 700; color:white;'";
                                    valorDeEnvioCarta = "El campo debe completarse";
                                    hayErrorTrabajador=true;
                                }

                                if(entregaCarta.length>0){
                                    colorValidacionDeEntregaCarta ="style='background-color:#28a745; font-weight: 700; color:white;'";
                                    valorDeEntregaCarta = entregaCarta;
                                }else{
                                    colorValidacionDeEntregaCarta ="style='background-color:#dc3545; font-weight: 700; color:white;'";
                                    valorDeEntregaCarta = "El campo debe completarse";
                                    hayErrorTrabajador=true;
                                }

                                if(entregaCarta=="Correo Certificado"){
                                    if(numeroEnvioDeDocumento.length>0){
                                        colorValidacionDeNumeroEnvioDeDocumento="style='background-color:#28a745; font-weight: 700; color:white;'";
                                        valorDeNumeroEnvioDeDocumento = numeroEnvioDeDocumento;
                                    }else{
                                        colorValidacionDeNumeroEnvioDeDocumento="style='background-color:#dc3545; font-weight: 700; color:white;'";
                                        valorDeNumeroEnvioDeDocumento = "El campo debe completarse";
                                        hayErrorTrabajador=true;
                                    }
                                }else if(entregaCarta=="Presencial"){
                                    colorValidacionDeNumeroEnvioDeDocumento="style='background-color:#28a745; font-weight: 700; color:white;'";
                                    if(numeroEnvioDeDocumento.length>0){
                                        valorDeNumeroEnvioDeDocumento = numeroEnvioDeDocumento;
                                    }
                                }else{
                                    colorValidacionDeNumeroEnvioDeDocumento="style='background-color:#28a745; font-weight: 700; color:white;'";
                                }
                            }

                            let solicitud= {
                                id: accion.querySelector("input").value,
                                correlativo:correlativo,
                                rut: rut,
                                nombre: nombre,
                                apellidoPaterno: apellidoPaterno,
                                apellidoMaterno: apellidoMaterno,
                                cargo: cargo,
                                tipoDeContrato: tipoDeContrato,
                                idCentroDeCosto: idCentroDeCosto,
                                centroDeCosto: centroDeCosto,
                                fechaDesde: fechaDesde,
                                fechaHasta: fechaHasta,
                                motivoDesvinculacion: motivoDesvinculacion,
                                calidadDeTrabajo: calidadDeTrabajo ,
                                trabajoEnEquipo: trabajoEnEquipo,
                                desempenoDeSeguridad: desempenoDeSeguridad,
                                valoresActividades: valoresActitudes,
                                futurasContrataciones: futurasContrataciones,
                                observaciones: motivoObservaciones,
                                fechaEnvioCarta: valorDeEnvioCarta,
                                entregaCarta: valorDeEntregaCarta,
                                numeroEnvioDeDocumento: valorDeNumeroEnvioDeDocumento,
                                colorValidacionDeEnvioCarta: colorValidacionDeEnvioCarta,
                                colorValidacionDeEntregaCarta: colorValidacionDeEntregaCarta,
                                colorValidacionDeNumeroEnvioDeDocumento: colorValidacionDeNumeroEnvioDeDocumento
                            };

                            if(hayErrorTrabajador==true){
                                hayErrores=true;
                                listadoDeErrores.push(solicitud);
                            }

                            listadoDeTrabajadores.push(solicitud);
                        }
                    }
                }
            });

            return {
                hayRegistros:hayRegistros,
                hayErrores:hayErrores,
                listadoDeTrabajadores:listadoDeTrabajadores,
                listadoDeErrores:listadoDeErrores
            };
        }

        function establecerEnvioDeCarta(){
            document.getElementById("botonDeCreacion").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')
            let validacion=validarTrabajadoresObtenerListadoDeTrabajadores(false);
            if(validacion.hayRegistros==true){
                if(validacion.hayErrores==true){
                    document.getElementById("registrosDeErroresDeTrabajadores").innerHTML="";
                    validacion.listadoDeErrores.forEach((elemento) => {
                        document.getElementById("registrosDeErroresDeTrabajadores").innerHTML+=
                        "<tr>"+
                            "<td class='tabla-correlativo'>"+elemento.correlativo+"</td>"+
                            "<td class='tabla-rut'>"+elemento.rut+"</td>"+
                            "<td class='tabla-nombre'>"+elemento.nombre+"</td>"+
                            "<td class='tabla-apellido-paterno'>"+elemento.apellidoPaterno+"</td>"+
                            "<td class='tabla-apellido-materno'>"+elemento.apellidoMaterno+"</td>"+
                            "<td class='tabla-cargo'>"+elemento.cargo+"</td>"+
                            "<td class='tabla-tipo-contrato'>"+elemento.tipoDeContrato+"</td>"+
                            "<td class='tabla-id-contro-costo' style='display:none;'>"+elemento.idCentroDeCosto+"</td>"+
                            "<td class='tabla-contro-costo'>"+elemento.centroDeCosto+"</td>"+
                            "<td class='tabla-fecha-desde'>"+elemento.fechaDesde+"</td>"+
                            "<td class='tabla-fecha-hasta'>"+elemento.fechaHasta+"</td>"+
                            "<td class='tabla-motivo-desvinculacion'>"+elemento.motivoDesvinculacion+"</td>"+
                            "<td class='tabla-calidad-trabajo'>"+elemento.calidadDeTrabajo+"</td>"+
                            "<td class='tabla-trabajo-equipo'>"+elemento.trabajoEnEquipo+"</td>"+
                            "<td class='tabla-desempeno-seguridad'>"+elemento.desempenoDeSeguridad+"</td>"+
                            "<td class='tabla-valores-actitudes'>"+elemento.valoresActividades+"</td>"+
                            "<td class='tabla-futuras-contrataciones'>"+elemento.futurasContrataciones+"</td>"+
                            "<td class='tabla-observaciones'>"+elemento.observaciones+"</td>"+
                            "<td class='tabla-fecha-envio-carta' "+elemento.colorValidacionDeEnvioCarta+">"+elemento.fechaEnvioCarta+"</td>"+
                            "<td class='tabla-notificacion-entrega-carta' "+elemento.colorValidacionDeEntregaCarta+">"+elemento.entregaCarta+"</td>"+
                            "<td class='tabla-numero-envio-documento' "+elemento.colorValidacionDeNumeroEnvioDeDocumento+">"+elemento.numeroEnvioDeDocumento+"</td>"+
                        "</tr>";
                    });
                    $("#modalVisualizacionDeErroresDeTrabajadores").modal("show");
                    document.getElementById("botonDeCreacion").removeAttribute("disabled");
                    eliminarLoading()
                }else{
                    let listadoDeTrabajadores=validacion.listadoDeTrabajadores= JSON.stringify(validacion.listadoDeTrabajadores);
                    let formData = new FormData();
                    formData.append('listado_trabajadores', listadoDeTrabajadores);
                    let csrf = '{{ csrf_token() }}';

                    $.ajax({
                        url: '{{ route('finiquito.store-establecer-envio-carta-masivo') }}',
                        method: 'POST',
                        data: formData,
                        contentType: false,
                        processData: false,
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            Swal.fire({
                                icon: 'success',
                                title: '¡Se Estableció el Envío de la Carta !',
                                text: 'Se estableció el envío de la carta de las solicitudes de desvinculación de manera masiva',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.reload();
                            })
                            .catch((error) => {
                                location.reload();
                            });
        
                            document.getElementById("botonDeCreacion").removeAttribute("disabled");
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("botonDeCreacion").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                }
            }else{
                Swal.fire({
                    icon: 'error',
                    title: '¡Selecciones Trabajadores!',
                    text: 'Debe seleccionar al menos un trabajador para establecer el envio de la carta de las solicitudes de desvinculaciones',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
                document.getElementById("botonDeCreacion").removeAttribute("disabled");
                eliminarLoading()
            }
        }

        function guardarDatos(){
            document.getElementById("botonDeGuardarDatos").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')
            let validacion=validarTrabajadoresObtenerListadoDeTrabajadores(true);
            if(validacion.hayRegistros==true){
                let listadoDeTrabajadores=validacion.listadoDeTrabajadores= JSON.stringify(validacion.listadoDeTrabajadores);
                let formData = new FormData();
                formData.append('listado_trabajadores', listadoDeTrabajadores);
                let csrf = '{{ csrf_token() }}';

                $.ajax({
                    url: '{{ route('finiquito.guardar-datos-envio-carta-masivo') }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        Swal.fire({
                            icon: 'success',
                            title: '¡Datos Guardados!',
                            text: 'Se guerdo los datos de las solicitudes de desvinculación de manera masiva',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.reload();
                        })
                        .catch((error) => {
                            location.reload();
                        });
    
                        document.getElementById("botonDeGuardarDatos").removeAttribute("disabled");
                        eliminarLoading()
                    },
                    error: function(data) {
                        console.log(data)
                        Swal.fire({
                            icon: 'error',
                            title: '¡Errores en el Formulario!',
                            text: 'Revise los campos del formulario. Hay campos incompletos o que no cumple con los requisitos establecidos. Asegurase de completar todos los campos obligatorios y de corregir cualquier error señalado.',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        })
                        document.getElementById("botonDeGuardarDatos").removeAttribute("disabled");
                        eliminarLoading()
                    }
                })
            }else{
                Swal.fire({
                    icon: 'error',
                    title: '¡Selecciones Trabajadores!',
                    text: 'Debe seleccionar al menos un trabajador para establecer el envio de la carta de las solicitudes de desvinculaciones',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
                document.getElementById("botonDeGuardarDatos").removeAttribute("disabled");
                eliminarLoading()
            }
        }
    </script>
@stop