@extends('adminlte::page')

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

@section('title', 'Intranet | Nueva Solicitud de Coordinación de Exámenes/Inducciones')

@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-primary">
                    <div class="card-header">
                        <h3 class="card-title">Nueva Solicitud de Coordinación de Exámenes/Inducciones</h3>
                    </div>
                    <div class="card-body p-0">
                        <div class="bs-stepper linear">
                            <div class="bs-stepper-header" role="tablist">
                                <div class="step active" data-target="#datos-examenes">
                                    <button type="button" class="step-trigger" role="tab" aria-controls="datos-examenes" id="datos-examenes-trigger" aria-selected="true">
                                        <span class="bs-stepper-circle">1</span>
                                        <span class="bs-stepper-label">Datos de Examenes</span>
                                    </button>
                                </div>
                                <div class="line"></div>
                                <div class="step" data-target="#datos-trabajador">
                                    <button type="button" class="step-trigger" role="tab" aria-controls="datos-trabajador" id="datos-trabajador-trigger" aria-selected="false" disabled="disabled">
                                        <span class="bs-stepper-circle">2</span>
                                        <span class="bs-stepper-label">Datos del Trabajador</span>
                                    </button>
                                </div>
                            </div>
                            <div class="bs-stepper-content">
                                <form id="formularioDeSolicitudDeCoordinacionDeExamenes">
                                    @csrf
                                    <div id="datos-examenes" class="content active dstepper-block" role="tabpanel" aria-labelledby="datos-examenes-trigger">
                                        
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <div class="form-group">
                                                <label>Faena</label>
                                                <select class="form-control listaDespegableConBuscador" id="campoFaenaDeCoordinacionDeExamen" name="id_faena" data-live-search="true" onchange="obtenerTodosLosExamenesDeTrabajoOperativosDeUnaFaena(this)">
                                                    <option value="">--Seleccionar Faena--</option>
                                                    @foreach ($faenas as $faena)
                                                        @if (old('id_faena') == $faena->id)
                                                            <option selected value="{{ $faena->id }}">{{ $faena->faena }}</option>
                                                        @else
                                                            <option value="{{ $faena->id }}">{{ $faena->faena  }}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                <input type="text" id="campoNombreFaenaDeCoordinacionDeExamen" class="form-control" name="nombre_faena" value="{{ old('nombre_faena') }}" style="display:none;" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoFaenaDeCoordinacionDeExamen">
                
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label>Examen/Inducción de Trabajo</label>
                                                <select class="form-control listaDespegableConBuscador" id="campoExamenDeCoordinacionDeExamen" name="id_examen" data-live-search="true" onchange="obtenerTodosLosSubExamenesDeTrabajoOperativosDeUnExamenDeTrabajo(this)">
                                                    <option value="">--Seleccionar Examen/Inducción de Trabajo--</option>
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoExamenDeCoordinacionDeExamen">
                
                                                </div>
                                            </div>
    
                                            <div class="form-group" id="contenedorDeSeleccionDeBateria">
                                                <label>Batería de Examen</label>
                                                <select class="form-control listaDespegableConBuscador" id="campoSubExamenDeCoordinacionDeExamen" name="id_subexamen" data-live-search="true">
                                                    <option value="">--Seleccionar Batería de Examen--</option>
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoSubExamenDeCoordinacionDeExamen">
                
                                                </div>
                                            </div>
                                        </div>

                                        <div class="alert alert-danger" role="alert" style="display: none;" id="errorBaterias"> </div>
                                        <div id="contenedorDeTablasDeBaterias" style="display:none;">
                                            <div class="dt-responsive table-responsive">
                                                <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-baterias">
                                                    <thead>
                                                        <tr role="row">
                                                            <th>#</th>
                                                            <th>Batería de Examen</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="registroDeBaterias">

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

                                        <button type="button" class="btn btn-primary mb-2" onclick="agregarExamenes()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Agregar Examen </button>

                                        <div class="alert alert-danger" role="alert" style="display: none;" id="errorExamenes"> </div>
                                        <div class="dt-responsive table-responsive">
                                            <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-examenes">
                                                <thead>
                                                    <tr role="row">
                                                        <th>#</th>
                                                        <th>Faena</th>
                                                        <th>Examen/Inducción de Trabajo</th>
                                                        <th>Tipo de Examen/Inducción de Trabajo</th>
                                                        <th>Batería de Examen</th>
                                                        <th>Acción</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="registroDeExamenes">
                                                    <tr id="ExamenesNoDisponibleEnLaTabla">
                                                        <td colspan="6" class="text-center">No hay examenes disponibles en la tabla</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>

                                        <input type="hidden" id="campoTipoDeExamen">
                                        <input type="hidden" id="campoTipoDeSeleccionDeBateria">
                                        <button type="button" class="btn btn-secondary" onclick="accesoHaLaSegundaParteDelFormulario()"><i class="fas fa-arrow-right" style="margin-right: 2px;"></i> Siguiente</button>
                                    </div>
                                    <div id="datos-trabajador" class="content" role="tabpanel" aria-labelledby="datos-trabajador-trigger">
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <div class="form-group">
                                                <label>Correlativo</label>
                                                <input type="text" id="campoCorrelativoDeLaSolicitud" class="form-control" name="correlativo" value="{{ old('correlativo',$correlativo) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoCorrelativoDeLaSolicitud">
                
                                                </div>
                                            </div>
                                            @php
                                                $nombreDelTrabajador=$trabajadorDeTalana->nombre." ".$trabajadorDeTalana->apellido_paterno." ".$trabajadorDeTalana->apellido_materno;
                                            @endphp
                                            <div class="form-group">
                                                <label>Nombre del Trabajador</label>
                                                <input type="text" id="campoNombreDelTrabajador" class="form-control" name="nombre" value="{{ old('nombre',$nombreDelTrabajador) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoNombreDelTrabajador">
                
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label>Rut del Trabajador</label>
                                                <input type="text" id="campoRutDelTrabajador" class="form-control" name="rut" value="{{ old('rut',$trabajadorDeTalana->rut) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoExamenDeTrabajador">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label>Centro de Costo del Trabajador</label>
                                                <input type="text" id="campoCentroDeCostoDelTrabajador" class="form-control" name="centro_costo" value="{{ old('centro_costo',$trabajadorDeTalana->centroDeCosto->centro_costo) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoCentroDeCostoDelTrabajador">
                
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label>Cargo del Trabajador</label>
                                                <input type="text" id="campoCargoDelTrabajador" class="form-control" name="cargo" value="{{ old('cargo',$trabajadorDeTalana->cargo) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoCargoDelTrabajador">
                
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label>Fecha de Nacimiento del Trabajador</label>
                                                <input type="text" id="campoFechaDeNacimientoDelTrabajador" class="form-control" name="fecha_nacimiento" value="{{ old('fecha_nacimiento',$trabajadorDeTalana->fecha_nacimiento) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoFechaDeNacimientoDelTrabajador">
                
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label>Telefono del Trabajador</label>
                                                <input type="text" id="campoTelefonoDelTrabajador" class="form-control" name="telefono" value="{{ old('telefono',$trabajadorDeTalana->telefono) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoTelefonoDelTrabajador">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label>Correo Personal</label>
                                                <input type="text" id="campoCorreoPersonalDelTrabajador" class="form-control" name="correo_personal_trabajador" value="{{ old('correo_personal_trabajador',$trabajadorDeTalana->correo_personal) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoCorreoPersonalDelTrabajador">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label>Dirección del Trabajador</label>
                                                <input type="text" id="campoDireccionDelTrabajador" class="form-control" name="direccion_trabajador" value="{{ old('direccion_trabajador',$trabajadorDeTalana->direccion) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoDireccionDelTrabajador">
                
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="alert alert-danger" role="alert" style="display: none;" id="errorExamenesCoordinados"> </div>
                                        <div class="dt-responsive table-responsive">
                                            <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-examenes-coordinados">
                                                <thead>
                                                    <tr role="row">
                                                        <th>#</th>
                                                        <th>Acción</th>
                                                        <th>Faena</th>
                                                        <th>Examen/Inducción de Trabajo</th>
                                                        <th>Tipo de Examen/Inducción de Trabajo</th>
                                                        <th>Batería de Examen</th>
                                                        <th>Fecha Vencimiento Examen Actual</th>
                                                        <th>Entidad Realizadora de Examen/Inducción</th>
                                                        <th>1 ° Opcion Fecha de Programación</th>
                                                        <th>2 ° Opcion Fecha de Programación </th>
                                                        <th>Ciudad Programada</th>
                                                        <th>Observación</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="registroDeExamenesCoordinados">

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

                                        <button type="button" class="btn btn-secondary mt-2" onclick="stepper.previous()"><i class="fas fa-arrow-left" style="margin-right: 2px;"></i> Anterior</button>
                                        <button type="button" class="btn btn-primary mt-2" onclick="registrarCoordinacionDeExamen()" id="botonDeCreacion"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Crear Coordinación de Examenes/Inducciones</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <a href="{{ $indexGestionPersonal }}" 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="modalCompletarDatosDeLaCoordinacionDeExamenes" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalCompletarDatosDeLaCoordinacionDeExamenes">
            @csrf
            <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="labelModalCompletarDatosDeLaCoordinacionDeExamenes">Completar Datos de Coordinación de Examen</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="contenedorDosCamposPorFilaEnLosFormulario">
                            <div class="form-group">
                                <label for="campoFaenaDeLaCoordinacionDeExamen">Faena</label>
                                <input type="text" class="form-control" id="campoFaenaDeLaCoordinacionDeExamen" readonly="true">
                                <div class="invalid-feedback" id="validacionCampoFaenaDeLaCoordinacionDeExamen">
    
                                </div>
                            </div>
    
                            <div class="text">
                                <label for="campoExamenDeLaCoordinacionDeExamen">Examen/Inducción de Trabajo</label>
                                <input type="text" class="form-control" id="campoExamenDeLaCoordinacionDeExamen" readonly="true">
                                <div class="invalid-feedback" id="validacionCampoExamenDeLaCoordinacionDeExamen">
    
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="campoTipoDeExamenDeLaCoordinacionDeExamen">Tipo de Examen/Inducción de Trabajo</label>
                                <input type="text" class="form-control" id="campoTipoDeExamenDeLaCoordinacionDeExamen" readonly="true">
                                <div class="invalid-feedback" id="validacionCampoTipoDeExamenDeLaCoordinacionDeExamen">
    
                                </div>
                            </div>
    
                            <div class="form-group">
                                <label for="campoSubExamenDeLaCoordinacionDeExamen">Batería de Trabajo</label>
                                <input type="text" class="form-control" id="campoSubExamenDeLaCoordinacionDeExamen" readonly="true">
                                <div class="invalid-feedback" id="validacionCampoSubExamenDeLaCoordinacionDeExamen">
    
                                </div>
                            </div>

                            <div class="form-group">
                                <label>Entidad Realizadora de Examen/Inducción</label>
                                <select class="form-control listaDespegableConBuscador " id="campoEntidadRealizadoraDeLaCoordinacionDeExamen" data-live-search="true">
                                    <option value="">--Seleccionar Entidad Realizadora de Examen/Inducción--</option>
                                    <option value="Mutual">Mutual</option>
                                    <option value="Laboratorio">Laboratorio</option>
                                </select>
                                <div class="invalid-feedback" id="validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen">

                                </div>
                            </div>

                            <div class="form-group">
                                <label for="campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen">1° Opción Fecha de Programación</label>
                                <input type="date" class="form-control" id="campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen" >
                                <div class="invalid-feedback" id="validacionCampo1OpcionFechaProgramacionDeLaCoordinacionDeExamen">
    
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen">2° Opción Fecha de Programación</label>
                                <input type="date" class="form-control" id="campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen" >
                                <div class="invalid-feedback" id="validacionCampo2OpcionFechaProgramacionDeLaCoordinacionDeExamen">
    
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="campoCiudadProgramadaDeLaCoordinacionDeExamen">Ciudad Programada</label>
                                <input type="text" class="form-control" id="campoCiudadProgramadaDeLaCoordinacionDeExamen" >
                                <div class="invalid-feedback" id="validacionCampoCiudadProgramadaDeLaCoordinacionDeExamen">
    
                                </div>
                            </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" id="botonDeGuardarDatos" onclick="guardarDatosDeLaCoordinacionDeExamen()">Guardar Datos</button>
                    </div>
                </div>
            </div>
        </form>
    </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') }}">
    <style>
        .recurso-error-rojo {
            font-weight: 700;
            color: #dc3545;
        }

        .recurso-error-verde {
            font-weight: 700;
            color: #28a745;
        }

        .recurso-error-amarillo {
            font-weight: 700;
            color: #ffc107;
        }
    </style>
@stop

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

    <script>
        $('#campoFaenaDeCoordinacionDeExamen').selectpicker({
            dropupAuto: false,
        });
        $('#campoExamenDeCoordinacionDeExamen').selectpicker({
            dropupAuto: false,
        });
        $('#campoSubExamenDeCoordinacionDeExamen').selectpicker({
            dropupAuto: false,
        });
        $('#campoEntidadRealizadoraDeLaCoordinacionDeExamen').selectpicker({
            dropupAuto: false,
        });
        document.addEventListener('DOMContentLoaded', function() {
            window.stepper = new Stepper(document.querySelector('.bs-stepper'))
        })
    </script>

    <script>
        function obtenerTodosLosExamenesDeTrabajoOperativosDeUnaFaena(campo){
            if (campo.value != "") {
                let url = '{{ route('examen-trabajador.obtener-listado-examenes-por-faena') }}';
                let formData = new FormData();
                formData.append('faena', campo.value);
                let csrf = '{{ csrf_token() }}';

                $.ajax({
                    url: url,
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        if (data.examenesDeTrabajos != null) {
                            document.getElementById("campoExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Examen de Trabajo--</option>';
                            data.examenesDeTrabajos.forEach(elemento => {
                                document.getElementById("campoExamenDeCoordinacionDeExamen").innerHTML += '<option value="' + elemento.id + '">' + elemento.examen + '</option>';
                            });
                            $('#campoExamenDeCoordinacionDeExamen').selectpicker("refresh");
                            $('#campoExamenDeCoordinacionDeExamen').selectpicker('val', "");

                            document.getElementById("campoSubExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Sub Examen de Trabajo--</option>';
                            $('#campoSubExamenDeCoordinacionDeExamen').selectpicker("refresh");
                            $('#campoSubExamenDeCoordinacionDeExamen').selectpicker('val', "");

                            document.getElementById("campoTipoDeExamen").value="";
                            document.getElementById("campoTipoDeSeleccionDeBateria").value="";
                            document.getElementById("errorBaterias").style.display="none";
                        } else {
                            document.getElementById("campoExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Examen de Trabajo--</option>';
                            $('#campoExamenDeCoordinacionDeExamen').selectpicker("refresh");
                            $('#campoExamenDeCoordinacionDeExamen').selectpicker('val', "");
            
                            document.getElementById("campoSubExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Sub Examen de Trabajo--</option>';
                            $('#campoSubExamenDeCoordinacionDeExamen').selectpicker("refresh");
                            $('#campoSubExamenDeCoordinacionDeExamen').selectpicker('val', "");

                            document.getElementById("campoTipoDeExamen").value="";
                            document.getElementById("campoTipoDeSeleccionDeBateria").value="";
                            document.getElementById("errorBaterias").style.display="none";
                        }
                    }
                })
            }else{
                document.getElementById("campoExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Examen de Trabajo--</option>';
                $('#campoExamenDeCoordinacionDeExamen').selectpicker("refresh");
                $('#campoExamenDeCoordinacionDeExamen').selectpicker('val', "");

                document.getElementById("campoSubExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Sub Examen de Trabajo--</option>';
                $('#campoSubExamenDeCoordinacionDeExamen').selectpicker("refresh");
                $('#campoSubExamenDeCoordinacionDeExamen').selectpicker('val', "");

                document.getElementById("campoTipoDeExamen").value="";
                document.getElementById("campoTipoDeSeleccionDeBateria").value="";
                document.getElementById("errorBaterias").style.display="none";
            }
        }

        function obtenerTodosLosSubExamenesDeTrabajoOperativosDeUnExamenDeTrabajo(campo){
            if (campo.value != "") {
                let url = '{{ route('examen-trabajador.obtener-listado-subexamenes-por-examen') }}';
                let formData = new FormData();
                formData.append('examen', campo.value);
                let csrf = '{{ csrf_token() }}';

                $.ajax({
                    url: url,
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        if (data.subexamenesDeTrabajo != null) {
                            if(data.examenesDeTrabajo.tipo_seleccion_bateria=="Automatico"){
                                let indexBaterias=0;
                                document.getElementById("contenedorDeSeleccionDeBateria").style.display="none";
                                document.getElementById("contenedorDeTablasDeBaterias").style.display="block";
                                document.getElementById("registroDeBaterias").innerHTML="";
                                data.subexamenesDeTrabajo.forEach(elemento => {
                                    indexBaterias++;
                                    document.getElementById("registroDeBaterias").innerHTML +=
                                    '<tr role="row" class="odd">' +
                                    '<td class="tabla-id-bateria" style="display:none;">'+elemento.id+'</td>' +
                                    '<td class="tabla-contador-bateria">' + indexBaterias+ '</td>' +
                                    '<td class="tabla-nombre-bateria">'+elemento.subexamen+'</td>' +
                                    '</tr>';
                                });
                            }else if(data.examenesDeTrabajo.tipo_seleccion_bateria=="Manual"){
                                document.getElementById("contenedorDeSeleccionDeBateria").style.display="block";
                                document.getElementById("contenedorDeTablasDeBaterias").style.display="none";
                                document.getElementById("campoSubExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Sub Examen de Trabajo--</option>';
                                data.subexamenesDeTrabajo.forEach(elemento => {
                                    document.getElementById("campoSubExamenDeCoordinacionDeExamen").innerHTML += '<option value="' + elemento.id + '">' + elemento.subexamen + '</option>';
                                });
                                $('#campoSubExamenDeCoordinacionDeExamen').selectpicker("refresh");
                                $('#campoSubExamenDeCoordinacionDeExamen').selectpicker('val', "");
                            }

                            document.getElementById("campoTipoDeExamen").value=data.examenesDeTrabajo.tipo;
                            document.getElementById("campoTipoDeSeleccionDeBateria").value=data.examenesDeTrabajo.tipo_seleccion_bateria;
                            document.getElementById("errorBaterias").style.display="none";
                        } else {
                            document.getElementById("campoSubExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Sub Examen de Trabajo--</option>';
                            $('#campoSubExamenDeCoordinacionDeExamen').selectpicker("refresh");
                            $('#campoSubExamenDeCoordinacionDeExamen').selectpicker('val', "");

                            document.getElementById("campoTipoDeExamen").value="";
                            document.getElementById("campoTipoDeSeleccionDeBateria").value="";
                            document.getElementById("errorBaterias").style.display="none";
                        }
                    }
                })
            }else{
                document.getElementById("campoSubExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Sub Examen de Trabajo--</option>';
                $('#campoSubExamenDeCoordinacionDeExamen').selectpicker("refresh");
                $('#campoSubExamenDeCoordinacionDeExamen').selectpicker('val', "");

                document.getElementById("campoTipoDeExamen").value="";
                document.getElementById("campoTipoDeSeleccionDeBateria").value="";
                document.getElementById("errorBaterias").style.display="none";
            }
        }
    </script>

    <script>
        let indexExamenes = 0;
        
        function uuid() {
            var dt = new Date().getTime();
            var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
                var r = (dt + Math.random() * 16) % 16 | 0;
                dt = Math.floor(dt / 16);
                return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
            });
            return uuid;
        }

        function agregarExamenes() {
            let validacionCorrecta=false;
            let campoFaenaDeCoordinacionDeExamen = document.getElementById("campoFaenaDeCoordinacionDeExamen").value.trim();
            let campoExamenDeCoordinacionDeExamen = document.getElementById("campoExamenDeCoordinacionDeExamen").value.trim();
            let campoSubExamenDeCoordinacionDeExamen = document.getElementById("campoSubExamenDeCoordinacionDeExamen").value.trim();
            if(document.getElementById("campoTipoDeSeleccionDeBateria").value=="Manual"){
                if(campoFaenaDeCoordinacionDeExamen.length > 0 && campoExamenDeCoordinacionDeExamen.length > 0 && campoSubExamenDeCoordinacionDeExamen.length > 0){
                    validacionCorrecta=true;
                }
            }else if(document.getElementById("campoTipoDeSeleccionDeBateria").value=="Automatico"){
                if(campoFaenaDeCoordinacionDeExamen.length > 0 && campoExamenDeCoordinacionDeExamen.length > 0){
                    let filasExamenes = document.getElementById('tabla-examenes').tBodies[0].querySelectorAll("tr");
                    let filasBaterias = document.getElementById('tabla-baterias').tBodies[0].querySelectorAll("tr");
                    let existeBateriaEnLaTabla=false;

                    filasExamenes.forEach(elementoExamen => {
                        if (elementoExamen.querySelector(".tabla-contador-examenes")) {
                            filasBaterias.forEach(elementoBateria => {
                                if(elementoExamen.querySelector(".tabla-id-subexamen-examenes").innerHTML==elementoBateria.querySelector(".tabla-id-bateria").innerHTML){
                                    existeBateriaEnLaTabla=true;
                                }
                            }); 
                        }               
                    });

                    if(existeBateriaEnLaTabla==false){
                        validacionCorrecta=true;
                    }
                }
            }
            
            if (validacionCorrecta==true) {
                generarLoading('{{ asset('img/logo.png') }}')
                let filas = document.getElementById('tabla-examenes').tBodies[0].querySelectorAll("tr");
                let examenSeRepetoEnElTablaDeExamenes=false;
                let subexamenSeRepetoEnElTablaDeExamenes=false;
                filas.forEach(fila=> {
                    if (fila.querySelector(".tabla-contador-examenes")) {
                        let idExamen = fila.querySelector(".tabla-id-examen-examenes").innerHTML.trim();
                        let idSubExamen = fila.querySelector(".tabla-id-subexamen-examenes").innerHTML.trim();
                        if(idSubExamen==campoSubExamenDeCoordinacionDeExamen){
                            subexamenSeRepetoEnElTablaDeExamenes=true;
                        }else if(idExamen==campoExamenDeCoordinacionDeExamen){
                            examenSeRepetoEnElTablaDeExamenes=true;
                        }
                    }
                });

                if(subexamenSeRepetoEnElTablaDeExamenes==true){
                    if(campoFaenaDeCoordinacionDeExamen.length > 0){
                        document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.remove('input-error-icon');
                        document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.add('input-success-icon');
                        document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").innerHTML = "";
                        document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").style.display = "none";
                    }else{
                        document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.remove('input-success-icon');
                        document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.add('input-error-icon');
                        document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").innerHTML = "El campo faena es obligatorio.";
                        document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").style.display = "block";
                    }

                    if(campoExamenDeCoordinacionDeExamen.length > 0){
                        document.getElementById("campoExamenDeCoordinacionDeExamen").classList.remove('input-error-icon');
                        document.getElementById("campoExamenDeCoordinacionDeExamen").classList.add('input-success-icon');
                        document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").innerHTML = "";
                        document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").style.display = "none";
                    }else{
                        document.getElementById("campoExamenDeCoordinacionDeExamen").classList.remove('input-success-icon');
                        document.getElementById("campoExamenDeCoordinacionDeExamen").classList.add('input-error-icon');
                        document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").innerHTML = "El campo examen de trabajo es obligatorio.";
                        document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").style.display = "block";
                    }

                    document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.remove('input-success-icon');
                    document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.add('input-error-icon');
                    document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").innerHTML = "El campo batería de examen esta repetido en la tabla de examenes.";
                    document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").style.display = "block";
                    
                    let filasExamenes = document.getElementById('tabla-examenes').tBodies[0].querySelectorAll("tr");
                    let filasBaterias = document.getElementById('tabla-baterias').tBodies[0].querySelectorAll("tr");
                    let existeBateriaEnLaTabla=false;
                    filasExamenes.forEach(elementoExamen => {
                        if (elementoExamen.querySelector(".tabla-contador-examenes")) {
                            filasBaterias.forEach(elementoBateria => {
                                if(elementoExamen.querySelector(".tabla-id-subexamen-examenes").innerHTML==elementoBateria.querySelector(".tabla-id-bateria").innerHTML){
                                    existeBateriaEnLaTabla=true;
                                }
                            });  
                        }              
                    });
    
                    if(document.getElementById("campoTipoDeSeleccionDeBateria").value=="Automatico"){
                        if(existeBateriaEnLaTabla==true){
                            document.getElementById("errorBaterias").innerHTML="Las baterías están repetidas en la tabla de examenes.";
                            document.getElementById("errorBaterias").style.display="block";
                        }
                    }else{
                        document.getElementById("errorBaterias").style.display="none";
                    }
                    eliminarLoading()
                }else if(examenSeRepetoEnElTablaDeExamenes==true){
                    if(campoFaenaDeCoordinacionDeExamen.length > 0){
                        document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.remove('input-error-icon');
                        document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.add('input-success-icon');
                        document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").innerHTML = "";
                        document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").style.display = "none";
                    }else{
                        document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.remove('input-success-icon');
                        document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.add('input-error-icon');
                        document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").innerHTML = "El campo faena es obligatorio.";
                        document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").style.display = "block";
                    }

                    document.getElementById("campoExamenDeCoordinacionDeExamen").classList.remove('input-success-icon');
                    document.getElementById("campoExamenDeCoordinacionDeExamen").classList.add('input-error-icon');
                    document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").innerHTML = "El campo examen de trabajo esta repetido en la tabla de examenes.";
                    document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").style.display = "block";

                    if(campoSubExamenDeCoordinacionDeExamen.length > 0){
                        document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.remove('input-error-icon');
                        document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.add('input-success-icon');
                        document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").innerHTML = "";
                        document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").style.display = "none";
                    }else{
                        document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.remove('input-success-icon');
                        document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.add('input-error-icon');
                        document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").innerHTML = "El campo batería de examen es obligatorio.";
                        document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").style.display = "block";
                    }

                    let filasExamenes = document.getElementById('tabla-examenes').tBodies[0].querySelectorAll("tr");
                    let filasBaterias = document.getElementById('tabla-baterias').tBodies[0].querySelectorAll("tr");
                    let existeBateriaEnLaTabla=false;
                    filasExamenes.forEach(elementoExamen => {
                        if (elementoExamen.querySelector(".tabla-contador-examenes")) {
                            filasBaterias.forEach(elementoBateria => {
                                if(elementoExamen.querySelector(".tabla-id-subexamen-examenes").innerHTML==elementoBateria.querySelector(".tabla-id-bateria").innerHTML){
                                    existeBateriaEnLaTabla=true;
                                }
                            });     
                        }           
                    });
    
                    if(document.getElementById("campoTipoDeSeleccionDeBateria").value=="Automatico"){
                        if(existeBateriaEnLaTabla==true){
                            document.getElementById("errorBaterias").innerHTML="Las baterías están repetidas en la tabla de examenes.";
                            document.getElementById("errorBaterias").style.display="block";
                        }
                    }else{
                        document.getElementById("errorBaterias").style.display="none";
                    }
                    eliminarLoading()
                }else{
                    if(document.getElementById("campoTipoDeSeleccionDeBateria").value=="Manual"){
                        indexExamenes++;
                        let codigoUnico=uuid();
                        if (document.getElementById("ExamenesNoDisponibleEnLaTabla")) {
                            document.getElementById("ExamenesNoDisponibleEnLaTabla").remove();
                        }
                        nombreCampoFaenaDeCoordinacionDeExamen=document.getElementById("campoFaenaDeCoordinacionDeExamen").selectedIndex;
                        nombreCampoFaenaDeCoordinacionDeExamen=document.getElementById("campoFaenaDeCoordinacionDeExamen").options[nombreCampoFaenaDeCoordinacionDeExamen].text;
    
                        nombreCampoExamenDeCoordinacionDeExamen=document.getElementById("campoExamenDeCoordinacionDeExamen").selectedIndex;
                        nombreCampoExamenDeCoordinacionDeExamen=document.getElementById("campoExamenDeCoordinacionDeExamen").options[nombreCampoExamenDeCoordinacionDeExamen].text;
    
                        nombreCampoSubExamenDeCoordinacionDeExamen=document.getElementById("campoSubExamenDeCoordinacionDeExamen").selectedIndex;
                        nombreCampoSubExamenDeCoordinacionDeExamen=document.getElementById("campoSubExamenDeCoordinacionDeExamen").options[nombreCampoSubExamenDeCoordinacionDeExamen].text;
    
                        document.getElementById("registroDeExamenes").innerHTML +=
                            '<tr role="row" class="odd">' +
                            '<td style="display:none;" class="tabla-codigo-unico-examenes">' + codigoUnico + '</td>' +
                            '<td style="display:none;" class="tabla-id-faena-examenes">' + campoFaenaDeCoordinacionDeExamen  + '</td>' +
                            '<td style="display:none;" class="tabla-id-examen-examenes">' + campoExamenDeCoordinacionDeExamen  + '</td>' +
                            '<td style="display:none;" class="tabla-id-subexamen-examenes">' + campoSubExamenDeCoordinacionDeExamen  + '</td>' +
                            '<td class="tabla-contador-examenes">' + indexExamenes+ '</td>' +
                            '<td class="tabla-nombre-faena-examenes">'+nombreCampoFaenaDeCoordinacionDeExamen+'</td>' +
                            '<td class="tabla-nombre-examen-examenes">'+nombreCampoExamenDeCoordinacionDeExamen+'</td>' +
                            '<td class="tabla-tipo-examen-examenes">'+document.getElementById("campoTipoDeExamen").value+'</td>' +
                            '<td class="tabla-nombre-subexamen-examenes">'+nombreCampoSubExamenDeCoordinacionDeExamen+'</td>' +
                            '<td class="tabla-accion-cargos">' +
                            '<button onclick="habilitarBotonConfirmarEliminacionExamenes(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                            '<button onclick="eliminarFilaExamenes(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-examen mr-1">Confirmar</button>' +
                            '</td>' +
                            '</tr>';

                        /*$('#campoFaenaDeCoordinacionDeExamen').selectpicker("refresh");
                        $('#campoFaenaDeCoordinacionDeExamen').selectpicker('val', "");*/
                        $('#campoFaenaDeCoordinacionDeExamen').selectpicker('hide');
                        document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").style.display="block";
    
                        //document.getElementById("campoExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Examen de Trabajo--</option>';
                        $('#campoExamenDeCoordinacionDeExamen').selectpicker("refresh");
                        $('#campoExamenDeCoordinacionDeExamen').selectpicker('val', "");
    
                        document.getElementById("campoSubExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Batería de Examen--</option>';
                        $('#campoSubExamenDeCoordinacionDeExamen').selectpicker("refresh");
                        $('#campoSubExamenDeCoordinacionDeExamen').selectpicker('val', "");
    
                        document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").innerHTML = "";
                        document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.remove('input-success-icon');
                        document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.remove('input-error-icon');
                        if(document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").value==""){
                            document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").value = nombreCampoFaenaDeCoordinacionDeExamen;
                        }
                        document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").setAttribute("class", "form-control");
                        document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").style.display = "none";
    
                        document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").innerHTML = "";
                        document.getElementById("campoExamenDeCoordinacionDeExamen").classList.remove('input-success-icon');
                        document.getElementById("campoExamenDeCoordinacionDeExamen").classList.remove('input-error-icon');
                        document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").style.display = "none";
    
                        document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").innerHTML = "";
                        document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.remove('input-success-icon');
                        document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.remove('input-error-icon');
                        document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").style.display = "none";
                    }else if(document.getElementById("campoTipoDeSeleccionDeBateria").value=="Automatico"){
                        let codigoUnico=uuid();
                        if (document.getElementById("ExamenesNoDisponibleEnLaTabla")) {
                            document.getElementById("ExamenesNoDisponibleEnLaTabla").remove();
                        }

                        nombreCampoFaenaDeCoordinacionDeExamen=document.getElementById("campoFaenaDeCoordinacionDeExamen").selectedIndex;
                        nombreCampoFaenaDeCoordinacionDeExamen=document.getElementById("campoFaenaDeCoordinacionDeExamen").options[nombreCampoFaenaDeCoordinacionDeExamen].text;
    
                        nombreCampoExamenDeCoordinacionDeExamen=document.getElementById("campoExamenDeCoordinacionDeExamen").selectedIndex;
                        nombreCampoExamenDeCoordinacionDeExamen=document.getElementById("campoExamenDeCoordinacionDeExamen").options[nombreCampoExamenDeCoordinacionDeExamen].text;

                        let filas = document.getElementById('tabla-baterias').tBodies[0].querySelectorAll("tr");
                        filas.forEach(elemento => {
                            indexExamenes++;
                            document.getElementById("registroDeExamenes").innerHTML +=
                            '<tr role="row" class="odd">' +
                            '<td style="display:none;" class="tabla-codigo-unico-examenes">' + codigoUnico + '</td>' +
                            '<td style="display:none;" class="tabla-id-faena-examenes">' + campoFaenaDeCoordinacionDeExamen  + '</td>' +
                            '<td style="display:none;" class="tabla-id-examen-examenes">' + campoExamenDeCoordinacionDeExamen  + '</td>' +
                            '<td style="display:none;" class="tabla-id-subexamen-examenes">' + elemento.querySelector(".tabla-id-bateria").innerHTML  + '</td>' +
                            '<td class="tabla-contador-examenes">' + indexExamenes+ '</td>' +
                            '<td class="tabla-nombre-faena-examenes">'+nombreCampoFaenaDeCoordinacionDeExamen+'</td>' +
                            '<td class="tabla-nombre-examen-examenes">'+nombreCampoExamenDeCoordinacionDeExamen+'</td>' +
                            '<td class="tabla-tipo-examen-examenes">'+document.getElementById("campoTipoDeExamen").value+'</td>' +
                            '<td class="tabla-nombre-subexamen-examenes">'+elemento.querySelector(".tabla-nombre-bateria").innerHTML +'</td>' +
                            '<td class="tabla-accion-cargos">' +
                            '<button onclick="habilitarBotonConfirmarEliminacionExamenes(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                            '<button onclick="eliminarFilaExamenes(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-examen mr-1">Confirmar</button>' +
                            '</td>' +
                            '</tr>';
                        });

                        /*$('#campoFaenaDeCoordinacionDeExamen').selectpicker("refresh");
                        $('#campoFaenaDeCoordinacionDeExamen').selectpicker('val', "");*/
                        $('#campoFaenaDeCoordinacionDeExamen').selectpicker('hide');
                        document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").style.display="block";
    
                        //document.getElementById("campoExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Examen de Trabajo--</option>';
                        $('#campoExamenDeCoordinacionDeExamen').selectpicker("refresh");
                        $('#campoExamenDeCoordinacionDeExamen').selectpicker('val', "");
    
                        document.getElementById("campoSubExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Batería de Examen--</option>';
                        $('#campoSubExamenDeCoordinacionDeExamen').selectpicker("refresh");
                        $('#campoSubExamenDeCoordinacionDeExamen').selectpicker('val', "");
    
                        document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").innerHTML = "";
                        document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.remove('input-success-icon');
                        document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.remove('input-error-icon');
                        if(document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").value==""){
                            document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").value = nombreCampoFaenaDeCoordinacionDeExamen;
                        }
                        document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").setAttribute("class", "form-control");
                        document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").style.display = "none";
    
                        document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").innerHTML = "";
                        document.getElementById("campoExamenDeCoordinacionDeExamen").classList.remove('input-success-icon');
                        document.getElementById("campoExamenDeCoordinacionDeExamen").classList.remove('input-error-icon');
                        document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").style.display = "none";
    
                        document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").innerHTML = "";
                        document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.remove('input-success-icon');
                        document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.remove('input-error-icon');
                        document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").style.display = "none";

                        document.getElementById("contenedorDeTablasDeBaterias").style.display = "none";
                        document.getElementById("contenedorDeSeleccionDeBateria").style.display = "block";
                    }
                    document.getElementById("errorBaterias").style.display="none";
                    eliminarLoading()
                }
            }else{
                if(campoFaenaDeCoordinacionDeExamen.length > 0){
                    document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.remove('input-error-icon');
                    document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.add('input-success-icon');
                    document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").innerHTML = "";
                    document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").style.display = "none";
                }else{
                    document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.remove('input-success-icon');
                    document.getElementById("campoFaenaDeCoordinacionDeExamen").classList.add('input-error-icon');
                    document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").innerHTML = "El campo faena es obligatorio.";
                    document.getElementById("validacionCampoFaenaDeCoordinacionDeExamen").style.display = "block";
                }
                
                if(campoExamenDeCoordinacionDeExamen.length > 0){
                    document.getElementById("campoExamenDeCoordinacionDeExamen").classList.remove('input-error-icon');
                    document.getElementById("campoExamenDeCoordinacionDeExamen").classList.add('input-success-icon');
                    document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").innerHTML = "";
                    document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").style.display = "none";
                }else{
                    document.getElementById("campoExamenDeCoordinacionDeExamen").classList.remove('input-success-icon');
                    document.getElementById("campoExamenDeCoordinacionDeExamen").classList.add('input-error-icon');
                    document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").innerHTML = "El campo examen de trabajo es obligatorio.";
                    document.getElementById("validacionCampoExamenDeCoordinacionDeExamen").style.display = "block";
                }
                
                if(campoSubExamenDeCoordinacionDeExamen.length > 0){
                    document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.remove('input-error-icon');
                    document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.add('input-success-icon');
                    document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").innerHTML = "";
                    document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").style.display = "none";
                }else{
                    document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.remove('input-success-icon');
                    document.getElementById("campoSubExamenDeCoordinacionDeExamen").classList.add('input-error-icon');
                    document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").innerHTML = "El campo batería de examen es obligatorio.";
                    document.getElementById("validacionCampoSubExamenDeCoordinacionDeExamen").style.display = "block";
                }

                let filasExamenes = document.getElementById('tabla-examenes').tBodies[0].querySelectorAll("tr");
                let filasBaterias = document.getElementById('tabla-baterias').tBodies[0].querySelectorAll("tr");
                let existeBateriaEnLaTabla=false;
                filasExamenes.forEach(elementoExamen => {
                    if (elementoExamen.querySelector(".tabla-contador-examenes")) {
                        filasBaterias.forEach(elementoBateria => {
                            if(elementoExamen.querySelector(".tabla-id-subexamen-examenes").innerHTML==elementoBateria.querySelector(".tabla-id-bateria").innerHTML){
                                existeBateriaEnLaTabla=true;
                            }
                        });    
                    }            
                });

                if(document.getElementById("campoTipoDeSeleccionDeBateria").value=="Automatico"){
                    if(existeBateriaEnLaTabla==true){
                        document.getElementById("errorBaterias").innerHTML="Las baterías están repetidas en la tabla de examenes.";
                        document.getElementById("errorBaterias").style.display="block";
                    }
                }else{
                    document.getElementById("errorBaterias").style.display="none";
                }
            }
        }

        function deshabilitarBotonesConfirmarEliminacionExamenes() {
            let botones = document.querySelectorAll(".boton-confirmar-examen");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }
        
        function habilitarBotonConfirmarEliminacionExamenes(boton) {
        
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionExamenes();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionExamenes();
                }
            }
        
        }
        
        function eliminarFilaExamenes(boton) {
            let elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            indexExamenes = 0;
            let filas = document.getElementById('tabla-examenes').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    indexExamenes++;
                    elemento.querySelector(".tabla-contador-examenes").innerHTML = indexExamenes;
                });
            } else {
                document.getElementById("registroDeExamenes").innerHTML =
                    '<tr id="ExamenesNoDisponibleEnLaTabla">' +
                    '<td colspan="6" class="text-center">No hay examenes disponibles en la tabla</td>' +
                    '</tr>';

                    $('#campoFaenaDeCoordinacionDeExamen').selectpicker("refresh");
                    $('#campoFaenaDeCoordinacionDeExamen').selectpicker('val', "");
                    
                    $('#campoFaenaDeCoordinacionDeExamen').selectpicker('show');
                    document.getElementById("campoNombreFaenaDeCoordinacionDeExamen").style.display="none";

                    document.getElementById("campoExamenDeCoordinacionDeExamen").innerHTML = '<option value="">--Seleccionar Examen de Trabajo--</option>';
                    $('#campoExamenDeCoordinacionDeExamen').selectpicker("refresh");
                    $('#campoExamenDeCoordinacionDeExamen').selectpicker('val', "");
            }
        }
    </script>

    <script>
        let filaActualDeLaCoordinacionDeExamen;
        function accesoHaLaSegundaParteDelFormulario() {
            let cantidadDeExamenes=0;
            let filas = document.getElementById('tabla-examenes').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(fila=> {
                    if (fila.querySelector(".tabla-contador-examenes")) {
                        cantidadDeExamenes++;
                    }
                });
            }

            if(cantidadDeExamenes>0){
                document.getElementById("registroDeExamenesCoordinados").innerHTML="";
                let indexExamenesCoordinados=0;
                filas.forEach(fila=> {
                    if (fila.querySelector(".tabla-contador-examenes")) {
                        indexExamenesCoordinados++;
                        let codigoUnico=uuid();
                        let fechaVencimientoActual="";
                        switch(fila.querySelector(".tabla-tipo-examen-examenes").innerHTML){
                            case "Examen Medico":
                                fechaVencimientoActual='{{$trabajadorDeTalana->vencimiento_examen_medico}}';
                            break;
                            case "Examen Psicosensometrico":
                                fechaVencimientoActual='{{$trabajadorDeTalana->vencimiento_psicosensometrico}}';
                            break;
                            case "Examen Aversión de Riesgo":
                                fechaVencimientoActual='{{$trabajadorDeTalana->vencimiento_aversion_riesgo}}';
                            break;
                            case "Examen Cero Daño":
                                fechaVencimientoActual='{{$trabajadorDeTalana->vencimiento_cero_dano}}';
                            break;
                            case "Examen Inducción de Hombre Nuevo":
                                fechaVencimientoActual='{{$trabajadorDeTalana->vencimiento_ihn}}';
                            break;
                        }

                        document.getElementById("registroDeExamenesCoordinados").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td style="display:none;" class="tabla-codigo-unico-examenes-coordinados">' + codigoUnico + '</td>' +
                        '<td style="display:none;" class="tabla-id-faena-examenes-coordinados">' + fila.querySelector(".tabla-id-faena-examenes").innerHTML  + '</td>' +
                        '<td style="display:none;" class="tabla-id-examen-examenes-coordinados">' + fila.querySelector(".tabla-id-examen-examenes").innerHTML   + '</td>' +
                        '<td style="display:none;" class="tabla-id-subexamen-examenes-coordinados">' + fila.querySelector(".tabla-id-subexamen-examenes").innerHTML   + '</td>' +
                        '<td class="tabla-contador-examenes-coordinados">' + indexExamenesCoordinados+ '</td>' +
                        '<td class="tabla-accion-examenes-coordinados">' +
                            '<div class="btn-group ">' +
                            '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Acciones</button>' +
                            '<div class="dropdown-menu">' +
                                '<a class="dropdown-item" href="#" onclick="abrirModalCompletarDatosDeUnaCoordinacionDeExamen(\''+fila.querySelector(".tabla-nombre-faena-examenes").innerHTML+'\',\''+fila.querySelector(".tabla-nombre-examen-examenes").innerHTML+'\',\''+fila.querySelector(".tabla-tipo-examen-examenes").innerHTML+'\',\''+fila.querySelector(".tabla-nombre-subexamen-examenes").innerHTML+'\',this.parentElement.parentElement.parentElement.parentElement)"><i class="fa fa-edit" aria-hidden="true"></i> Completar Datos</a>' +
                            '</div>' +
                            '</div>' +
                        '</td>' +
                        '<td class="tabla-nombre-faena-examenes-coordinados">'+fila.querySelector(".tabla-nombre-faena-examenes").innerHTML +'</td>' +
                        '<td class="tabla-nombre-examen-examenes-coordinados">'+fila.querySelector(".tabla-nombre-examen-examenes").innerHTML +'</td>' +
                        '<td class="tabla-tipo-examen-examenes-coordinados">'+fila.querySelector(".tabla-tipo-examen-examenes").innerHTML +'</td>' +
                        '<td class="tabla-nombre-subexamen-examenes-coordinados">'+fila.querySelector(".tabla-nombre-subexamen-examenes").innerHTML +'</td>' +
                        '<td class="tabla-fecha-vencimiento-actual-examenes-coordinados">'+fechaVencimientoActual+'</td>'+
                        '<td class="tabla-entidad-realizadora-examenes-coordinados"></td>'+
                        '<td class="tabla-1-opcion-fecha_programacion-examenes-coordinados"></td>'+
                        '<td class="tabla-2-opcion-fecha_programacion-examenes-coordinados"></td>'+
                        '<td class="tabla-ciudad-programada-examenes-coordinados"></td>'+
                        '<td class="tabla-observacion-examenes-coordinados"></td>'+
                        '</tr>';
                    }
                });

                document.getElementById("errorExamenes").innerHTML="";
                document.getElementById("errorExamenes").style.display="none";
                stepper.next();
            }else{
                document.getElementById("errorExamenes").innerHTML="Debe tener al menos un examen de trabajo agregado para continuar con la siguiente etapa.";
                document.getElementById("errorExamenes").style.display="block";
            }
        }

        function abrirModalCompletarDatosDeUnaCoordinacionDeExamen(faena,examen,tipoDeExamen,subexamen, fila) {
            document.getElementById("campoFaenaDeLaCoordinacionDeExamen").value = faena;
            document.getElementById("validacionCampoFaenaDeLaCoordinacionDeExamen").innerHTML = "";
            document.getElementById("campoFaenaDeLaCoordinacionDeExamen").setAttribute("class", "form-control");
            
            document.getElementById("campoExamenDeLaCoordinacionDeExamen").value = examen;
            document.getElementById("validacionCampoExamenDeLaCoordinacionDeExamen").innerHTML = "";
            document.getElementById("campoExamenDeLaCoordinacionDeExamen").setAttribute("class", "form-control");
    
            document.getElementById("campoTipoDeExamenDeLaCoordinacionDeExamen").value = tipoDeExamen;
            document.getElementById("validacionCampoTipoDeExamenDeLaCoordinacionDeExamen").innerHTML = "";
            document.getElementById("campoTipoDeExamenDeLaCoordinacionDeExamen").setAttribute("class", "form-control");

            document.getElementById("campoSubExamenDeLaCoordinacionDeExamen").value = subexamen;
            document.getElementById("validacionCampoSubExamenDeLaCoordinacionDeExamen").innerHTML = "";
            document.getElementById("campoSubExamenDeLaCoordinacionDeExamen").setAttribute("class", "form-control");

            $('#campoEntidadRealizadoraDeLaCoordinacionDeExamen').selectpicker("refresh");
            $('#campoEntidadRealizadoraDeLaCoordinacionDeExamen').selectpicker('val', fila.querySelector(".tabla-entidad-realizadora-examenes-coordinados").innerHTML);
            document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").innerHTML = "";
            document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.remove('input-success-icon');
            document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.remove('input-error-icon');
            document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").style.display="none";

            document.getElementById("campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").value = fila.querySelector(".tabla-1-opcion-fecha_programacion-examenes-coordinados").innerHTML;
            document.getElementById("validacionCampo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "";
            document.getElementById("campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control");

            document.getElementById("campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").value = fila.querySelector(".tabla-2-opcion-fecha_programacion-examenes-coordinados").innerHTML;
            document.getElementById("validacionCampo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "";
            document.getElementById("campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control");

            document.getElementById("campoCiudadProgramadaDeLaCoordinacionDeExamen").value = fila.querySelector(".tabla-ciudad-programada-examenes-coordinados").innerHTML;
            document.getElementById("validacionCampoCiudadProgramadaDeLaCoordinacionDeExamen").innerHTML = "";
            document.getElementById("campoCiudadProgramadaDeLaCoordinacionDeExamen").setAttribute("class", "form-control");
            
            filaActualDeLaCoordinacionDeExamen=fila;
            $("#modalCompletarDatosDeLaCoordinacionDeExamenes").modal("show");
        }

        function guardarDatosDeLaCoordinacionDeExamen(){
            console.log(filaActualDeLaCoordinacionDeExamen)
            let campoEntidadRealizadoraDeLaCoordinacionDeExamen = document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").value.trim();
            let campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen = document.getElementById("campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").value.trim();
            let campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen = document.getElementById("campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").value.trim();
            let campoCiudadProgramadaDeLaCoordinacionDeExamen = document.getElementById("campoCiudadProgramadaDeLaCoordinacionDeExamen").value.trim();

            if (campoEntidadRealizadoraDeLaCoordinacionDeExamen.length > 0 && campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen.length > 0 && campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen.length > 0 && campoCiudadProgramadaDeLaCoordinacionDeExamen.length > 0) {
                let fechaActual= new Date();
                let fecha1Opcion= new Date(campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen);
                let fecha2Opcion= new Date(campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen);

                if(fecha1Opcion >= fechaActual && fecha2Opcion >= fechaActual){
                    if(fecha1Opcion>=fecha2Opcion){
                        document.getElementById("campoFaenaDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoFaenaDeLaCoordinacionDeExamen").innerHTML = "";
        
                        document.getElementById("campoExamenDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoExamenDeLaCoordinacionDeExamen").innerHTML = "";
        
                        document.getElementById("campoTipoDeExamenDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoTipoDeExamenDeLaCoordinacionDeExamen").innerHTML = "";
        
                        document.getElementById("campoSubExamenDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoSubExamenDeLaCoordinacionDeExamen").innerHTML = "";
        
                        if(campoEntidadRealizadoraDeLaCoordinacionDeExamen.length > 0){
                            document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.remove('input-error-icon');
                            document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.add('input-success-icon');
                            document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").innerHTML = "";
                            document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").style.display = "none";
                        }else{
                            document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.remove('input-success-icon');
                            document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.add('input-error-icon');
                            document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").innerHTML = "El campo faena es obligatorio.";
                            document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").style.display = "block";
                        }
    
                        if(campoCiudadProgramadaDeLaCoordinacionDeExamen.length > 0){
                            document.getElementById("campoCiudadProgramadaDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoCiudadProgramadaDeLaCoordinacionDeExamen").innerHTML = "";
                        }else{
                            document.getElementById("campoCiudadProgramadaDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoCiudadProgramadaDeLaCoordinacionDeExamen").innerHTML = "El campo 2° opción fecha de programación es obligatorio.";
                        }
    
                        if(fecha1Opcion >= fechaActual){
                            document.getElementById("campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "";
                        }else{
                            document.getElementById("campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "El campo 1° opción fecha de programación debe ser mayor que la fecha actual.";
                        }
    
                        if(fecha2Opcion >= fechaActual){
                            if(fecha1Opcion>=fecha2Opcion){
                                document.getElementById("campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                                document.getElementById("validacionCampo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "El campo 2° opción fecha de programación debe ser mayor que la 1° opción fecha de programación.";
                            }else{
                                document.getElementById("campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                                document.getElementById("validacionCampo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "";
                            }
                        }else{
                            document.getElementById("campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "El campo 2° opción fecha de programación debe ser mayor que la fecha actual.";
                        }
                    }else{
                        filaActualDeLaCoordinacionDeExamen.querySelector(".tabla-entidad-realizadora-examenes-coordinados").innerHTML=campoEntidadRealizadoraDeLaCoordinacionDeExamen;
                        filaActualDeLaCoordinacionDeExamen.querySelector(".tabla-1-opcion-fecha_programacion-examenes-coordinados").innerHTML=campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen;
                        filaActualDeLaCoordinacionDeExamen.querySelector(".tabla-2-opcion-fecha_programacion-examenes-coordinados").innerHTML=campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen;
                        filaActualDeLaCoordinacionDeExamen.querySelector(".tabla-ciudad-programada-examenes-coordinados").innerHTML=campoCiudadProgramadaDeLaCoordinacionDeExamen;
                        $("#modalCompletarDatosDeLaCoordinacionDeExamenes").modal("hide");
                    }
                }else{
                    document.getElementById("campoFaenaDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoFaenaDeLaCoordinacionDeExamen").innerHTML = "";
    
                    document.getElementById("campoExamenDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoExamenDeLaCoordinacionDeExamen").innerHTML = "";
    
                    document.getElementById("campoTipoDeExamenDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoTipoDeExamenDeLaCoordinacionDeExamen").innerHTML = "";
    
                    document.getElementById("campoSubExamenDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoSubExamenDeLaCoordinacionDeExamen").innerHTML = "";
    
                    if(campoEntidadRealizadoraDeLaCoordinacionDeExamen.length > 0){
                        document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.remove('input-error-icon');
                        document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.add('input-success-icon');
                        document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").innerHTML = "";
                        document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").style.display = "none";
                    }else{
                        document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.remove('input-success-icon');
                        document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.add('input-error-icon');
                        document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").innerHTML = "El campo faena es obligatorio.";
                        document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").style.display = "block";
                    }

                    if(campoCiudadProgramadaDeLaCoordinacionDeExamen.length > 0){
                        document.getElementById("campoCiudadProgramadaDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoCiudadProgramadaDeLaCoordinacionDeExamen").innerHTML = "";
                    }else{
                        document.getElementById("campoCiudadProgramadaDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoCiudadProgramadaDeLaCoordinacionDeExamen").innerHTML = "El campo 2° opción fecha de programación es obligatorio.";
                    }

                    if(fecha1Opcion >= fechaActual){
                        document.getElementById("campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "";
                    }else{
                        document.getElementById("campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "El campo 1° opción fecha de programación debe ser mayor que la fecha actual.";
                    }

                    if(fecha2Opcion >= fechaActual){
                        if(fecha1Opcion>=fecha2Opcion){
                            document.getElementById("campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "El campo 2° opción fecha de programación debe ser mayor que la 1° opción fecha de programación.";
                        }else{
                            document.getElementById("campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "";
                        }
                    }else{
                        document.getElementById("campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "El campo 2° opción fecha de programación debe ser mayor que la fecha actual.";
                    }
                }
            }else{
                let fechaActual= new Date();
                let fecha1Opcion= new Date(campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen);
                let fecha2Opcion= new Date(campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen);
                document.getElementById("campoFaenaDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoFaenaDeLaCoordinacionDeExamen").innerHTML = "";

                document.getElementById("campoExamenDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoExamenDeLaCoordinacionDeExamen").innerHTML = "";

                document.getElementById("campoTipoDeExamenDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoTipoDeExamenDeLaCoordinacionDeExamen").innerHTML = "";

                document.getElementById("campoSubExamenDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoSubExamenDeLaCoordinacionDeExamen").innerHTML = "";

                if(campoEntidadRealizadoraDeLaCoordinacionDeExamen.length > 0){
                    document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.remove('input-error-icon');
                    document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.add('input-success-icon');
                    document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").innerHTML = "";
                    document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").style.display = "none";
                }else{
                    document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.remove('input-success-icon');
                    document.getElementById("campoEntidadRealizadoraDeLaCoordinacionDeExamen").classList.add('input-error-icon');
                    document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").innerHTML = "El campo faena es obligatorio.";
                    document.getElementById("validacionCampoEntidadRealizadoraDeLaCoordinacionDeExamen").style.display = "block";
                }

                if(campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen.length > 0){
                    if(fecha1Opcion >= fechaActual){
                        document.getElementById("campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "";
                    }else{
                        document.getElementById("campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "El campo 1° opción fecha de programación debe ser mayor que la fecha actual.";
                    }
                }else{
                    document.getElementById("campo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampo1OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "El campo 1° opción fecha de programación es obligatorio.";
                }

                if(campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen.length > 0){
                    if(fecha2Opcion >= fechaActual){
                        if(fecha1Opcion>=fecha2Opcion){
                            document.getElementById("campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "El campo 2° opción fecha de programación debe ser mayor que la 1° opción fecha de programación.";
                        }else{
                            document.getElementById("campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "";
                        }
                    }else{
                        document.getElementById("campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "El campo 2° opción fecha de programación debe ser mayor que la fecha actual.";
                    }
                }else{
                    document.getElementById("campo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampo2OpcionFechaProgramacionDeLaCoordinacionDeExamen").innerHTML = "El campo 2° opción fecha de programación es obligatorio.";
                }

                if(campoCiudadProgramadaDeLaCoordinacionDeExamen.length > 0){
                    document.getElementById("campoCiudadProgramadaDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoCiudadProgramadaDeLaCoordinacionDeExamen").innerHTML = "";
                }else{
                    document.getElementById("campoCiudadProgramadaDeLaCoordinacionDeExamen").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoCiudadProgramadaDeLaCoordinacionDeExamen").innerHTML = "El campo ciudad programada es obligatorio.";
                }
            }
        }
    </script>

    <script>
        function validarCoordinacionDeExamenes(){
            let error=false;
            let tipoDeError="";
            let filas = document.getElementById('tabla-examenes-coordinados').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(fila=> {
                    let entidadRealizadora=fila.querySelector(".tabla-entidad-realizadora-examenes-coordinados").innerHTML.trim();
                    let primeraOpcionFechaProgramada=fila.querySelector(".tabla-1-opcion-fecha_programacion-examenes-coordinados").innerHTML.trim();
                    let segundaOpcionFechaProgramada=fila.querySelector(".tabla-2-opcion-fecha_programacion-examenes-coordinados").innerHTML.trim();
                    let ciudadProgramada=fila.querySelector(".tabla-ciudad-programada-examenes-coordinados").innerHTML.trim();

                    if(entidadRealizadora.length > 0 && primeraOpcionFechaProgramada.length > 0 && segundaOpcionFechaProgramada.length > 0 && ciudadProgramada.length > 0){
                        fila.querySelector(".tabla-observacion-examenes-coordinados").innerHTML="<span class='recurso-error-verde'>Valido.</span>";
                    }else{
                        error=true;
                        tipoDeError="faltan-datos";
                        fila.querySelector(".tabla-observacion-examenes-coordinados").innerHTML="<span class='recurso-error-rojo'>Faltan datos por completar.</span>";
                    }
                });
            }else{
                error=true;
                tipoDeError="sin-registros";
            }

            return {error:error,tipoDeError:tipoDeError};
        }

        function registrarCoordinacionDeExamen(){
            generarLoading('{{ asset('img/logo.png') }}')
            let error=validarCoordinacionDeExamenes();
            if(error.error==true){
                if(error.tipoDeError=="sin-registros"){
                    document.getElementById("errorExamenesCoordinados").innerHTML="Debe tener al menos un examen coordinado agregado para registrar los datos.";
                    document.getElementById("errorExamenesCoordinados").style.display="block";
                }
                eliminarLoading()
            }else{
                document.getElementById("botonDeCreacion").setAttribute("disabled", true);
                
                let filas = document.getElementById('tabla-examenes-coordinados').tBodies[0].querySelectorAll("tr");
                let listadoDeCoordinacionDeExamenes = [];
                filas.forEach(fila=> {
                    if(fila.querySelector(".tabla-contador-examenes-coordinados")){
                        let codigoUnico=fila.querySelector(".tabla-codigo-unico-examenes-coordinados").innerHTML.trim();
                        let idFaena=fila.querySelector(".tabla-id-faena-examenes-coordinados").innerHTML.trim();
                        let idExamen=fila.querySelector(".tabla-id-examen-examenes-coordinados").innerHTML.trim();
                        let idSubexamen=fila.querySelector(".tabla-id-subexamen-examenes-coordinados").innerHTML.trim();
                        let nombreFaena=fila.querySelector(".tabla-nombre-faena-examenes-coordinados").innerHTML.trim();
                        let nombreExamen=fila.querySelector(".tabla-nombre-examen-examenes-coordinados").innerHTML.trim();
                        let nombreSubexamen=fila.querySelector(".tabla-nombre-subexamen-examenes-coordinados").innerHTML.trim();
                        let tipoExamen=fila.querySelector(".tabla-tipo-examen-examenes-coordinados").innerHTML.trim();
                        let fechaVencimiento=fila.querySelector(".tabla-fecha-vencimiento-actual-examenes-coordinados").innerHTML.trim();
                        let entidadRealizadora=fila.querySelector(".tabla-entidad-realizadora-examenes-coordinados").innerHTML.trim();
                        let primeraOpcionFechaProgramada=fila.querySelector(".tabla-1-opcion-fecha_programacion-examenes-coordinados").innerHTML.trim();
                        let segundaOpcionFechaProgramada=fila.querySelector(".tabla-2-opcion-fecha_programacion-examenes-coordinados").innerHTML.trim();
                        let ciudadProgramada=fila.querySelector(".tabla-ciudad-programada-examenes-coordinados").innerHTML.trim();

                        let coordinacionDeExamen= {
                            codigoUnico:codigoUnico,
                            idFaena:idFaena,
                            idExamen:idExamen,
                            idSubexamen:idSubexamen,
                            nombreFaena:nombreFaena,
                            nombreExamen:nombreExamen,
                            nombreSubexamen:nombreSubexamen,
                            tipoExamen:tipoExamen,
                            fechaVencimiento:fechaVencimiento,
                            entidadRealizadora:entidadRealizadora,
                            primeraOpcionFechaProgramada:primeraOpcionFechaProgramada,
                            segundaOpcionFechaProgramada:segundaOpcionFechaProgramada,
                            ciudadProgramada:ciudadProgramada
                        };
                        listadoDeCoordinacionDeExamenes.push(coordinacionDeExamen);
                    }
                });

                if(listadoDeCoordinacionDeExamenes.length>0){
                    listadoDeCoordinacionDeExamenes = JSON.stringify(listadoDeCoordinacionDeExamenes);
                }else{
                    listadoDeCoordinacionDeExamenes = "";
                }

                let formData = new FormData();
                formData.append('listado_coordinaciones_examenes', listadoDeCoordinacionDeExamenes);
                let csrf = '{{ csrf_token() }}';
                $.ajax({
                    url: '{{ route('coordinacion-examen-trabajador.store-solicitud',$trabajadorDeTalana) }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {    
                        Swal.fire({
                            icon: 'success',
                            title: '¡Coordinaciones de Examenes/Inducciones Guardado!',
                            text: 'La coordinaciones de examenes/inducciones ' + data.correlativo + ' se guardo con éxito',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.href = "{{$indexGestionPersonal}}";
                        })
                        .catch((error) => {
                            location.href = "{{$indexGestionPersonal}}";
                        });
    
                        document.getElementById("botonDeCreacion").removeAttribute("disabled");
                        eliminarLoading()
                    },
                    error: function(data) {
                        console.log(data)
                        document.getElementById("botonDeCreacion").removeAttribute("disabled");
                        eliminarLoading()
                    }
                })
            }
        }
    </script>
@stop