@extends('layouts.layout-para-vista-sin-menus')

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

@section('title', 'Intranet | Nueva Ficha de Postulación')

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

    </div>
@stop

@section('content')
    <div class="container-fluid mt-4">
        <div class="row justify-content-center">
            <div class="col-lg-9">

                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Nueva Ficha de Postulación</h3>
                    </div>

                    <form id="formularioDeFichaDePostulacion">
                        @csrf

                        <div class="card-body">
                            <div class="form-group">
                                <label>Cargo al que Postula</label>
                                <input type="text" id="campoCargoPostulacion" class="form-control" name="cargo" value="{{ old('cargo') }}">
                                <div class="invalid-feedback" id="validacionCampoCargoPostulacion">

                                </div>
                            </div>
                            <input type="hidden" id="campoIdCargoSolicitudReclutamiento" value="{{$cargo->id}}">

                            <div class="section-title">
                                <span>Ítem 1: Antecedentes Personales</span>
                                <span style="flex"><i id="iconoContenedorItemUno" class="fas fa-minus-circle" style="cursor:pointer;"  onclick="toggleCollapseIcon(this,'contenedorItemUno')"></i></span>
                            </div>

                            <div id="contenedorItemUno">
                                <div class="form-group">
                                    <label>Nombre Completo</label>
                                    <input type="text" id="campoNombrePostulante" class="form-control" name="nombre_postulante" value="{{ old('nombre_postulante') }}">
                                    <div class="invalid-feedback" id="validacionCampoNombrePostulante">
    
                                    </div>
                                </div>
    
                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label>Rut</label>
                                        <input type="text" id="campoRutPostulante" class="form-control" name="rut_postulante" value="{{ old('rut_postulante') }}" onblur="cambiarCampoRutHaTexto(this)"  onfocus="cambiarCampoRutHaNumero(this)" onkeypress="return ingresoDeSoloCaracteresValidosParaRut(event,this)">
                                        <div class="invalid-feedback" id="validacionCampoRutPostulante">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group clearfix">
                                        <label style="display: block;">Sexo </label>
                                        <div class="form-check form-check-inline icheck-primary ml-4">
                                            <input class="form-check-input" type="radio" name="sexo_postulante" id="sexoM" value="M">
                                            <label class="form-check-label" for="sexoM">Masculino (M)</label>
                                        </div>
                                        <div class="form-check form-check-inline icheck-primary">
                                            <input class="form-check-input" type="radio" name="sexo_postulante" id="sexoF" value="F">
                                            <label class="form-check-label" for="sexoF">Femenino (F)</label>
                                        </div>
                                        <div class="form-check form-check-inline icheck-primary">
                                            <input class="form-check-input" type="radio" name="sexo_postulante" id="sexoOtro" value="OTRO">
                                            <label class="form-check-label" for="sexoOtro">Otro</label>
                                        </div>
                                        <div class="invalid-feedback" id="validacionCampoSexoPostulante">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label>Fecha de Nacimiento</label>
                                        <input type="date" id="campoFechaDeNacimiento" class="form-control" name="fecha_nacimiento_postulante" value="{{ old('fecha_nacimiento_postulante') }}">
                                        <div class="invalid-feedback" id="validacionCampoFechaDeNacimiento">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label>Estado Civil</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoEstadoCivil" name="estado_civil_postulante" data-live-search="true">
                                            <option value="">--Seleccionar Estado Civil--</option>
                                            @foreach ($estadosCiviles as $estadoCivil)
                                                @if (old('estado_civil_postulante') == $estadoCivil)
                                                    <option selected value="{{ $estadoCivil }}">
                                                        {{ $estadoCivil }}</option>
                                                @else
                                                    <option value="{{ $estadoCivil }}">{{ $estadoCivil }}
                                                    </option>
                                                @endif
                                            @endforeach
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoEstadoCivil">
    
                                        </div>
                                    </div>
                                </div>
    
                                <div class="form-group">
                                    <label>Domicilio</label>
                                    <input type="text" id="campoDomicilio" class="form-control" name="domicilio_postulante" value="{{ old('domicilio_postulante') }}">
                                    <div class="invalid-feedback" id="validacionCampoDomicilio">
    
                                    </div>
                                </div>
    
                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label>Ciudad</label>
                                        <input type="text" id="campoCiudad" class="form-control" name="ciudad_postulante" value="{{ old('ciudad_postulante') }}">
                                        <div class="invalid-feedback" id="validacionCampoCiudad">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label>Región Residencia</label>
                                        <input type="text" id="campoRegionResidencia" class="form-control" name="region_residencia_postulante" value="{{ old('region_residencia_postulante') }}">
                                        <div class="invalid-feedback" id="validacionCampoRegionResidencia">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group clearfix">
                                        <label style="display: block;">Nacionalidad </label>
                                        <div class="form-check form-check-inline icheck-primary">
                                            <input class="form-check-input" type="radio" name="nacionalidad_postulante" id="Chilena" value="Chilena" onchange="habilitarCampoPais(this)">
                                            <label class="form-check-label" for="Chilena">Chilena</label>
                                        </div>
                                        <div class="form-check form-check-inline icheck-primary">
                                            <input class="form-check-input" type="radio" name="nacionalidad_postulante" id="Extranjero" value="Extranjero" onchange="habilitarCampoPais(this)">
                                            <label class="form-check-label" for="Extranjero">Extranjero</label>
                                        </div>
                                        <div class="invalid-feedback" id="validacionCampoNacionalidadPostulante">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label>País (Sólo Extranjeros)</label>
                                        <input type="text" id="campoPais" class="form-control" name="pais_postulante" value="{{ old('pais_postulante') }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoPais">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label>AFP</label>
                                        <input type="text" id="campoAfp" class="form-control" name="afp_postulante" value="{{ old('afp_postulante') }}">
                                        <div class="invalid-feedback" id="validacionCampoAfp">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label>Isapre/Fonasa</label>
                                        <input type="text" id="campoSistemaDeSalud" class="form-control" name="sistema_salud_postulante" value="{{ old('sistema_salud_postulante') }}">
                                        <div class="invalid-feedback" id="validacionCampoSistemaDeSalud">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label>Teléfono Celular</label>
                                        <input type="text" id="campoTelefono" class="form-control" name="telefono_postulante" value="{{ old('telefono_postulante') }}">
                                        <div class="invalid-feedback" id="validacionCampoTelefono">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label>Otro Teléfono</label>
                                        <input type="text" id="campoOtroTelefono" class="form-control" name="otro_telefono_postulante" value="{{ old('otro_telefono_postulante') }}">
                                        <div class="invalid-feedback" id="validacionCampoOtroTelefono">
        
                                        </div>
                                    </div>
                                </div>
    
                                <div class="form-group">
                                    <label>Correo Electrónico</label>
                                    <input type="text" id="campoCorreo" class="form-control" name="correo_postulante" value="{{ old('correo_postulante') }}">
                                    <div class="invalid-feedback" id="validacionCampoCorreo">
    
                                    </div>
                                </div>
    
                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group clearfix">
                                        <label style="display: block;">Licencia de Conducir </label>
                                        <div class="form-check form-check-inline icheck-primary">
                                            <input class="form-check-input" type="radio" name="tiene_licencia_postulante" id="LicenciaSi" value="Si" onchange="habilitarCamposLicencia(this)">
                                            <label class="form-check-label" for="LicenciaSi">Si</label>
                                        </div>
                                        <div class="form-check form-check-inline icheck-primary">
                                            <input class="form-check-input" type="radio" name="tiene_licencia_postulante" id="LicenciaNo" value="No" onchange="habilitarCamposLicencia(this)">
                                            <label class="form-check-label" for="LicenciaNo">No</label>
                                        </div>
                                        <div class="invalid-feedback" id="validacionCampoTieneLicenciaPostulante">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label>Clase de Licencia</label>
                                        <input type="text" id="campoClaseLicencia" class="form-control" name="clase_licencia_postulante" value="{{ old('clase_licencia_postulante') }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoClaseLicencia">
        
                                        </div>
                                    </div>
        
                                    <div class="form-group">
                                        <label>Fecha Expiración Licencia</label>
                                        <input type="date" id="campoFechaExpiracionLicencia" class="form-control" name="fecha_expiracion_licencia_postulante" value="{{ old('fecha_expiracion_licencia_postulante') }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoFechaExpiracionLicencia">
        
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="section-title">
                                <span>Ítem 2: Antecedentes Educacionales</span>
                                <span style="flex"><i id="iconoContenedorItemDos" class="fas fa-minus-circle" style="cursor:pointer;"  onclick="toggleCollapseIcon(this,'contenedorItemDos')"></i></span>
                            </div>

                            <div id="contenedorItemDos">
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-bordered" role="grid" aria-describedby="base-style_info">
                                        <thead>
                                            <tr>
                                                <th colspan="2" class="text-center">Nivel de Estudios (Seleccione último curso realizado)</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorNivelDeEstudios" colspan="2" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar cuál fue el último curso que realizó.</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="table-row-nivel-estudios" onclick="seleccionarFilaNivelDeEstudio(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="ultimo_nivel_estudio" id="NivelEstudioMediaIncompleta" value="Media Incompleta">
                                                        <label class="form-check-label" for="NivelEstudioMediaIncompleta">Media Incompleta</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-nivel-estudios" onclick="seleccionarFilaNivelDeEstudio(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="ultimo_nivel_estudio" id="NivelEstudioUniversitariaIncompleta" value="Universitaria Incompleta">
                                                        <label class="form-check-label" for="NivelEstudioUniversitariaIncompleta">Universitaria Incompleta</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="table-row-nivel-estudios" onclick="seleccionarFilaNivelDeEstudio(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="ultimo_nivel_estudio" id="NivelEstudioMediaCompleta" value="Media Completa">
                                                        <label class="form-check-label" for="NivelEstudioMediaCompleta">Media Completa</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-nivel-estudios" onclick="seleccionarFilaNivelDeEstudio(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="ultimo_nivel_estudio" id="NivelEstudioUniversitariaCompleta" value="Universitaria Completa">
                                                        <label class="form-check-label" for="NivelEstudioUniversitariaCompleta">Universitaria Completa</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="table-row-nivel-estudios" onclick="seleccionarFilaNivelDeEstudio(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="ultimo_nivel_estudio" id="NivelEstudioInstituto" value="Formación Técnica (Instituto)">
                                                        <label class="form-check-label" for="NivelEstudioInstituto">Formación Técnica (Instituto)</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-nivel-estudios" onclick="seleccionarFilaNivelDeEstudio(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="ultimo_nivel_estudio" id="NivelEstudioPostitulo" value="Postítulo">
                                                        <label class="form-check-label" for="NivelEstudioPostitulo">Postítulo</label>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                                <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                    <legend class="titulo-fieldset-color-azul" id="legendArticulo">Formación Académica</legend>

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">    
                                        <div class="form-group">
                                            <label for="campoProfesionFormacionAcademica">Profesión/Título/Posgrado</label>
                                            <input type="text" class="form-control" id="campoProfesionFormacionAcademica">
                                            <div class="invalid-feedback" id="validacioCampoProfesionFormacionAcademica">
    
                                            </div>
                                        </div>
    
                                        <div class="form-group">
                                            <label for="campoInstitucionFormacionAcademica">Institución</label>
                                            <input type="text" class="form-control" id="campoInstitucionFormacionAcademica">
                                            <div class="invalid-feedback" id="validacioCampoInstitucionFormacionAcademica">
    
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoAnoTituloFormacionAcademica">Año Título</label>
                                            <input type="text" class="form-control" id="campoAnoTituloFormacionAcademica" onfocus="quitarPalabraAños(this)" onblur="agregarPalabraAños(this)" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false" autocomplete="off">
                                            <div class="invalid-feedback" id="validacioCampoAnoTituloFormacionAcademica">
    
                                            </div>
                                        </div>
                                    </div>
    
                                    <button type="button" class="btn btn-primary" onclick="agregarFormacionAdemica()"> Añadir Formación Académica</button>
                                </fieldset>
    
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-formacion-academica">
                                        <thead>
                                            <tr role="row">
                                                <th>#</th>
                                                <th>Profesión/Título/Posgrado</th>
                                                <th>Institución</th>
                                                <th>Año Título</th>
                                                <th>Acción</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorFormacionAcademica" colspan="5" class="text-center" style="background-color: #dc3545; color: white; display:none;">Debe indicar su formación académica.</th>
                                            </tr>
                                        </thead>
                                        <tbody id="registroDeFormacionAcademico">
                                            <tr id="formacionAcademicoNoDisponibleEnLaTabla">
                                                <td colspan="5" class="text-center">No hay registros disponibles en la tabla</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                                <div class="dt-responsive table-responsive">
                                    <table class="table table-bordered" role="grid" aria-describedby="base-style_info">
                                        <thead>
                                            <tr>
                                                <th colspan="2" class="text-center">¿Maneja inglés?</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorManegaIngles" colspan="2" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar si tiene conocimientos de inglés.</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="table-row-manega-ingles" onclick="seleccionarFilaManegoIngles(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="manega_ingles" id="ManegaInglesSi" value="Si">
                                                        <label class="form-check-label" for="ManegaInglesSi">Si</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-manega-ingles" onclick="seleccionarFilaManegoIngles(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="manega_ingles" id="ManegaInglesNo" value="No">
                                                        <label class="form-check-label" for="ManegaInglesNo">No</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaNivelInglesBasicoCero" style="display: none;">
                                                <th colspan="2" class="text-center">¿Cuál es su nivel de inglés?</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorNivelDeIngles" colspan="2" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar su nivel de inglés.</th>
                                            </tr>
                                            <tr id="filaNivelInglesBasicoUno" style="display: none;">
                                                <td class="table-row-nivel-ingles" onclick="seleccionarFilaNivelDeingles(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="nivel_ingles" id="NivelInglesBasico" value="Básico">
                                                        <label class="form-check-label" for="NivelInglesBasico">Básico</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-nivel-ingles" onclick="seleccionarFilaNivelDeingles(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="nivel_ingles" id="NivelInglesMedio" value="Medio">
                                                        <label class="form-check-label" for="NivelInglesMedio">Medio</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaNivelInglesBasicoDos" style="display: none;">
                                                <td class="table-row-nivel-ingles" onclick="seleccionarFilaNivelDeingles(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="nivel_ingles" id="NivelInglesAlto" value="Alto">
                                                        <label class="form-check-label" for="NivelInglesAlto">Alto</label>
                                                    </div>
                                                </td>
                                                <td></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                                <div class="dt-responsive table-responsive">
                                    <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-herramientas-ofimaticas">
                                        <thead>
                                            <tr>
                                                <th colspan="5" class="text-center">
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="flex-grow-1 text-center">Nivel de las Herramientas Ofimática</div>
                                                        <div>
                                                            <button type="button" class="btn btn-primary" onclick="abrirModalAgregarHerramientaOfimatica()">Añadir Herramienta</button>
                                                        </div>
                                                    </div>
                                                </th>
                                            </tr>
                                            <tr>
                                                <th colspan="2">Herramientas Ofimática</th>
                                                <th>Básico</th>
                                                <th>Medio</th>
                                                <th>Alto</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorHerramientaOfimatica" colspan="5" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar su nivel de manejo en las herramientas ofimáticas que se muestran en la tabla.</th>
                                            </tr>
                                        </thead>
                                        <tbody id="registroDeHerramientasOfimatica">
                                            <tr>
                                                <td class="tabla-nombre-herramienta-ofimatica" colspan="2">MS Excel</td>
                                                <td class="table-row table-row-ms-excel text-center tabla-basico-herramienta-ofimatica" onclick="seleccionarFilaNivelHerramientaOfimatica(this,'table-row-ms-excel')">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" id="MSExcelBasica" value="Básico" name="ms_excel">
                                                        <label class="form-check-label" for="MSExcelBasica"></label>
                                                    </div>
                                                </td>
                                                <td class="table-row table-row-ms-excel text-center tabla-medio-herramienta-ofimatica" onclick="seleccionarFilaNivelHerramientaOfimatica(this,'table-row-ms-excel')">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" id="MSExcelMedio" value="Medio" name="ms_excel">
                                                        <label class="form-check-label" for="MSExcelMedio"></label>
                                                    </div>
                                                </td>
                                                <td class="table-row table-row-ms-excel text-center tabla-alto-herramienta-ofimatica" onclick="seleccionarFilaNivelHerramientaOfimatica(this,'table-row-ms-excel')">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" id="MSExcelAlto" value="Alto" name="ms_excel">
                                                        <label class="form-check-label" for="MSExcelAlto"></label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="tabla-nombre-herramienta-ofimatica" colspan="2">MS Word</td>
                                                <td class="table-row table-row-ms-word text-center tabla-basico-herramienta-ofimatica" onclick="seleccionarFilaNivelHerramientaOfimatica(this,'table-row-ms-word')">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" id="MSWordBasica" value="Básico" name="ms_word">
                                                        <label class="form-check-label" for="MSWordBasica"></label>
                                                    </div>
                                                </td>
                                                <td class="table-row table-row-ms-word text-center tabla-medio-herramienta-ofimatica" onclick="seleccionarFilaNivelHerramientaOfimatica(this,'table-row-ms-word')">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" id="MSWordMedio" value="Medio" name="ms_word">
                                                        <label class="form-check-label" for="MSWordMedio"></label>
                                                    </div>
                                                </td>
                                                <td class="table-row table-row-ms-word text-center tabla-alto-herramienta-ofimatica" onclick="seleccionarFilaNivelHerramientaOfimatica(this,'table-row-ms-word')">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" id="MSWordAlto" value="Alto" name="ms_word">
                                                        <label class="form-check-label" for="MSWordAlto"></label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="tabla-nombre-herramienta-ofimatica" colspan="2">MS Powerpoint</td>
                                                <td class="table-row table-row-ms-powerpoint text-center tabla-basico-herramienta-ofimatica" onclick="seleccionarFilaNivelHerramientaOfimatica(this,'table-row-ms-powerpoint')">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" id="MSPowerpointBasica" value="Básico" name="ms_powerpoint">
                                                        <label class="form-check-label" for="MSPowerpointBasica"></label>
                                                    </div>
                                                </td>
                                                <td class="table-row table-row-ms-powerpoint text-center tabla-medio-herramienta-ofimatica" onclick="seleccionarFilaNivelHerramientaOfimatica(this,'table-row-ms-powerpoint')">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" id="MSPowerpointMedio" value="Medio" name="ms_powerpoint">
                                                        <label class="form-check-label" for="MSPowerpointMedio"></label>
                                                    </div>
                                                </td>
                                                <td class="table-row table-row-ms-powerpoint text-center tabla-alto-herramienta-ofimatica" onclick="seleccionarFilaNivelHerramientaOfimatica(this,'table-row-ms-powerpoint')">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" id="MSPowerpointAlto" value="Alto" name="ms_powerpoint">
                                                        <label class="form-check-label" for="MSPowerpointAlto"></label>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div class="section-title">
                                <span>Ítem 3: Últimos Empleos</span>
                                <span style="flex"><i id="iconoContenedorItemTres" class="fas fa-minus-circle" style="cursor:pointer;"  onclick="toggleCollapseIcon(this,'contenedorItemTres')"></i></span>
                            </div>

                            <div id="contenedorItemTres">
                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label>Experiencia General (años)</label>
                                        <input type="text" id="campoExperienciaGeneral" class="form-control" name="experiencia_general" value="{{ old('experiencia_general') }}" onfocus="quitarPalabraAños(this)" onblur="agregarPalabraAños(this)" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false" autocomplete="off">
                                        <div class="invalid-feedback" id="validacionCampoExperienciaGeneral">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label>Experiencia Específica (años)</label>
                                        <input type="text" id="campoExperienciaEspecifica" class="form-control" name="experiencia_especifica" value="{{ old('experiencia_especifica') }}" onfocus="quitarPalabraAños(this)" onblur="agregarPalabraAños(this)" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false" autocomplete="off">
                                        <div class="invalid-feedback" id="validacionCampoExperienciaEspecifica">
        
                                        </div>
                                    </div>
                                </div>

                                <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                    <legend class="titulo-fieldset-color-azul" id="legendArticulo">Últimos Empleadores</legend>
    
                                    <h5>Indique los tres últimos empleadores, comenzando por el más reciente:</h5>
                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">    
                                        <div class="form-group">
                                            <label for="campoEmpresaUltimoEmpleador">Empresa</label>
                                            <input type="text" class="form-control" id="campoEmpresaUltimoEmpleador">
                                            <div class="invalid-feedback" id="validacioCampoEmpresaUltimoEmpleador">
    
                                            </div>
                                        </div>
    
                                        <div class="form-group">
                                            <label for="campoCargoUltimoEmpleador">Cargo</label>
                                            <input type="text" class="form-control" id="campoCargoUltimoEmpleador">
                                            <div class="invalid-feedback" id="validacioCampoCargoUltimoEmpleador">
    
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoPeriodoUltimoEmpleador">Periodo</label>
                                            <input type="text" class="form-control" id="campoPeriodoUltimoEmpleador">
                                            <div class="invalid-feedback" id="validacioCampoPeriodoUltimoEmpleador">
    
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoMotivoTerminoUltimoEmpleador">Motivo Término</label>
                                            <textarea class="form-control" id="campoMotivoTerminoUltimoEmpleador" rows="1"></textarea>
                                            <div class="invalid-feedback" id="validacionCampoMotivoTerminoUltimoEmpleador">
        
                                            </div>
                                        </div>
                                    </div>
    
                                    <button type="button" class="btn btn-primary" onclick="agregarUltimoEmpleador()"> Añadir Empleador</button>
                                </fieldset>
    
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-ultimos-empleadores">
                                        <thead>
                                            <tr role="row">
                                                <th>#</th>
                                                <th>Empresa</th>
                                                <th>Cargo</th>
                                                <th>Periodo</th>
                                                <th>Motivo Término</th>
                                                <th>Acción</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorUltimosEmpleadores" colspan="6" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar sus últimos tres empleadores.</th>
                                            </tr>
                                        </thead>
                                        <tbody id="registroDeUltimosEmpleadores">
                                            <tr id="ultimosEmpleadoresNoDisponibleEnLaTabla">
                                                <td colspan="6" class="text-center">No hay registros disponibles en la tabla</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                                <div class="form-group clearfix">
                                    <label style="display: block;">¿Ha trabajado anteriormente en Guiñez Ingeniería Ltda.? </label>
                                    <div class="form-check form-check-inline icheck-primary">
                                        <input class="form-check-input" type="radio" name="ha_trabajado_guiñez" id="HaTrabajadoSi" value="Si" onchange="habilitarCamposHeTrabajadoEnGuinez(this)">
                                        <label class="form-check-label" for="HaTrabajadoSi">Si</label>
                                    </div>
                                    <div class="form-check form-check-inline icheck-primary">
                                        <input class="form-check-input" type="radio" name="ha_trabajado_guiñez" id="HaTrabajadoNo" value="No" onchange="habilitarCamposHeTrabajadoEnGuinez(this)">
                                        <label class="form-check-label" for="HaTrabajadoNo">No</label>
                                    </div>
                                    <div class="invalid-feedback" id="validacionCampoHaTrabajadoEnGuinez">
        
                                    </div>
                                </div>

                                <div id="contenedorHaTrabajadoGuinez" class="d-none">
                                    <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                        <legend class="titulo-fieldset-color-azul" id="legendArticulo">Cargos Empleados Anteriormente en Guiñez</legend>
        
                                        <h5>Indique los cargos que empleo anteriormente en Guiñez Ingenieria:</h5>
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">    
                                            <div class="form-group">
                                                <label for="campoCargoDesarrolladoHaTrabajoGuinez">Cargo Desarrollado</label>
                                                <input type="text" class="form-control" id="cargoDesarrolladoHaTrabajoGuinez">
                                                <div class="invalid-feedback" id="validacioCargoDesarrolladoHaTrabajoGuinez">
        
                                                </div>
                                            </div>
        
                                            <div class="form-group">
                                                <label for="campoContratoFaenaHaTrabajoGuinez">Contrato o Faena</label>
                                                <input type="text" class="form-control" id="campoContratoFaenaHaTrabajoGuinez">
                                                <div class="invalid-feedback" id="validacioCampoContratoFaenaHaTrabajoGuinez">
        
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label for="campoJefaturaDirectaHaTrabajoGuinez">Jefatura Directa</label>
                                                <input type="text" class="form-control" id="campoJefaturaDirectaHaTrabajoGuinez">
                                                <div class="invalid-feedback" id="validacioCampoJefaturaDirectaHaTrabajoGuinez">
        
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label for="campoPeriodoHaTrabajoGuinez">Periodo</label>
                                                <input type="text" class="form-control" id="campoPeriodoHaTrabajoGuinez">
                                                <div class="invalid-feedback" id="validacioCampoPeriodoHaTrabajoGuinez">
        
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label for="campoMotivoAlejamientoHaTrabajoGuinez">Motivo Alejamiento</label>
                                                <textarea class="form-control" id="campoMotivoAlejamientoHaTrabajoGuinez" rows="1"></textarea>
                                                <div class="invalid-feedback" id="validacionCampoMotivoAlejamientoHaTrabajoGuinez">
            
                                                </div>
                                            </div>
                                        </div>
        
                                        <button type="button" class="btn btn-primary" onclick="agregarCargosEmpleadosAnteriormenteEnGuinez()"> Añadir Cargo</button>
                                    </fieldset>
        
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-cargos-empleados-anteriormente-guinez">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Cargo Desarrollado</th>
                                                    <th>Contrato o Faena</th>
                                                    <th>Jefatura Directa</th>
                                                    <th>Periodo</th>
                                                    <th>Motivo Alejamiento</th>
                                                    <th>Acción</th>
                                                </tr>
                                                <tr>
                                                    <th id="mensajeErrorTrabajoAnteriormenteEnGuinez" colspan="7" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar los cargos que empleo anteriormente en Guiñez Ingenieria.</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeHaTrabajadoGuinez">
                                                <tr id="haTrabajadoGuinezNoDisponibleEnLaTabla">
                                                    <td colspan="7" class="text-center">No hay registros disponibles en la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="section-title">
                                <span>Ítem 4: Compliance</span>
                                <span style="flex"><i id="iconoContenedorItemCuatro" class="fas fa-minus-circle" style="cursor:pointer;"  onclick="toggleCollapseIcon(this,'contenedorItemCuatro')"></i></span>
                            </div>

                            <div id="contenedorItemCuatro">
                                <div class="form-group clearfix">
                                    <label style="display: block;">Actualmente, ¿tiene algún familiar que trabaje en Guiñez Ingeniería Ltda.? </label>
                                    <div class="form-check form-check-inline icheck-primary">
                                        <input class="form-check-input" type="radio" name="tiene_familiar_guinez" id="tieneFamiliarSi" value="Si" onchange="habilitarCamposFamiliarTrabajanEnGuinez(this)">
                                        <label class="form-check-label" for="tieneFamiliarSi">Si</label>
                                    </div>
                                    <div class="form-check form-check-inline icheck-primary">
                                        <input class="form-check-input" type="radio" name="tiene_familiar_guinez" id="tieneFamiliarNo" value="No" onchange="habilitarCamposFamiliarTrabajanEnGuinez(this)">
                                        <label class="form-check-label" for="tieneFamiliarNo">No</label>
                                    </div>
                                    <div class="invalid-feedback" id="validacionCampoTieneFamiliarEnGuinez">
        
                                    </div>
                                </div>

                                <div id="contenedorFamiliarTrabajaEnGuinez" class="d-none">
                                    <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                        <legend class="titulo-fieldset-color-azul" id="legendArticulo">Familiares que Trabajen en Guiñez Ingeniería</legend>
        
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">    
                                            <div class="form-group">
                                                <label for="campoNombreFamiliarTrabajaEnGuinez">Nombre</label>
                                                <input type="text" class="form-control" id="campoNombreFamiliarTrabajaEnGuinez">
                                                <div class="invalid-feedback" id="validacionCampoNombreFamiliarTrabajaEnGuinez">
        
                                                </div>
                                            </div>
        
                                            <div class="form-group">
                                                <label for="campoContratoFaenaFamiliarTrabajaEnGuinez">Contrato o Faena</label>
                                                <input type="text" class="form-control" id="campoContratoFaenaFamiliarTrabajaEnGuinez">
                                                <div class="invalid-feedback" id="validacioCampoContratoFaenaFamiliarTrabajaEnGuinez">
        
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label for="campoParentescoFamiliarTrabajaEnGuinez">Parentesco</label>
                                                <input type="text" class="form-control" id="campoParentescoFamiliarTrabajaEnGuinez">
                                                <div class="invalid-feedback" id="validacioCampoParentescoFamiliarTrabajaEnGuinez">
        
                                                </div>
                                            </div>
                                        </div>
        
                                        <button type="button" class="btn btn-primary" onclick="agregarFamiliaresTrabajanEnGuinez()"> Añadir Familiar</button>
                                    </fieldset>
        
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-familiares-trabajan-guinez">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Nombre</th>
                                                    <th>Contrato o Faena</th>
                                                    <th>Parentesco</th>
                                                    <th>Acción</th>
                                                </tr>
                                                <tr>
                                                    <th id="mensajeErrorFamiliarEnGuinez" colspan="5" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar los familiares que trabajen en Guiñez Ingenieria.</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeFamiliarTrabajaEnGuinez">
                                                <tr id="familiarTrabajaEnGuinezNoDisponibleEnLaTabla">
                                                    <td colspan="5" class="text-center">No hay registros disponibles en la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div class="form-group clearfix">
                                    <label style="display: block;">Actualmente, ¿tiene algún conocido y/o familiar en algunas de nuestras subcontratistas o empresa mandante para la cual desempeñará funciones?</label>
                                    <div class="form-check form-check-inline icheck-primary">
                                        <input class="form-check-input" type="radio" name="tiene_familiar_contratista" id="tieneFamiliarContratistaSi" value="Si" onchange="habilitarCamposFamiliarTrabajanEnContratista(this)">
                                        <label class="form-check-label" for="tieneFamiliarContratistaSi">Si</label>
                                    </div>
                                    <div class="form-check form-check-inline icheck-primary">
                                        <input class="form-check-input" type="radio" name="tiene_familiar_contratista" id="tieneFamiliarContratistaNo" value="No" onchange="habilitarCamposFamiliarTrabajanEnContratista(this)">
                                        <label class="form-check-label" for="tieneFamiliarContratistaNo">No</label>
                                    </div>
                                    <div class="invalid-feedback" id="validacionCampoTieneFamiliarConContratista">
        
                                    </div>
                                </div>

                                <div id="contenedorFamiliarTrabajaConContratista" class="d-none">
                                    <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                        <legend class="titulo-fieldset-color-azul" id="legendArticulo">Familiares que Trabajen en Subcontratistas o Empresa Mandante</legend>
        
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">    
                                            <div class="form-group">
                                                <label for="campoNombreFamiliarTrabajaConContratista">Nombre</label>
                                                <input type="text" class="form-control" id="campoNombreFamiliarTrabajaConContratista">
                                                <div class="invalid-feedback" id="validacionCampoNombreFamiliarTrabajaConContratista">
        
                                                </div>
                                            </div>
        
                                            <div class="form-group">
                                                <label for="campoEmpresaFamiliarTrabajaConContratista">Empresa</label>
                                                <input type="text" class="form-control" id="campoEmpresaFamiliarTrabajaConContratista">
                                                <div class="invalid-feedback" id="validacioCampoEmpresaFamiliarTrabajaConContratista">
        
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label for="campoParentescoFamiliarTrabajaConContratista">Parentesco</label>
                                                <input type="text" class="form-control" id="campoParentescoFamiliarTrabajaConContratista">
                                                <div class="invalid-feedback" id="validacioCampoParentescoFamiliarTrabajaConContratista">
        
                                                </div>
                                            </div>
                                        </div>
        
                                        <button type="button" class="btn btn-primary" onclick="agregarFamiliaresTrabajanConContratista()"> Añadir Familiar</button>
                                    </fieldset>
        
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-familiares-trabajan-contratista">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Nombre</th>
                                                    <th>Empresa</th>
                                                    <th>Parentesco</th>
                                                    <th>Acción</th>
                                                </tr>
                                                <tr>
                                                    <th id="mensajeErrorFamiliarTrabajaConContratista" colspan="5" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar si tiene algún conocido y/o familiar en algunas de nuestras subcontratistas o empresa mandante para la cual desempeñará funciones.</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeFamiliarTrabajaConContratista">
                                                <tr id="familiarTrabajaEConContratistaNoDisponibleEnLaTabla">
                                                    <td colspan="5" class="text-center">No hay registros disponibles en la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div class="form-group clearfix">
                                    <label style="display: block;">Actualmente, ¿tiene algún pariente, amigo u otro tipo de relación con personas de empresas que desarrollen labores en el área que inspeccionará o mandante a cargo del/los proyecto(s).</label>
                                    <div class="form-check form-check-inline icheck-primary">
                                        <input class="form-check-input" type="radio" name="tiene_familiar_inspeccion" id="tieneFamiliarInspeccionSi" value="Si" onchange="habilitarCamposFamiliarTrabajanEnAreaDeInspeccion(this)">
                                        <label class="form-check-label" for="tieneFamiliarInspeccionSi">Si</label>
                                    </div>
                                    <div class="form-check form-check-inline icheck-primary">
                                        <input class="form-check-input" type="radio" name="tiene_familiar_inspeccion" id="tieneFamiliarInspeccionNo" value="No" onchange="habilitarCamposFamiliarTrabajanEnAreaDeInspeccion(this)">
                                        <label class="form-check-label" for="tieneFamiliarInspeccionNo">No</label>
                                    </div>
                                    <div class="invalid-feedback" id="validacionCampoTieneFamiliarEnAreaInspeccion">
        
                                    </div>
                                </div>

                                <div id="contenedorFamiliarTrabajaAreaInspeccion" class="d-none">
                                    <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                        <legend class="titulo-fieldset-color-azul" id="legendArticulo">Familiares que Trabajen en el Área que inspeccionará o o Mandante a cargo del/los Proyecto(s)</legend>
        
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">    
                                            <div class="form-group">
                                                <label for="campoNombreFamiliarTrabajaAreaInspeccion">Nombre</label>
                                                <input type="text" class="form-control" id="campoNombreFamiliarTrabajaAreaInspeccion">
                                                <div class="invalid-feedback" id="validacionCampoNombreFamiliarTrabajaAreaInspeccion">
        
                                                </div>
                                            </div>
        
                                            <div class="form-group">
                                                <label for="campoEmpresaFamiliarTrabajaAreaInspeccion">Empresa</label>
                                                <input type="text" class="form-control" id="campoEmpresaFamiliarTrabajaAreaInspeccion">
                                                <div class="invalid-feedback" id="validacioCampoEmpresaFamiliarTrabajaAreaInspeccion">
        
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label for="campoParentescoFamiliarTrabajaAreaInspeccion">Parentesco</label>
                                                <input type="text" class="form-control" id="campoParentescoFamiliarTrabajaAreaInspeccion">
                                                <div class="invalid-feedback" id="validacioCampoParentescoFamiliarTrabajaAreaInspeccion">
        
                                                </div>
                                            </div>
                                        </div>
        
                                        <button type="button" class="btn btn-primary" onclick="agregarFamiliaresTrabajanEnAreaDeInspeccion()"> Añadir Familiar</button>
                                    </fieldset>
        
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-familiares-trabajan-inspeccion">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Nombre</th>
                                                    <th>Empresa</th>
                                                    <th>Parentesco</th>
                                                    <th>Acción</th>
                                                </tr>
                                                <tr>
                                                    <th id="mensajeErrorFamiliarTrabajaAreaInspeccion" colspan="5" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar si tiene algún pariente, amigo u otro tipo de relación con personas de empresas que desarrollen labores en el área que inspeccionará o mandante a cargo del/los proyecto(s).</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeFamiliarTrabajaAreaInspeccion">
                                                <tr id="familiarTrabajaAreaInspeccionNoDisponibleEnLaTabla">
                                                    <td colspan="5" class="text-center">No hay registros disponibles en la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="section-title">
                                <span>Ítem 5: Inclusión Laboral</span>
                                <span style="flex"><i id="iconoContenedorItemCinco" class="fas fa-minus-circle" style="cursor:pointer;"  onclick="toggleCollapseIcon(this,'contenedorItemCinco')"></i></span>
                            </div>

                            <div id="contenedorItemCinco">
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-bordered" role="grid" aria-describedby="base-style_info">
                                        <thead>
                                            <tr>
                                                <th colspan="2" class="text-center">¿Cuenta en la actualidad con algún tipo de discapacidad?</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorTieneDiscapacidad" colspan="2" class="text-center" style="background-color: #dc3545; color: white;display:none;">Confirme si posee alguna discapacidad en la actualidad.</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="table-row-tiene-discapacidad" onclick="seleccionarFilaTieneDiscapacidad(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="tiene_discapacidad" id="TieneDiscapacidadSi" value="Si">
                                                        <label class="form-check-label" for="TieneDiscapacidadSi">Si</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-tiene-discapacidad" onclick="seleccionarFilaTieneDiscapacidad(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="tiene_discapacidad" id="TieneDiscapacidadNo" value="No">
                                                        <label class="form-check-label" for="TieneDiscapacidadNo">No</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaTituloCertificadoDeDiscapacidad" style="display: none;">
                                                <th colspan="2" class="text-center">¿Cuenta con algún certificado que acredite su discapacidad?</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorTieneCertificadoDeDiscapacidad" colspan="2" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar si cuenta con certificado de discapacidad.</th>
                                            </tr>
                                            <tr id="filaValorCertificadoDeDiscapacidad" style="display: none;">
                                                <td class="table-row-tiene-certificado-discapacidad" onclick="seleccionarFilaTieneCertificadoDeDiscapacidad(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="tiene_certificado_discapacidad" id="TieneCertificadoDiscapacidadSi" value="Si">
                                                        <label class="form-check-label" for="TieneCertificadoDiscapacidadSi">Si</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-tiene-certificado-discapacidad" onclick="seleccionarFilaTieneCertificadoDeDiscapacidad(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="tiene_certificado_discapacidad" id="TieneCertificadoDiscapacidadNo" value="No">
                                                        <label class="form-check-label" for="TieneCertificadoDiscapacidadNo">No</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaTituloFamiliarConDiscapacidad" style="display: none;">
                                                <th colspan="2" class="text-center">¿Tiene algún familiar (cualquier) con discapacidad visual severa o total (perdida casi o total de la vista, necesite ayuda o apoyo de bastón)?</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorFamiliarConDiscapacidad" colspan="2" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar si cuenta con un familiar con alguna discapacidad.</th>
                                            </tr>
                                            <tr id="filaValorFamiliarConDiscapacidad" style="display: none;">
                                                <td class="table-row-tiene-familiar-discapacidad" onclick="seleccionarFilaTieneFamiliarConDiscapacidad(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="tiene_familiar_discapacidad" id="TieneFamiliarDiscapacidadSi" value="Si">
                                                        <label class="form-check-label" for="TieneFamiliarDiscapacidadSi">Si</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-tiene-familiar-discapacidad" onclick="seleccionarFilaTieneFamiliarConDiscapacidad(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="tiene_familiar_discapacidad" id="TieneFamiliarDiscapacidadNo" value="No">
                                                        <label class="form-check-label" for="TieneFamiliarDiscapacidadNo">No</label>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div class="section-title">
                                <span>Ítem 6: Pueblos Originarios</span>
                                <span style="flex"><i id="iconoContenedorItemSeis" class="fas fa-minus-circle" style="cursor:pointer;"  onclick="toggleCollapseIcon(this,'contenedorItemSeis')"></i></span>
                            </div>

                            <div id="contenedorItemSeis">
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-bordered" role="grid" aria-describedby="base-style_info">
                                        <thead>
                                            <tr>
                                                <th colspan="2" class="text-center">¿Pertenece a uno de los 10 pueblos originarios reconocidos en Chile?</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorPertenecePuebloOriginario" colspan="2" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar si pertenece a alguno de los 10 pueblos originarios reconocidos en Chile.</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="table-row-pertenece_pueblos_originarios" onclick="seleccionarFilPertenecePueblosOriginarios(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="pertenece_pueblos_originarios" id="PertenecePuebloOriginarioSi" value="Si">
                                                        <label class="form-check-label" for="PertenecePuebloOriginarioSi">Si</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-pertenece_pueblos_originarios" onclick="seleccionarFilPertenecePueblosOriginarios(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="pertenece_pueblos_originarios" id="PertenecePuebloOriginarioNo" value="No">
                                                        <label class="form-check-label" for="PertenecePuebloOriginarioNo">No</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaTituloSeleccionePuebloOriginarios" style="display: none;">
                                                <th colspan="2" class="text-center">Seleccione el pueblo originario al que pertenece:</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorSeleccionePuebloOriginarios" colspan="2" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar a qué pueblo originario pertenece.</th>
                                            </tr>
                                            <tr id="filaValorSeleccionePuebloOriginariosUno" style="display: none;">
                                                <td class="table-row-seleccione-pueblo-originario" onclick="seleccionarFilaSeleccionePuebloOriginario(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="pueblo_originario" id="puebloOriginarioMapuche" value="Mapuche">
                                                        <label class="form-check-label" for="puebloOriginarioMapuche">Mapuche</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-seleccione-pueblo-originario" onclick="seleccionarFilaSeleccionePuebloOriginario(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="pueblo_originario" id="puebloOriginarioColla" value="Colla">
                                                        <label class="form-check-label" for="puebloOriginarioColla">Colla</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaValorSeleccionePuebloOriginariosDos" style="display: none;">
                                                <td class="table-row-seleccione-pueblo-originario" onclick="seleccionarFilaSeleccionePuebloOriginario(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="pueblo_originario" id="puebloOriginarioAymara" value="Aymara">
                                                        <label class="form-check-label" for="puebloOriginarioAymara">Aymara</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-seleccione-pueblo-originario" onclick="seleccionarFilaSeleccionePuebloOriginario(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="pueblo_originario" id="puebloOriginarioDiaguita" value="Diaguita">
                                                        <label class="form-check-label" for="puebloOriginarioDiaguita">Diaguita</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaValorSeleccionePuebloOriginariosTres" style="display: none;">
                                                <td class="table-row-seleccione-pueblo-originario" onclick="seleccionarFilaSeleccionePuebloOriginario(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="pueblo_originario" id="puebloOriginarioRapaNui" value="RapaNui">
                                                        <label class="form-check-label" for="puebloOriginarioRapaNui">RapaNui</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-seleccione-pueblo-originario" onclick="seleccionarFilaSeleccionePuebloOriginario(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="pueblo_originario" id="puebloOriginarioKawashkar" value="Kawashkar">
                                                        <label class="form-check-label" for="puebloOriginarioKawashkar">Kawashkar</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaValorSeleccionePuebloOriginariosCuatro" style="display: none;">
                                                <td class="table-row-seleccione-pueblo-originario" onclick="seleccionarFilaSeleccionePuebloOriginario(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="pueblo_originario" id="puebloOriginarioAtacamena" value="Atacamena">
                                                        <label class="form-check-label" for="puebloOriginarioAtacamena">Atacamena</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-seleccione-pueblo-originario" onclick="seleccionarFilaSeleccionePuebloOriginario(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="pueblo_originario" id="puebloOriginarioYagan" value="Yagan">
                                                        <label class="form-check-label" for="puebloOriginarioYagan">Yagan</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaValorSeleccionePuebloOriginariosCinco" style="display: none;">
                                                <td class="table-row-seleccione-pueblo-originario" onclick="seleccionarFilaSeleccionePuebloOriginario(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="pueblo_originario" id="puebloOriginarioQuechua" value="Quechua">
                                                        <label class="form-check-label" for="puebloOriginarioQuechua">Quechua</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-seleccione-pueblo-originario" onclick="seleccionarFilaSeleccionePuebloOriginario(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="pueblo_originario" id="puebloOriginarioChango" value="Chango">
                                                        <label class="form-check-label" for="puebloOriginarioChango">Chango</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaTituloCertificadoConadi" style="display: none;">
                                                <th colspan="2" class="text-center">¿Cuenta con certificado de la CONADI que acredite dicha pertenencia?</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorCertificadoConadi" colspan="2" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar si cuenta con un certificado de la CONADI que acredite su pertenencia.</th>
                                            </tr>
                                            <tr id="filaValorCertificadoConadi" style="display: none;">
                                                <td class="table-row-tiene-certificado-conadi" onclick="seleccionarFilaTieneCertificadoConadi(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="tiene_certificado_conadi" id="TieneCertificadoConadiSi" value="Si">
                                                        <label class="form-check-label" for="TieneCertificadoConadiSi">Si</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-tiene-certificado-conadi" onclick="seleccionarFilaTieneCertificadoConadi(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="tiene_certificado_conadi" id="TieneCertificadoConadiNo" value="No">
                                                        <label class="form-check-label" for="TieneCertificadoConadiNo">No</label>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div class="section-title">
                                <span>Ítem 7: Antecedentes de Salud</span>
                                <span style="flex"><i id="iconoContenedorItemSiete" class="fas fa-minus-circle" style="cursor:pointer;"  onclick="toggleCollapseIcon(this,'contenedorItemSiete')"></i></span>
                            </div>

                            <div id="contenedorItemSiete">
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-bordered" role="grid" aria-describedby="base-style_info">
                                        <thead>
                                            <tr>
                                                <th colspan="2" class="text-center">Actualmente, ¿sufres de alguna enfermedad y/o condición hereditaria?</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorSufresEnfermedad" colspan="2" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar si actualmente padece alguna enfermedad o condición hereditaria.</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="table-row-sufres-enfermedad" onclick="seleccionarFilSufresEnfermedades(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="sufres_enfermedades" id="SufresEnfermedadSi" value="Si">
                                                        <label class="form-check-label" for="SufresEnfermedadSi">Si</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-sufres-enfermedad" onclick="seleccionarFilSufresEnfermedades(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="radio" name="sufres_enfermedades" id="SufresEnfermedadNo" value="No">
                                                        <label class="form-check-label" for="SufresEnfermedadNo">No</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaTituloSeleccioneEnfermedades" style="display: none;">
                                                <th colspan="2" class="text-center">Seleccione las enfermedades que padece:</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorSeleccioneEnfermedades" colspan="2" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe seleccionar las enfermedades que actualmente padece.</th>
                                            </tr>
                                            <tr id="filaValorSeleccioneEnfermedadUno" style="display: none;">
                                                <td class="table-row-seleccione-enfermedad" onclick="seleccionarFilaSeleccioneEnfermedades(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="checkbox" name="enfermedades[]" id="enfermedadPresionArterialAlta" value="Presión arterial alta"> 
                                                        <label class="form-check-label" for="enfermedadPresionArterialAlta">Presión arterial alta</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-seleccione-enfermedad" onclick="seleccionarFilaSeleccioneEnfermedades(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="checkbox" name="enfermedades[]" id="enfermedadAlCorazon" value="Enfermedades al corazón">
                                                        <label class="form-check-label" for="enfermedadAlCorazon">Enfermedades al corazón</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaValorSeleccioneEnfermedadDos" style="display: none;">
                                                <td class="table-row-seleccione-enfermedad" onclick="seleccionarFilaSeleccioneEnfermedades(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="checkbox" name="enfermedades[]" id="enfermedadDiabetes" value="Diabetes">
                                                        <label class="form-check-label" for="enfermedadDiabetes">Diabetes</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-seleccione-enfermedad" onclick="seleccionarFilaSeleccioneEnfermedades(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="checkbox" name="enfermedades[]" id="enfermedadAlRinon" value="Enfermedades del riñón">
                                                        <label class="form-check-label" for="enfermedadAlRinon">Enfermedades del riñón</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaValorSeleccioneEnfermedadTres" style="display: none;">
                                                <td class="table-row-seleccione-enfermedad" onclick="seleccionarFilaSeleccioneEnfermedades(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="checkbox" name="enfermedades[]" id="enfermedadHemofilia" value="Hemofilia">
                                                        <label class="form-check-label" for="enfermedadHemofilia">Hemofilia</label>
                                                    </div>
                                                </td>
                                                <td class="table-row-seleccione-enfermedad" onclick="seleccionarFilaSeleccioneEnfermedades(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="checkbox" name="enfermedades[]" id="enfermedadAlHigado" value="Enfermedades del hígado">
                                                        <label class="form-check-label" for="enfermedadAlHigado">Enfermedades del hígado</label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr id="filaValorSeleccioneEnfermedadCuatro" style="display: none;">
                                                <td class="table-row-seleccione-enfermedad" onclick="seleccionarFilaSeleccioneEnfermedades(this)">
                                                    <div class="form-check form-check-inline icheck-primary">
                                                        <input class="form-check-input" type="checkbox" name="enfermedades[]" id="enfermedadOtra" value="Otra">
                                                        <label class="form-check-label" for="enfermedadOtra">Otra (Especificar)</label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group" id="contenedorCampoOtraEnfermedad" style="display: none;">
                                                        <textarea class="form-control" id="campoOtraEnfermedad" rows="2" name="otra_enfermedad_especificar"></textarea>
                                                        <div class="invalid-feedback" id="validacionCampoOtraEnfermedad">
                    
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div class="section-title">
                                <span>Ítem 8: Emergencias</span>
                                <span style="flex"><i id="iconoContenedorItemOcho" class="fas fa-minus-circle" style="cursor:pointer;"  onclick="toggleCollapseIcon(this,'contenedorItemOcho')"></i></span>
                            </div>

                            <div id="contenedorItemOcho">
                                <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                    <legend class="titulo-fieldset-color-azul" id="legendArticulo">Contactos de Emergencias</legend>
    
                                    <h5>En caso de emergencias avisar a:</h5>
                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">    
                                        <div class="form-group">
                                            <label for="campoNombreContactoEmergencia">Nombre de Contacto</label>
                                            <input type="text" class="form-control" id="campoNombreContactoEmergencia">
                                            <div class="invalid-feedback" id="validacioCampoNombreContactoEmergencia">
    
                                            </div>
                                        </div>
    
                                        <div class="form-group">
                                            <label for="campoTelefonoEmergencia">Teléfono</label>
                                            <input type="text" class="form-control" id="campoTelefonoEmergencia">
                                            <div class="invalid-feedback" id="validacioCampoTelefonoEmergencia">
    
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoCelularEmergencia">Celular</label>
                                            <input type="text" class="form-control" id="campoCelularEmergencia">
                                            <div class="invalid-feedback" id="validacioCampoCelularEmergencia">
    
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoDireccionEmergencia">Dirección</label>
                                            <input type="text" class="form-control" id="campoDireccionEmergencia">
                                            <div class="invalid-feedback" id="validacioCampoDireccionEmergencia">
    
                                            </div>
                                        </div>
                                    </div>
    
                                    <button type="button" class="btn btn-primary" onclick="agregarContactoDeEmergencia()"> Añadir Contacto de Emergencia</button>
                                </fieldset>
    
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-contactos-emergencias">
                                        <thead>
                                            <tr role="row">
                                                <th>#</th>
                                                <th>Nombre de Contacto</th>
                                                <th>Teléfono</th>
                                                <th>Celular</th>
                                                <th>Dirección</th>
                                                <th>Acción</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorContactosDeEmergencias" colspan="6" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar sus contactos de emergencia.</th>
                                            </tr>
                                        </thead>
                                        <tbody id="registroDeContactosDeEmergencias">
                                            <tr id="contactosDeEmergenciasNoDisponibleEnLaTabla">
                                                <td colspan="6" class="text-center">No hay registros disponibles en la tabla</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div class="section-title">
                                <span>Ítem 9: Grupo Familiar</span>
                                <span style="flex"><i id="iconoContenedorItemNueve" class="fas fa-minus-circle" style="cursor:pointer;"  onclick="toggleCollapseIcon(this,'contenedorItemNueve')"></i></span>
                            </div>

                            <div id="contenedorItemNueve">
                                <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                    <legend class="titulo-fieldset-color-azul" id="legendArticulo">Grupo Familiar</legend>
    
                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">    
                                        <div class="form-group">
                                            <label for="campoTipoSeParentescoGrupoFamiliar">Tipo de Parentesco</label>
                                            <input type="text" class="form-control" id="campoTipoSeParentescoGrupoFamiliar">
                                            <div class="invalid-feedback" id="validacioCampoTipoSeParentescoGrupoFamiliar">
    
                                            </div>
                                        </div>
    
                                        <div class="form-group">
                                            <label for="campoRutGrupoFamiliar">Rut</label>
                                            <input type="text" class="form-control" id="campoRutGrupoFamiliar" onblur="cambiarCampoRutHaTexto(this)"  onfocus="cambiarCampoRutHaNumero(this)" onkeypress="return ingresoDeSoloCaracteresValidosParaRut(event,this)">
                                            <div class="invalid-feedback" id="validacioCampoRutGrupoFamiliar">
    
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoNombreCompletoGrupoFamiliar">Nombre Completo</label>
                                            <input type="text" class="form-control" id="campoNombreCompletoGrupoFamiliar">
                                            <div class="invalid-feedback" id="validacioCampoNombreCompletoGrupoFamiliar">
    
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoFechaNacimientoGrupoFamiliar">Fecha Nacimiento</label>
                                            <input type="date" class="form-control" id="campoFechaNacimientoGrupoFamiliar">
                                            <div class="invalid-feedback" id="validacioCampoFechaNacimientoGrupoFamiliar">
    
                                            </div>
                                        </div>

                                        <div class="form-group clearfix">
                                            <label style="display: block;">Sexo </label>
                                            <div class="form-check form-check-inline icheck-primary">
                                                <input class="form-check-input" type="radio" name="sexo_grupo_familiar" id="sexoMGrupoFamiliar" value="M">
                                                <label class="form-check-label" for="sexoMGrupoFamiliar">Masculino (M)</label>
                                            </div>
                                            <div class="form-check form-check-inline icheck-primary">
                                                <input class="form-check-input" type="radio" name="sexo_grupo_familiar" id="sexoFGrupoFamiliar" value="F">
                                                <label class="form-check-label" for="sexoFGrupoFamiliar">Femenino (F)</label>
                                            </div>
                                            <div class="form-check form-check-inline icheck-primary">
                                                <input class="form-check-input" type="radio" name="sexo_grupo_familiar" id="sexoOtroGrupoFamiliar" value="OTRO">
                                                <label class="form-check-label" for="sexoOtroGrupoFamiliar">Otro</label>
                                            </div>
                                            <div class="invalid-feedback" id="validacioCampoSexoGrupoFamiliar">
    
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoNacionalidaGrupoFamiliar">Nacionalidad</label>
                                            <input type="text" class="form-control" id="campoNacionalidaGrupoFamiliar">
                                            <div class="invalid-feedback" id="validacioCampoNacionalidaGrupoFamiliar">
    
                                            </div>
                                        </div>

                                        <div class="form-group clearfix">
                                            <label style="display: block;">¿Es Carga? </label>
                                            <div class="form-check form-check-inline icheck-primary">
                                                <input class="form-check-input" type="radio" name="carga_grupo_familiar" id="esCargaSiGrupoFamiliar" value="Si">
                                                <label class="form-check-label" for="esCargaSiGrupoFamiliar">Si</label>
                                            </div>
                                            <div class="form-check form-check-inline icheck-primary">
                                                <input class="form-check-input" type="radio" name="carga_grupo_familiar" id="esCargaNoGrupoFamiliar" value="No">
                                                <label class="form-check-label" for="esCargaNoGrupoFamiliar">No</label>
                                            </div>
                                            <div class="invalid-feedback" id="validacioCampoEsCargaGrupoFamiliar">
    
                                            </div>
                                        </div>
                                    </div>
    
                                    <button type="button" class="btn btn-primary" onclick="agregarGrupoFamiliar()"> Añadir Grupo Familiar</button>
                                </fieldset>
    
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-grupo-familiar">
                                        <thead>
                                            <tr role="row">
                                                <th>#</th>
                                                <th>Tipo de Parentesco</th>
                                                <th>Rut</th>
                                                <th>Nombre Completo</th>
                                                <th>Fecha Nacimiento</th>
                                                <th>Sexo</th>
                                                <th>Nacionalidad</th>
                                                <th>¿Es Carga?</th>
                                                <th>Acción</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorGrupoFamiliar" colspan="9" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar su grupo familiar.</th>
                                            </tr>
                                        </thead>
                                        <tbody id="registroDeGrupoFamiliar">
                                            <tr id="grupoFamiliarNoDisponibleEnLaTabla">
                                                <td colspan="9" class="text-center">No hay registros disponibles en la tabla</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div class="section-title">
                                <span>Ítem 10: Referencias</span>
                                <span style="flex"><i id="iconoContenedorItemDiez" class="fas fa-minus-circle" style="cursor:pointer;"  onclick="toggleCollapseIcon(this,'contenedorItemDiez')"></i></span>
                            </div>

                            <div id="contenedorItemDiez">
                                <div class="form-group clearfix">
                                    <label style="display: block;">¿Nos autorizas a solicitar referencias laborales a algunos de tus antiguos jefes directos o empleadores, contactando al área respectiva de tal organización?</label>
                                    <div class="form-check form-check-inline icheck-primary">
                                        <input class="form-check-input" type="radio" name="autorizacion_referencias" id="autorizacionReferenciaSi" value="Si">
                                        <label class="form-check-label" for="autorizacionReferenciaSi">Si</label>
                                    </div>
                                    <div class="form-check form-check-inline icheck-primary">
                                        <input class="form-check-input" type="radio" name="autorizacion_referencias" id="autorizacionReferenciaNo" value="No">
                                        <label class="form-check-label" for="autorizacionReferenciaNo">No</label>
                                    </div>
                                    <div class="invalid-feedback" id="validacionCampoAutorizacionReferencia">
        
                                    </div>
                                </div>

                                <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                    <legend class="titulo-fieldset-color-azul" id="legendArticulo">Referencias</legend>
    
                                    <h5>En caso de que no podamos contactar al área específica, favor indicar datos de personal que pudiese brindarnos las referencias.</h5>
                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">    
                                        <div class="form-group">
                                            <label for="campoNombreReferencia">Nombre</label>
                                            <input type="text" class="form-control" id="campoNombreReferencia">
                                            <div class="invalid-feedback" id="validacioCampoNombreReferencia">
    
                                            </div>
                                        </div>
    
                                        <div class="form-group">
                                            <label for="campoEmpresaReferencia">Empresa</label>
                                            <input type="text" class="form-control" id="campoEmpresaReferencia">
                                            <div class="invalid-feedback" id="validacioCampoEmpresaReferencia">
    
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoCargoReferencia">Cargo</label>
                                            <input type="text" class="form-control" id="campoCargoReferencia">
                                            <div class="invalid-feedback" id="validacioCampoCargoReferencia">
    
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoFonoReferencia">Fono</label>
                                            <input type="text" class="form-control" id="campoFonoReferencia">
                                            <div class="invalid-feedback" id="validacioCampoFonoReferencia">
    
                                            </div>
                                        </div>
                                    </div>
    
                                    <button type="button" class="btn btn-primary" onclick="agregarReferencias()"> Añadir Referencia</button>
                                </fieldset>
    
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-referencias">
                                        <thead>
                                            <tr role="row">
                                                <th>#</th>
                                                <th>Nombre</th>
                                                <th>Empresa</th>
                                                <th>Cargo</th>
                                                <th>Fono</th>
                                                <th>Acción</th>
                                            </tr>
                                            <tr>
                                                <th id="mensajeErrorReferencias" colspan="6" class="text-center" style="background-color: #dc3545; color: white;display:none;">Debe indicar sus referencias laborales.</th>
                                            </tr>
                                        </thead>
                                        <tbody id="registroDeReferencias">
                                            <tr id="referenciasNoDisponibleEnLaTabla">
                                                <td colspan="6" class="text-center">No hay registros disponibles en la tabla</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div class="section-title">
                                <span>Ítem 11: Información Complementaria</span>
                                <span style="flex"><i id="iconoContenedorItemOnce" class="fas fa-minus-circle" style="cursor:pointer;"  onclick="toggleCollapseIcon(this,'contenedorItemOnce')"></i></span>
                            </div>

                            <div id="contenedorItemOnce">
                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label>Expectativa de Renta</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">$</span>
                                            </div>
                                            <input type="text" id="campoExpectativaDeRentaConFormato" class="form-control" name="Expectativa_renta_formato" value="{{ old('Expectativa_renta_formato') }}" onfocus="convertirElValorDeCampoMonetarioHaNumero(this,'campoExpectativaDeRentaNumero')" onblur="convertirElValorDeCampoMonetarioHaFormatoDeMoneda(this,'campoExpectativaDeRentaNumero')" onkeypress="return filtrarCamposParaQueSoloIngreseMontosMonetario(event,this)" onpaste="return false;" onCopy="return false" onCut="return false" autocomplete="off">
                                            <div class="input-group-append">
                                                <span class="input-group-text">(Renta Líquida)</span>
                                            </div>
                                        </div>
                                        
                                        <div class="invalid-feedback" id="validacionCampoExpectativaDeRentaConFormato">
        
                                        </div>
                                    </div>
                                    <input type="hidden" id="campoExpectativaDeRentaNumero" name="Expectativa_renta_numero" value="{{ old('Expectativa_renta_numero') }}">
                                </div>

                                <h5>La siguiente información debe ser completada sólo por postulantes a faena minera:</h5>

                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group clearfix">
                                        <label style="display: block;">Disponibilidad para trasladarse a otra región del país</label>
                                        <div class="form-check form-check-inline icheck-primary">
                                            <input class="form-check-input" type="radio" name="disponibilidad_traslado_region" id="disponibilidadTrasladoRegionSi" value="Si">
                                            <label class="form-check-label" for="disponibilidadTrasladoRegionSi">Si</label>
                                        </div>
                                        <div class="form-check form-check-inline icheck-primary">
                                            <input class="form-check-input" type="radio" name="disponibilidad_traslado_region" id="disponibilidadTrasladoRegionNo" value="No">
                                            <label class="form-check-label" for="disponibilidadTrasladoRegionNo">No</label>
                                        </div>
                                        <div class="invalid-feedback" id="validacionCampoDisponibilidadTrasladoRegion">
            
                                        </div>
                                    </div>

                                    <div class="form-group clearfix">
                                        <label style="display: block;">¿Posee examen de Altura Geográfica?</label>
                                        <div class="form-check form-check-inline icheck-primary">
                                            <input class="form-check-input" type="radio" name="posee_examen_altura_geografica" id="poseeExamenAlturaGeograficaSi" value="Si">
                                            <label class="form-check-label" for="poseeExamenAlturaGeograficaSi">Si</label>
                                        </div>
                                        <div class="form-check form-check-inline icheck-primary">
                                            <input class="form-check-input" type="radio" name="posee_examen_altura_geografica" id="poseeExamenAlturaGeograficaNo" value="No">
                                            <label class="form-check-label" for="poseeExamenAlturaGeograficaNo">No</label>
                                        </div>
                                        <div class="invalid-feedback" id="validacionCampoPoseeExamenAlturaGeografica">
            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class=" card-footer">
                            <button type="button" class="btn btn-primary" id="botonDeCreacion" onclick="crearFichaDePostulacion()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Crear  Ficha de Postulación</button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>

    <div class="modal fade" id="modalAgregarHerramientaDeOfimatica" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalAgregarHerramientaDeOfimatica">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalAgregarHerramientaDeOfimatica">Nueva Herramienta Ofimática</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Nombre Herramienta Ofimática</label>
                            <input type="text" id="campoNombreHerramientaOfimatica" class="form-control">
                            <div class="invalid-feedback" id="validacionCampoNombreHerramientaOfimatica">

                            </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="botonDeAgregarHerramientaOfimatica" onclick="agregarHerramientaOfimatica()">Agregar Herramienta Ofimática</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>
        .section-title {
            background-color: #007bff;
            color: white;
            padding: 10px 15px;
            border-radius: 5px;
            margin-bottom: 10px;
            font-size: 1.25rem;
            font-weight: 600;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .table-row {
            transition: all 0.2s ease;
            cursor: pointer;
            border-bottom: 1px solid #dee2e6;
        }
        
        .table-row:hover {
            background-color: #f8f9fa;
        }
        
        .table-row.selected {
            background-color: #e9ecef;
            border-left: 4px solid #0d6efd;
        }

        .table-row-nivel-estudios {
            transition: all 0.2s ease;
            cursor: pointer;
            border-bottom: 1px solid #dee2e6;
        }
        
        .table-row-nivel-estudios:hover {
            background-color: #f8f9fa;
        }
        
        .table-row-nivel-estudios.selected {
            background-color: #e9ecef;
            border-left: 4px solid #0d6efd;
        }

        .table-row-manega-ingles{
            transition: all 0.2s ease;
            cursor: pointer;
            border-bottom: 1px solid #dee2e6;
        }
        
        .table-row-manega-ingles:hover {
            background-color: #f8f9fa;
        }
        
        .table-row-manega-ingles.selected {
            background-color: #e9ecef;
            border-left: 4px solid #0d6efd;
        }

        .table-row-nivel-ingles{
            transition: all 0.2s ease;
            cursor: pointer;
            border-bottom: 1px solid #dee2e6;
        }
        
        .table-row-nivel-ingles:hover {
            background-color: #f8f9fa;
        }
        
        .table-row-nivel-ingles.selected {
            background-color: #e9ecef;
            border-left: 4px solid #0d6efd;
        }

        .table-row-tiene-discapacidad{
            transition: all 0.2s ease;
            cursor: pointer;
            border-bottom: 1px solid #dee2e6;
        }
        
        .table-row-tiene-discapacidad:hover {
            background-color: #f8f9fa;
        }
        
        .table-row-tiene-discapacidad.selected {
            background-color: #e9ecef;
            border-left: 4px solid #0d6efd;
        }

        .tabla-eliminar-fila{
            cursor: pointer;  
        }

        .tabla-eliminar-fila:hover{
            background-color: #e9ecef;
            border-left: 4px solid #dc3545;
            color: #dc3545;
        }

        .table-row-tiene-certificado-discapacidad{
            transition: all 0.2s ease;
            cursor: pointer;
            border-bottom: 1px solid #dee2e6;
        }
        
        .table-row-tiene-certificado-discapacidad:hover {
            background-color: #f8f9fa;
        }
        
        .table-row-tiene-certificado-discapacidad.selected {
            background-color: #e9ecef;
            border-left: 4px solid #0d6efd;
        }

        .table-row-tiene-familiar-discapacidad{
            transition: all 0.2s ease;
            cursor: pointer;
            border-bottom: 1px solid #dee2e6;
        }
        
        .table-row-tiene-familiar-discapacidad:hover {
            background-color: #f8f9fa;
        }
        
        .table-row-tiene-familiar-discapacidad.selected {
            background-color: #e9ecef;
            border-left: 4px solid #0d6efd;
        }

        .table-row-pertenece_pueblos_originarios{
            transition: all 0.2s ease;
            cursor: pointer;
            border-bottom: 1px solid #dee2e6;
        }
        
        .table-row-pertenece_pueblos_originarios:hover {
            background-color: #f8f9fa;
        }
        
        .table-row-pertenece_pueblos_originarios.selected {
            background-color: #e9ecef;
            border-left: 4px solid #0d6efd;
        }

        .table-row-seleccione-pueblo-originario{
            transition: all 0.2s ease;
            cursor: pointer;
            border-bottom: 1px solid #dee2e6;
        }
        
        .table-row-seleccione-pueblo-originario:hover {
            background-color: #f8f9fa;
        }
        
        .table-row-seleccione-pueblo-originario.selected {
            background-color: #e9ecef;
            border-left: 4px solid #0d6efd;
        }

        .table-row-tiene-certificado-conadi{
            transition: all 0.2s ease;
            cursor: pointer;
            border-bottom: 1px solid #dee2e6;
        }
        
        .table-row-tiene-certificado-conadi:hover {
            background-color: #f8f9fa;
        }
        
        .table-row-tiene-certificado-conadi.selected {
            background-color: #e9ecef;
            border-left: 4px solid #0d6efd;
        }

        .table-row-sufres-enfermedad{
            transition: all 0.2s ease;
            cursor: pointer;
            border-bottom: 1px solid #dee2e6;
        }
        
        .table-row-sufres-enfermedad:hover {
            background-color: #f8f9fa;
        }
        
        .table-row-sufres-enfermedad.selected {
            background-color: #e9ecef;
            border-left: 4px solid #0d6efd;
        }

        .table-row-seleccione-enfermedad{
            transition: all 0.2s ease;
            cursor: pointer;
            border-bottom: 1px solid #dee2e6;
        }
        
        .table-row-seleccione-enfermedad:hover {
            background-color: #f8f9fa;
        }
        
        .table-row-seleccione-enfermedad.selected {
            background-color: #e9ecef;
            border-left: 4px solid #0d6efd;
        }
    </style>
@stop

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

    <script>
        const datosSelectPicker=['campoEstadoCivil'];
        let indexFormacionAdemica= 0;
        let indexHerramientaOfimatica = 0;
        let indexUltimosEmpleadores= 0;
        let indexCargosEmpleadosAnteriormenteEnGuinez= 0;
        let indexFamiliaresTrabajanEnGuinez= 0;
        let indexFamiliaresTrabajanConContratista= 0;
        let indexFamiliaresTrabajanEnAreaDeInspeccion= 0;
        let indexContactosDeEmergencias= 0;
        let indexGrupoFamiliar= 0;
        let indexReferencias= 0;

        inicializarSelectPicker(datosSelectPicker);

        $('#campoTelefono').inputmask({
            mask: '+56 9 9999 9999',
            clearIncomplete: false,
            placeholder: ""
        });

        $('#campoOtroTelefono').inputmask({
            mask: '+56 9 9999 9999',
            clearIncomplete: false,
            placeholder: ""
        });

        $('#campoTelefonoEmergencia').inputmask({
            mask: '+56 9 9999 9999',
            clearIncomplete: false,
            placeholder: ""
        });

        $('#campoCelularEmergencia').inputmask({
            mask: '+56 9 9999 9999',
            clearIncomplete: false,
            placeholder: ""
        });

        $('#campoFonoReferencia').inputmask({
            mask: '+56 9 9999 9999',
            clearIncomplete: false,
            placeholder: ""
        });

        function toggleCollapseIcon(icon, idContenedor) {
            if (icon.classList.contains('fa-plus-circle')) {
                icon.classList.remove('fa-plus-circle');
                icon.classList.add('fa-minus-circle');
                document.getElementById(idContenedor).style.display="block";
            } else {
                icon.classList.remove('fa-minus-circle');
                icon.classList.add('fa-plus-circle');
                document.getElementById(idContenedor).style.display="none";
            }
        }

        function cambiarCampoRutHaNumero(campo) {
            campo.setAttribute("maxlength", "9");
            switch (campo.value.length) {
                case 2:
                    var rutNumerico = campo.value.slice(1, 2);
                    campo.value = rutNumerico;
                    break;
                case 3:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(2, 3);
                    campo.value = rutNumerico1 + rutNumerico2;
                    break;
                case 4:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(3, 4);
                    campo.value = rutNumerico1 + rutNumerico2;
                    break;
                case 5:
                    var rutNumerico1 = campo.value.slice(0, 3);
                    var rutNumerico2 = campo.value.slice(4, 5);
                    campo.value = rutNumerico1 + rutNumerico2;
                    break;
                case 7:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(2, 5);
                    var rutNumerico3 = campo.value.slice(6, 7);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3;
                    break;
                case 8:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(3, 6);
                    var rutNumerico3 = campo.value.slice(7, 8);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3;
                    break;
                case 9:
                    var rutNumerico1 = campo.value.slice(0, 3);
                    var rutNumerico2 = campo.value.slice(4, 7);
                    var rutNumerico3 = campo.value.slice(8, 9);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3;
                    break;
                case 11:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(2, 5);
                    var rutNumerico3 = campo.value.slice(6, 9);
                    var rutNumerico4 = campo.value.slice(10, 11);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3 + rutNumerico4;
                    break;
                case 12:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(3, 6);
                    var rutNumerico3 = campo.value.slice(7, 10);
                    var rutNumerico4 = campo.value.slice(11, 12);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3 + rutNumerico4;
                    break;
            }
        }

        function cambiarCampoRutHaTexto(campo) {
            campo.setAttribute("maxlength", "12");
            switch (campo.value.length) {
                case 1:
                    var rutNumerico = campo.value;
                    campo.value = "-" + rutNumerico;
                    break;
                case 2:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(1, 2);
                    campo.value = rutNumerico1 + "-" + rutNumerico2;
                    break;
                case 3:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(2, 3);
                    campo.value = rutNumerico1 + "-" + rutNumerico2;
                    break;
                case 4:
                    var rutNumerico1 = campo.value.slice(0, 3);
                    var rutNumerico2 = campo.value.slice(3, 4);
                    campo.value = rutNumerico1 + "-" + rutNumerico2;
                    break;
                case 5:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(1, 4);
                    var rutNumerico3 = campo.value.slice(4, 5);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "-" + rutNumerico3;
                    break;
                case 6:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(2, 5);
                    var rutNumerico3 = campo.value.slice(5, 6);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "-" + rutNumerico3;
                    break;
                case 7:
                    var rutNumerico1 = campo.value.slice(0, 3);
                    var rutNumerico2 = campo.value.slice(3, 6);
                    var rutNumerico3 = campo.value.slice(6, 7);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "-" + rutNumerico3;
                    break;
                case 8:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(1, 4);
                    var rutNumerico3 = campo.value.slice(4, 7);
                    var rutNumerico4 = campo.value.slice(7, 8);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "." + rutNumerico3 + "-" + rutNumerico4;
                    break;
                case 9:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(2, 5);
                    var rutNumerico3 = campo.value.slice(5, 8);
                    var rutNumerico4 = campo.value.slice(8, 9);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "." + rutNumerico3 + "-" + rutNumerico4;
                    break;
            }
        }

        function ingresoDeSoloCaracteresValidosParaRut(event,campoRut) {
            if (event.key != 1 && event.key != 2 && event.key != 3 && event.key != 4 && event.key != 5 && event.key != 6 && event.key != 7 && event.key != 8 && event.key != 9 && event.key != 0 && event.key != "k" && event.key != "K") {
                return false;
            } else {
                if (campoRut.value.length > 8) {
                    return false;
                } else {
                    return true;
                }
            }
        }
    </script>

    <script>
        function habilitarCampoPais(nacionalidad) {
            const campoPais = document.getElementById('campoPais');
            if (nacionalidad.value === 'Extranjero') {
                campoPais.removeAttribute('readonly');
                campoPais.value = '';
            } else {
                campoPais.setAttribute('readonly', 'true');
                campoPais.value = '';
            }
        }

        function habilitarCamposLicencia(licencia) {
            const claseLicencia = document.getElementById('campoClaseLicencia');
            const fechaExpiracionLicencia = document.getElementById('campoFechaExpiracionLicencia');

            if (licencia.value === 'Si') {
                claseLicencia.removeAttribute('readonly');
                fechaExpiracionLicencia.removeAttribute('readonly');
                claseLicencia.value = '';
                fechaExpiracionLicencia.value = '';
            } else {
                claseLicencia.setAttribute('readonly', 'true');
                fechaExpiracionLicencia.setAttribute('readonly', 'true');
                claseLicencia.value = '';
                fechaExpiracionLicencia.value = '';
            }
        }

        function seleccionarFilaNivelDeEstudio(fila) {
            // Remover selección anterior
            document.querySelectorAll('.table-row-nivel-estudios').forEach(item => {
                item.classList.remove('selected');
                item.querySelector('.form-check-input').checked = false;
            });
            
            // Agregar nueva selección
            fila.classList.add('selected');
            fila.querySelector('.form-check-input').checked = true;
        }

        function seleccionarFilaManegoIngles(fila) {
            // Remover selección anterior
            document.querySelectorAll('.table-row-manega-ingles').forEach(item => {
                item.classList.remove('selected');
                item.querySelector('.form-check-input').checked = false;

                document.getElementById("filaNivelInglesBasicoCero").style.display = 'none';
                document.getElementById("filaNivelInglesBasicoUno").style.display = 'none';
                document.getElementById("filaNivelInglesBasicoDos").style.display = 'none';

                document.querySelectorAll('#filaNivelInglesBasicoUno .table-row-nivel-ingles').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });

                document.querySelectorAll('#filaNivelInglesBasicoDos .table-row-nivel-ingles').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });
            });
            
            // Agregar nueva selección
            fila.classList.add('selected');
            fila.querySelector('.form-check-input').checked = true;

            if(fila.querySelector('.form-check-input').value === 'Si'){
                document.getElementById("filaNivelInglesBasicoCero").style.display = 'table-row';
                document.getElementById("filaNivelInglesBasicoUno").style.display = 'table-row';
                document.getElementById("filaNivelInglesBasicoDos").style.display = 'table-row';
            }
        }

        function seleccionarFilaNivelDeingles(fila) {
            // Remover selección anterior
            document.querySelectorAll('.table-row-nivel-ingles').forEach(item => {
                item.classList.remove('selected');
                item.querySelector('.form-check-input').checked = false;
            });
            
            // Agregar nueva selección
            fila.classList.add('selected');
            fila.querySelector('.form-check-input').checked = true;
        }

        function seleccionarFilaNivelHerramientaOfimatica(fila, claseColumna) {
            // Remover selección anterior
            document.querySelectorAll('.'+claseColumna).forEach(item => {
                item.classList.remove('selected');
                item.querySelector('.form-check-input').checked = false;
            });
            
            // Agregar nueva selección
            fila.classList.add('selected');
            fila.querySelector('.form-check-input').checked = true;
        }
    </script>

    <script>
        function convertirElValorDeCampoMonetarioHaNumero(campo,idCampo) {
            if (campo.value.length > 0) {
                campo.value = document.getElementById(idCampo).value;
            }
        }
    
        function convertirElValorDeCampoMonetarioHaFormatoDeMoneda(campo,idCampo) {
            if (campo.value.trim() != "") {
                if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                    campo.value = campo.value.substr(1);
                }

                let valorParaParsearHaIntegerCLP = campo.value.replace(",", ".");
                document.getElementById(idCampo).value = parseInt(valorParaParsearHaIntegerCLP);
                campo.value = campo.value.replace(",", ".");
                let formatoMonedaCLP = new Intl.NumberFormat("es-CL", {
                    style: "currency",
                    currency: "CLP",
                })

                let valorCLP = formatoMonedaCLP.format(campo.value);
                valorCLP = valorCLP.replace("$", "");
                valorCLP = valorCLP.replace("CLP", "");
                campo.value = valorCLP;
            }
        }

        function agregarPalabra(campo,palabra){
            if (campo.value.trim().length > 0) {
                let valorFormateado = campo.value.replace(".", ",");
                campo.value = valorFormateado + " "+palabra;
            } else {
                campo.value = "";
            }
        }
        
        function quitarPalabra(campo,palabra){
            if (campo.value.trim().length > 0) {
                if (campo.value.indexOf(palabra) != -1 || campo.value.indexOf(" "+palabra) != -1) {
                    campo.value=campo.value.replace(palabra, "").trim();
                } 
            } else {
                campo.value = "";
            }
        }
    </script>

    <script>
        function habilitarCamposHeTrabajadoEnGuinez(campo) {
            if (campo.value === 'Si') {
                document.getElementById("contenedorHaTrabajadoGuinez").classList.remove('d-none');
            } else {
                document.getElementById("cargoDesarrolladoHaTrabajoGuinez").value = "";
                document.getElementById("validacioCargoDesarrolladoHaTrabajoGuinez").innerHTML = "";
                document.getElementById("cargoDesarrolladoHaTrabajoGuinez").setAttribute("class", "form-control"); 

                document.getElementById("campoContratoFaenaHaTrabajoGuinez").value = "";
                document.getElementById("validacioCampoContratoFaenaHaTrabajoGuinez").innerHTML = "";
                document.getElementById("campoContratoFaenaHaTrabajoGuinez").setAttribute("class", "form-control"); 

                document.getElementById("campoJefaturaDirectaHaTrabajoGuinez").value = "";
                document.getElementById("validacioCampoJefaturaDirectaHaTrabajoGuinez").innerHTML = "";
                document.getElementById("campoJefaturaDirectaHaTrabajoGuinez").setAttribute("class", "form-control"); 

                document.getElementById("campoPeriodoHaTrabajoGuinez").value = "";
                document.getElementById("validacioCampoPeriodoHaTrabajoGuinez").innerHTML = "";
                document.getElementById("campoPeriodoHaTrabajoGuinez").setAttribute("class", "form-control"); 

                document.getElementById("campoMotivoAlejamientoHaTrabajoGuinez").value = "";
                document.getElementById("validacionCampoMotivoAlejamientoHaTrabajoGuinez").innerHTML = "";
                document.getElementById("campoMotivoAlejamientoHaTrabajoGuinez").setAttribute("class", "form-control");

                indexCargosEmpleadosAnteriormenteEnGuinez = 0;
                document.getElementById("registroDeHaTrabajadoGuinez").innerHTML ='<tr id="haTrabajadoGuinezNoDisponibleEnLaTabla"><td colspan="7" class="text-center">No hay registros disponibles en la tabla</td></tr>';

                document.getElementById("contenedorHaTrabajadoGuinez").classList.add('d-none');
            }
        }

        function habilitarCamposFamiliarTrabajanEnGuinez(campo) {
            if (campo.value === 'Si') {
                document.getElementById("contenedorFamiliarTrabajaEnGuinez").classList.remove('d-none');
            } else {
                document.getElementById("campoNombreFamiliarTrabajaEnGuinez").value = "";
                document.getElementById("validacionCampoNombreFamiliarTrabajaEnGuinez").innerHTML = "";
                document.getElementById("campoNombreFamiliarTrabajaEnGuinez").setAttribute("class", "form-control"); 

                document.getElementById("campoContratoFaenaFamiliarTrabajaEnGuinez").value = "";
                document.getElementById("validacioCampoContratoFaenaFamiliarTrabajaEnGuinez").innerHTML = "";
                document.getElementById("campoContratoFaenaFamiliarTrabajaEnGuinez").setAttribute("class", "form-control"); 

                document.getElementById("campoParentescoFamiliarTrabajaEnGuinez").value = "";
                document.getElementById("validacioCampoParentescoFamiliarTrabajaEnGuinez").innerHTML = "";
                document.getElementById("campoParentescoFamiliarTrabajaEnGuinez").setAttribute("class", "form-control"); 

                indexFamiliaresTrabajanEnGuinez = 0;
                document.getElementById("registroDeFamiliarTrabajaEnGuinez").innerHTML ='<tr id="familiarTrabajaEnGuinezNoDisponibleEnLaTabla"><td colspan="5" class="text-center">No hay registros disponibles en la tabla</td></tr>';

                document.getElementById("contenedorFamiliarTrabajaEnGuinez").classList.add('d-none');
            }
        }

        function habilitarCamposFamiliarTrabajanEnContratista(campo) {
            if (campo.value === 'Si') {
                document.getElementById("contenedorFamiliarTrabajaConContratista").classList.remove('d-none');
            } else {
                document.getElementById("campoNombreFamiliarTrabajaConContratista").value = "";
                document.getElementById("validacionCampoNombreFamiliarTrabajaConContratista").innerHTML = "";
                document.getElementById("campoNombreFamiliarTrabajaConContratista").setAttribute("class", "form-control"); 

                document.getElementById("campoEmpresaFamiliarTrabajaConContratista").value = "";
                document.getElementById("validacioCampoEmpresaFamiliarTrabajaConContratista").innerHTML = "";
                document.getElementById("campoEmpresaFamiliarTrabajaConContratista").setAttribute("class", "form-control"); 

                document.getElementById("campoParentescoFamiliarTrabajaConContratista").value = "";
                document.getElementById("validacioCampoParentescoFamiliarTrabajaConContratista").innerHTML = "";
                document.getElementById("campoParentescoFamiliarTrabajaConContratista").setAttribute("class", "form-control"); 

                indexFamiliaresTrabajanConContratista = 0;
                document.getElementById("registroDeFamiliarTrabajaConContratista").innerHTML ='<tr id="familiarTrabajaEConContratistaNoDisponibleEnLaTabla"><td colspan="5" class="text-center">No hay registros disponibles en la tabla</td></tr>';

                document.getElementById("contenedorFamiliarTrabajaConContratista").classList.add('d-none');
            }
        }

        function habilitarCamposFamiliarTrabajanEnAreaDeInspeccion(campo) {
            if (campo.value === 'Si') {
                document.getElementById("contenedorFamiliarTrabajaAreaInspeccion").classList.remove('d-none');
            } else {
                document.getElementById("campoNombreFamiliarTrabajaAreaInspeccion").value = "";
                document.getElementById("validacionCampoNombreFamiliarTrabajaAreaInspeccion").innerHTML = "";
                document.getElementById("campoNombreFamiliarTrabajaAreaInspeccion").setAttribute("class", "form-control"); 

                document.getElementById("campoEmpresaFamiliarTrabajaAreaInspeccion").value = "";
                document.getElementById("validacioCampoEmpresaFamiliarTrabajaAreaInspeccion").innerHTML = "";
                document.getElementById("campoEmpresaFamiliarTrabajaAreaInspeccion").setAttribute("class", "form-control"); 

                document.getElementById("campoParentescoFamiliarTrabajaAreaInspeccion").value = "";
                document.getElementById("validacioCampoParentescoFamiliarTrabajaAreaInspeccion").innerHTML = "";
                document.getElementById("campoParentescoFamiliarTrabajaAreaInspeccion").setAttribute("class", "form-control"); 

                indexFamiliaresTrabajanEnAreaDeInspeccion = 0;
                document.getElementById("registroDeFamiliarTrabajaAreaInspeccion").innerHTML ='<tr id="familiarTrabajaAreaInspeccionNoDisponibleEnLaTabla"><td colspan="5" class="text-center">No hay registros disponibles en la tabla</td></tr>';

                document.getElementById("contenedorFamiliarTrabajaAreaInspeccion").classList.add('d-none');
            }
        }
    </script>

    <script>
        function seleccionarFilaTieneDiscapacidad(fila) {
            // Remover selección anterior
            document.querySelectorAll('.table-row-tiene-discapacidad').forEach(item => {
                item.classList.remove('selected');
                item.querySelector('.form-check-input').checked = false;

                document.getElementById("filaTituloCertificadoDeDiscapacidad").style.display = 'none';
                document.getElementById("filaValorCertificadoDeDiscapacidad").style.display = 'none';
                document.getElementById("filaTituloFamiliarConDiscapacidad").style.display = 'none';
                document.getElementById("filaValorFamiliarConDiscapacidad").style.display = 'none';

                document.querySelectorAll('#filaValorCertificadoDeDiscapacidad .table-row-tiene-certificado-discapacidad').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });

                document.querySelectorAll('#filaValorFamiliarConDiscapacidad .table-row-tiene-familiar-discapacidad').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });
            });
            
            // Agregar nueva selección
            fila.classList.add('selected');
            fila.querySelector('.form-check-input').checked = true;

            if(fila.querySelector('.form-check-input').value === 'Si'){
                document.getElementById("filaTituloCertificadoDeDiscapacidad").style.display = 'table-row';
                document.getElementById("filaValorCertificadoDeDiscapacidad").style.display = 'table-row';
                document.getElementById("filaTituloFamiliarConDiscapacidad").style.display = 'table-row';
                document.getElementById("filaValorFamiliarConDiscapacidad").style.display = 'table-row';
            }
        }

        function seleccionarFilaTieneCertificadoDeDiscapacidad(fila) {
            // Remover selección anterior
            document.querySelectorAll('.table-row-tiene-certificado-discapacidad').forEach(item => {
                item.classList.remove('selected');
                item.querySelector('.form-check-input').checked = false;
            });
            
            // Agregar nueva selección
            fila.classList.add('selected');
            fila.querySelector('.form-check-input').checked = true;
        }

        function seleccionarFilaTieneFamiliarConDiscapacidad(fila) {
            // Remover selección anterior
            document.querySelectorAll('.table-row-tiene-familiar-discapacidad').forEach(item => {
                item.classList.remove('selected');
                item.querySelector('.form-check-input').checked = false;
            });
            
            // Agregar nueva selección
            fila.classList.add('selected');
            fila.querySelector('.form-check-input').checked = true;
        }
    </script>

    <script>
        function seleccionarFilPertenecePueblosOriginarios(fila) {
            // Remover selección anterior
            document.querySelectorAll('.table-row-pertenece_pueblos_originarios').forEach(item => {
                item.classList.remove('selected');
                item.querySelector('.form-check-input').checked = false;

                document.getElementById("filaTituloSeleccionePuebloOriginarios").style.display = 'none';
                document.getElementById("filaValorSeleccionePuebloOriginariosUno").style.display = 'none';
                document.getElementById("filaValorSeleccionePuebloOriginariosDos").style.display = 'none';
                document.getElementById("filaValorSeleccionePuebloOriginariosTres").style.display = 'none';
                document.getElementById("filaValorSeleccionePuebloOriginariosCuatro").style.display = 'none';
                document.getElementById("filaValorSeleccionePuebloOriginariosCinco").style.display = 'none';
                document.getElementById("filaTituloCertificadoConadi").style.display = 'none';
                document.getElementById("filaValorCertificadoConadi").style.display = 'none';

                document.querySelectorAll('#filaValorSeleccionePuebloOriginariosUno .table-row-seleccione-pueblo-originario').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });

                document.querySelectorAll('#filaValorSeleccionePuebloOriginariosDos .table-row-seleccione-pueblo-originario').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });

                document.querySelectorAll('#filaValorSeleccionePuebloOriginariosTres .table-row-seleccione-pueblo-originario').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });

                document.querySelectorAll('#filaValorSeleccionePuebloOriginariosCuatro .table-row-seleccione-pueblo-originario').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });

                document.querySelectorAll('#filaValorSeleccionePuebloOriginariosCinco .table-row-seleccione-pueblo-originario').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });

                document.querySelectorAll('#filaValorCertificadoConadi .table-row-tiene-certificado-conadi').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });
            });
            
            // Agregar nueva selección
            fila.classList.add('selected');
            fila.querySelector('.form-check-input').checked = true;

            if(fila.querySelector('.form-check-input').value === 'Si'){
                document.getElementById("filaTituloSeleccionePuebloOriginarios").style.display = 'table-row';
                document.getElementById("filaValorSeleccionePuebloOriginariosUno").style.display = 'table-row';
                document.getElementById("filaValorSeleccionePuebloOriginariosDos").style.display = 'table-row';
                document.getElementById("filaValorSeleccionePuebloOriginariosTres").style.display = 'table-row';
                document.getElementById("filaValorSeleccionePuebloOriginariosCuatro").style.display = 'table-row';
                document.getElementById("filaValorSeleccionePuebloOriginariosCinco").style.display = 'table-row';
                document.getElementById("filaTituloCertificadoConadi").style.display = 'table-row';
                document.getElementById("filaValorCertificadoConadi").style.display = 'table-row';
            }
        }

        function seleccionarFilaSeleccionePuebloOriginario(fila) {
            // Remover selección anterior
            document.querySelectorAll('.table-row-seleccione-pueblo-originario').forEach(item => {
                item.classList.remove('selected');
                item.querySelector('.form-check-input').checked = false;
            });
            
            // Agregar nueva selección
            fila.classList.add('selected');
            fila.querySelector('.form-check-input').checked = true;
        }

        function seleccionarFilaTieneCertificadoConadi(fila) {
            // Remover selección anterior
            document.querySelectorAll('.table-row-tiene-certificado-conadi').forEach(item => {
                item.classList.remove('selected');
                item.querySelector('.form-check-input').checked = false;
            });
            
            // Agregar nueva selección
            fila.classList.add('selected');
            fila.querySelector('.form-check-input').checked = true;
        }
    </script>

    <script>
        function seleccionarFilSufresEnfermedades(fila) {
            // Remover selección anterior
            document.querySelectorAll('.table-row-sufres-enfermedad').forEach(item => {
                item.classList.remove('selected');
                item.querySelector('.form-check-input').checked = false;

                document.getElementById("filaTituloSeleccioneEnfermedades").style.display = 'none';
                document.getElementById("filaValorSeleccioneEnfermedadUno").style.display = 'none';
                document.getElementById("filaValorSeleccioneEnfermedadDos").style.display = 'none';
                document.getElementById("filaValorSeleccioneEnfermedadTres").style.display = 'none';
                document.getElementById("filaValorSeleccioneEnfermedadCuatro").style.display = 'none';

                document.querySelectorAll('#filaValorSeleccioneEnfermedadUno .table-row-seleccione-enfermedad').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });

                document.querySelectorAll('#filaValorSeleccioneEnfermedadDos .table-row-seleccione-enfermedad').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });

                document.querySelectorAll('#filaValorSeleccioneEnfermedadTres .table-row-seleccione-enfermedad').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });

                document.querySelectorAll('#filaValorSeleccioneEnfermedadCuatro .table-row-seleccione-enfermedad').forEach(subitem => {
                    subitem.classList.remove('selected');
                    subitem.querySelector('.form-check-input').checked = false;
                });
            });
            
            // Agregar nueva selección
            fila.classList.add('selected');
            fila.querySelector('.form-check-input').checked = true;

            if(fila.querySelector('.form-check-input').value === 'Si'){
                document.getElementById("filaTituloSeleccioneEnfermedades").style.display = 'table-row';
                document.getElementById("filaValorSeleccioneEnfermedadUno").style.display = 'table-row';
                document.getElementById("filaValorSeleccioneEnfermedadDos").style.display = 'table-row';
                document.getElementById("filaValorSeleccioneEnfermedadTres").style.display = 'table-row';
                document.getElementById("filaValorSeleccioneEnfermedadCuatro").style.display = 'table-row';
            }
        }

        function seleccionarFilaSeleccioneEnfermedades(fila) {
            fila.querySelector('.form-check-input').addEventListener('click', function(event) {
                event.preventDefault();
            });

            if(fila.querySelector('.form-check-input').checked == true){
                fila.classList.remove('selected');
                fila.querySelector('.form-check-input').checked = false;

                if(fila.querySelector('.form-check-input').value=="Otra"){
                    document.getElementById("contenedorCampoOtraEnfermedad").style.display="none";
                    document.getElementById("campoOtraEnfermedad").value="";
                }
            }else{
                fila.classList.add('selected');
                fila.querySelector('.form-check-input').checked = true;

                if(fila.querySelector('.form-check-input').value=="Otra"){
                    document.getElementById("contenedorCampoOtraEnfermedad").style.display="block";
                    document.getElementById("campoOtraEnfermedad").value="";
                }
            }
        }
    </script>

    <script>
        function agregarFormacionAdemica(){
            const profesion = document.getElementById('campoProfesionFormacionAcademica').value.trim();
            const institucion = document.getElementById('campoInstitucionFormacionAcademica').value.trim();
            const anoTitulo = document.getElementById('campoAnoTituloFormacionAcademica').value.trim();

            if (profesion.length > 0 && institucion.length > 0 && anoTitulo.length > 0) {
                indexFormacionAdemica++;
                if (document.getElementById("formacionAcademicoNoDisponibleEnLaTabla")) {
                    document.getElementById("formacionAcademicoNoDisponibleEnLaTabla").remove();
                }

                document.getElementById("registroDeFormacionAcademico").innerHTML+= `
                    <td class='tabla-contador-formacion-academica'>${indexFormacionAdemica}</td>
                    <td class='tabla-profesion-formacion-academica'>${profesion}</td>
                    <td class='tabla-institucion-formacion-academica'>${institucion}</td>
                    <td class='tabla-ano-titulo-formacion-academica'>${anoTitulo}</td>
                    <td class='tabla-accion-formacion-academica'>
                        <button onclick="habilitarBotonConfirmarEliminacionFormacionAcademica(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>
                        <button onclick="eliminarFilaFormacionAcademica(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-formacion-academica mr-1">Confirmar</button>
                    </td>
                `;

                document.getElementById("campoProfesionFormacionAcademica").value = "";
                document.getElementById("validacioCampoProfesionFormacionAcademica").innerHTML = "";
                document.getElementById("campoProfesionFormacionAcademica").setAttribute("class", "form-control"); 

                document.getElementById("campoInstitucionFormacionAcademica").value = "";
                document.getElementById("validacioCampoInstitucionFormacionAcademica").innerHTML = "";
                document.getElementById("campoInstitucionFormacionAcademica").setAttribute("class", "form-control"); 

                document.getElementById("campoAnoTituloFormacionAcademica").value = "";
                document.getElementById("validacioCampoAnoTituloFormacionAcademica").innerHTML = "";
                document.getElementById("campoAnoTituloFormacionAcademica").setAttribute("class", "form-control"); 
            }else{
                if (profesion.length > 0) {
                    document.getElementById("campoProfesionFormacionAcademica").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoProfesionFormacionAcademica").innerHTML = "";
                } else {
                    document.getElementById("campoProfesionFormacionAcademica").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoProfesionFormacionAcademica").innerHTML = "El campo profesión/título/posgrado es obligatorio";
                }

                if (institucion.length > 0) {
                    document.getElementById("campoInstitucionFormacionAcademica").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoInstitucionFormacionAcademica").innerHTML = "";
                } else {
                    document.getElementById("campoInstitucionFormacionAcademica").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoInstitucionFormacionAcademica").innerHTML = "El campo institución es obligatorio";
                }

                if (anoTitulo.length > 0) {
                    document.getElementById("campoAnoTituloFormacionAcademica").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoAnoTituloFormacionAcademica").innerHTML = "";
                } else {
                    document.getElementById("campoAnoTituloFormacionAcademica").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoAnoTituloFormacionAcademica").innerHTML = "El campo año título es obligatorio";
                }
            }
        }

        function deshabilitarBotonesConfirmarEliminacionFormacionAcademica() {
            let botones = document.querySelectorAll(".boton-confirmar-formacion-academica");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }
        
        function habilitarBotonConfirmarEliminacionFormacionAcademica(boton) {
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionFormacionAcademica();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionFormacionAcademica();
                }
            }
        }

        function eliminarFilaFormacionAcademica(boton) {
            const elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            indexFormacionAdemica = 0;
            const filas = document.getElementById('tabla-formacion-academica').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    indexFormacionAdemica++;
                    elemento.querySelector(".tabla-contador-formacion-academica").innerHTML = indexFormacionAdemica;
                });
            }else{
                document.getElementById("registroDeFormacionAcademico").innerHTML ='<tr id="formacionAcademicoNoDisponibleEnLaTabla"><td colspan="5" class="text-center">No hay registros disponibles en la tabla</td></tr>';
            }
        }
    </script>

    <script>
        function abrirModalAgregarHerramientaOfimatica() {
            document.getElementById("campoNombreHerramientaOfimatica").value = "";
            document.getElementById("validacionCampoNombreHerramientaOfimatica").innerHTML = "";
            document.getElementById("campoNombreHerramientaOfimatica").setAttribute("class", "form-control");

            $('#modalAgregarHerramientaDeOfimatica').modal('show');
        }

        function agregarHerramientaOfimatica() {
            indexHerramientaOfimatica++;
            const nombreHerramienta = document.getElementById("campoNombreHerramientaOfimatica").value.trim();

            if (nombreHerramienta.length > 0) {
                const nuevoRegistro = `
                    <tr>
                        <td class='tabla-nombre-herramienta-ofimatica'>${nombreHerramienta}</td>
                        <td class="tabla-eliminar-fila text-center" onclick="eliminarFilaHerramientaOfimatica(this)"><i class="fas fa-trash mt-2"></i></td>
                        <td class="table-row table-row-herramienta-${indexHerramientaOfimatica} text-center tabla-basico-herramienta-ofimatica" onclick="seleccionarFilaNivelHerramientaOfimatica(this,'table-row-herramienta-${indexHerramientaOfimatica}')">
                            <div class="form-check form-check-inline icheck-primary">
                                <input class="form-check-input" type="radio" id="herramienta${indexHerramientaOfimatica}Basica" value="Básico" name="herramienta-${indexHerramientaOfimatica}">
                                <label class="form-check-label" for="herramienta${indexHerramientaOfimatica}Basica"></label>
                            </div>
                        </td>
                        <td class="table-row table-row-herramienta-${indexHerramientaOfimatica} text-center tabla-medio-herramienta-ofimatica" onclick="seleccionarFilaNivelHerramientaOfimatica(this,'table-row-herramienta-${indexHerramientaOfimatica}')">
                            <div class="form-check form-check-inline icheck-primary">
                                <input class="form-check-input" type="radio" id="herramienta${indexHerramientaOfimatica}Medio" value="Medio" name="herramienta-${indexHerramientaOfimatica}">
                                <label class="form-check-label" for="herramienta${indexHerramientaOfimatica}Medio"></label>
                            </div>
                        </td>
                        <td class="table-row table-row-herramienta-${indexHerramientaOfimatica} text-center tabla-alto-herramienta-ofimatica" onclick="seleccionarFilaNivelHerramientaOfimatica(this,'table-row-herramienta-${indexHerramientaOfimatica}')">
                            <div class="form-check form-check-inline icheck-primary">
                                <input class="form-check-input" type="radio" id="herramienta${indexHerramientaOfimatica}Alto" value="Alto" name="herramienta-${indexHerramientaOfimatica}">
                                <label class="form-check-label" for="herramienta${indexHerramientaOfimatica}Alto"></label>
                            </div>
                        </td>
                    </tr>`;

                document.getElementById("registroDeHerramientasOfimatica").insertAdjacentHTML('beforeend', nuevoRegistro);
                $('#modalAgregarHerramientaDeOfimatica').modal('hide');
            } else {
                document.getElementById("campoNombreHerramientaOfimatica").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoNombreHerramientaOfimatica").innerHTML = "El campo nombre herramienta ofimática es obligatorio";
            }
        }

        function eliminarFilaHerramientaOfimatica(celda){
            const fila = celda.parentElement;
            fila.remove();
        }
    </script>

    <script>
        function agregarUltimoEmpleador(){
            const empresa = document.getElementById('campoEmpresaUltimoEmpleador').value.trim();
            const cargo = document.getElementById('campoCargoUltimoEmpleador').value.trim();
            const periodo = document.getElementById('campoPeriodoUltimoEmpleador').value.trim();
            const motivoTermino = document.getElementById('campoMotivoTerminoUltimoEmpleador').value.trim();

            if (empresa.length > 0 && cargo.length > 0 && periodo.length > 0 && motivoTermino.length > 0) {
                indexUltimosEmpleadores++;
                if (document.getElementById("ultimosEmpleadoresNoDisponibleEnLaTabla")) {
                    document.getElementById("ultimosEmpleadoresNoDisponibleEnLaTabla").remove();
                }

                document.getElementById("registroDeUltimosEmpleadores").innerHTML+= `
                    <td class='tabla-contador-ultimo-empleador'>${indexUltimosEmpleadores}</td>
                    <td class='tabla-empresa-ultimo-empleador'>${empresa}</td>
                    <td class='tabla-cargo-ultimo-empleador'>${cargo}</td>
                    <td class='tabla-periodo-ultimo-empleador'>${periodo}</td>
                    <td class='tabla-motivo-ultimo-empleador'>${motivoTermino}</td>
                    <td class='tabla-accion-ultimo-empleador'>
                        <button onclick="habilitarBotonConfirmarEliminacionUltimoEmpleador(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>
                        <button onclick="eliminarFilaUltimoEmpleador(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-ultimo-empleador mr-1">Confirmar</button>
                    </td>
                `;

                document.getElementById("campoEmpresaUltimoEmpleador").value = "";
                document.getElementById("validacioCampoEmpresaUltimoEmpleador").innerHTML = "";
                document.getElementById("campoEmpresaUltimoEmpleador").setAttribute("class", "form-control"); 

                document.getElementById("campoCargoUltimoEmpleador").value = "";
                document.getElementById("validacioCampoCargoUltimoEmpleador").innerHTML = "";
                document.getElementById("campoCargoUltimoEmpleador").setAttribute("class", "form-control"); 

                document.getElementById("campoPeriodoUltimoEmpleador").value = "";
                document.getElementById("validacioCampoPeriodoUltimoEmpleador").innerHTML = "";
                document.getElementById("campoPeriodoUltimoEmpleador").setAttribute("class", "form-control"); 

                document.getElementById("campoMotivoTerminoUltimoEmpleador").value = "";
                document.getElementById("validacionCampoMotivoTerminoUltimoEmpleador").innerHTML = "";
                document.getElementById("campoMotivoTerminoUltimoEmpleador").setAttribute("class", "form-control");
            }else{
                if (empresa.length > 0) {
                    document.getElementById("campoEmpresaUltimoEmpleador").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoEmpresaUltimoEmpleador").innerHTML = "";
                } else {
                    document.getElementById("campoEmpresaUltimoEmpleador").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoEmpresaUltimoEmpleador").innerHTML = "El campo empresa es obligatorio";
                }

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

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

                if (motivoTermino.length > 0) {
                    document.getElementById("campoMotivoTerminoUltimoEmpleador").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoMotivoTerminoUltimoEmpleador").innerHTML = "";
                } else {
                    document.getElementById("campoMotivoTerminoUltimoEmpleador").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoMotivoTerminoUltimoEmpleador").innerHTML = "El campo motivo término es obligatorio";
                }
            }
        }

        function deshabilitarBotonesConfirmarEliminacionUltimoEmpleador() {
            let botones = document.querySelectorAll(".boton-confirmar-ultimo-empleador");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }
        
        function habilitarBotonConfirmarEliminacionUltimoEmpleador(boton) {
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionUltimoEmpleador();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionUltimoEmpleador();
                }
            }
        }

        function eliminarFilaUltimoEmpleador(boton) {
            const elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            indexUltimosEmpleadores = 0;
            const filas = document.getElementById('tabla-ultimos-empleadores').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    indexUltimosEmpleadores++;
                    elemento.querySelector(".tabla-contador-ultimo-empleador").innerHTML = indexUltimosEmpleadores;
                });
            }else{
                document.getElementById("registroDeUltimosEmpleadores").innerHTML ='<tr id="ultimosEmpleadoresNoDisponibleEnLaTabla"><td colspan="6" class="text-center">No hay registros disponibles en la tabla</td></tr>';
            }
        }
    </script>

    <script>
        function agregarCargosEmpleadosAnteriormenteEnGuinez(){
            const cargo = document.getElementById('cargoDesarrolladoHaTrabajoGuinez').value.trim();
            const contrato = document.getElementById('campoContratoFaenaHaTrabajoGuinez').value.trim();
            const jefatura = document.getElementById('campoJefaturaDirectaHaTrabajoGuinez').value.trim();
            const periodo = document.getElementById('campoPeriodoHaTrabajoGuinez').value.trim();
            const motivoAlejamiento = document.getElementById('campoMotivoAlejamientoHaTrabajoGuinez').value.trim();

            if (cargo.length > 0 && contrato.length > 0 && jefatura.length > 0 && periodo.length > 0 && motivoAlejamiento.length > 0) {
                indexCargosEmpleadosAnteriormenteEnGuinez++;
                if (document.getElementById("haTrabajadoGuinezNoDisponibleEnLaTabla")) {
                    document.getElementById("haTrabajadoGuinezNoDisponibleEnLaTabla").remove();
                }

                document.getElementById("registroDeHaTrabajadoGuinez").innerHTML+= `
                    <td class='tabla-contador-trabajado-guinez'>${indexCargosEmpleadosAnteriormenteEnGuinez}</td>
                    <td class='tabla-cargo-trabajado-guinez'>${cargo}</td>
                    <td class='tabla-contrato-trabajado-guinez'>${contrato}</td>
                    <td class='tabla-jefatura-trabajado-guinez'>${jefatura}</td>
                    <td class='tabla-periodo-trabajado-guinez'>${periodo}</td>
                    <td class='tabla-motivo-alejamiento-trabajado-guinez'>${motivoAlejamiento}</td>
                    <td class='tabla-accion-trabajado-guinez'>
                        <button onclick="habilitarBotonConfirmarEliminacionCargosEmpleadosAnteriormenteEnGuinez(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>
                        <button onclick="eliminarFilaCargosEmpleadosAnteriormenteEnGuinez(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-trabajo-guinez mr-1">Confirmar</button>
                    </td>
                `;

                document.getElementById("cargoDesarrolladoHaTrabajoGuinez").value = "";
                document.getElementById("validacioCargoDesarrolladoHaTrabajoGuinez").innerHTML = "";
                document.getElementById("cargoDesarrolladoHaTrabajoGuinez").setAttribute("class", "form-control"); 

                document.getElementById("campoContratoFaenaHaTrabajoGuinez").value = "";
                document.getElementById("validacioCampoContratoFaenaHaTrabajoGuinez").innerHTML = "";
                document.getElementById("campoContratoFaenaHaTrabajoGuinez").setAttribute("class", "form-control"); 

                document.getElementById("campoJefaturaDirectaHaTrabajoGuinez").value = "";
                document.getElementById("validacioCampoJefaturaDirectaHaTrabajoGuinez").innerHTML = "";
                document.getElementById("campoJefaturaDirectaHaTrabajoGuinez").setAttribute("class", "form-control"); 

                document.getElementById("campoPeriodoHaTrabajoGuinez").value = "";
                document.getElementById("validacioCampoPeriodoHaTrabajoGuinez").innerHTML = "";
                document.getElementById("campoPeriodoHaTrabajoGuinez").setAttribute("class", "form-control"); 

                document.getElementById("campoMotivoAlejamientoHaTrabajoGuinez").value = "";
                document.getElementById("validacionCampoMotivoAlejamientoHaTrabajoGuinez").innerHTML = "";
                document.getElementById("campoMotivoAlejamientoHaTrabajoGuinez").setAttribute("class", "form-control");
            }else{
                if (cargo.length > 0) {
                    document.getElementById("cargoDesarrolladoHaTrabajoGuinez").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCargoDesarrolladoHaTrabajoGuinez").innerHTML = "";
                } else {
                    document.getElementById("cargoDesarrolladoHaTrabajoGuinez").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCargoDesarrolladoHaTrabajoGuinez").innerHTML = "El campo cargo desarrollado es obligatorio";
                }

                if (contrato.length > 0) {
                    document.getElementById("campoContratoFaenaHaTrabajoGuinez").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoContratoFaenaHaTrabajoGuinez").innerHTML = "";
                } else {
                    document.getElementById("campoContratoFaenaHaTrabajoGuinez").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoContratoFaenaHaTrabajoGuinez").innerHTML = "El campo contrato o faena es obligatorio";
                }

                if (jefatura.length > 0) {
                    document.getElementById("campoJefaturaDirectaHaTrabajoGuinez").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoJefaturaDirectaHaTrabajoGuinez").innerHTML = "";
                } else {
                    document.getElementById("campoJefaturaDirectaHaTrabajoGuinez").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoJefaturaDirectaHaTrabajoGuinez").innerHTML = "El campo jefatura directa es obligatorio";
                }

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

                if (motivoAlejamiento.length > 0) {
                    document.getElementById("campoMotivoAlejamientoHaTrabajoGuinez").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoMotivoAlejamientoHaTrabajoGuinez").innerHTML = "";
                } else {
                    document.getElementById("campoMotivoAlejamientoHaTrabajoGuinez").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoMotivoAlejamientoHaTrabajoGuinez").innerHTML = "El campo motivo alejamiento es obligatorio";
                }
            }
        }

        function deshabilitarBotonesConfirmarEliminacionCargosEmpleadosAnteriormenteEnGuinez() {
            let botones = document.querySelectorAll(".boton-confirmar-trabajo-guinez");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }
        
        function habilitarBotonConfirmarEliminacionCargosEmpleadosAnteriormenteEnGuinez(boton) {
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionCargosEmpleadosAnteriormenteEnGuinez();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionCargosEmpleadosAnteriormenteEnGuinez();
                }
            }
        }

        function eliminarFilaCargosEmpleadosAnteriormenteEnGuinez(boton) {
            const elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            indexCargosEmpleadosAnteriormenteEnGuinez = 0;
            const filas = document.getElementById('tabla-cargos-empleados-anteriormente-guinez').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    indexCargosEmpleadosAnteriormenteEnGuinez++;
                    elemento.querySelector(".tabla-contador-trabajado-guinez").innerHTML = indexCargosEmpleadosAnteriormenteEnGuinez;
                });
            }else{
                document.getElementById("registroDeHaTrabajadoGuinez").innerHTML ='<tr id="haTrabajadoGuinezNoDisponibleEnLaTabla"><td colspan="7" class="text-center">No hay registros disponibles en la tabla</td></tr>';
            }
        }
    </script>

    <script>
        function agregarFamiliaresTrabajanEnGuinez(){
            const nombre = document.getElementById('campoNombreFamiliarTrabajaEnGuinez').value.trim();
            const contrato = document.getElementById('campoContratoFaenaFamiliarTrabajaEnGuinez').value.trim();
            const parentesco = document.getElementById('campoParentescoFamiliarTrabajaEnGuinez').value.trim();

            if (nombre.length > 0 && contrato.length > 0 && parentesco.length > 0) {
                indexFamiliaresTrabajanEnGuinez++;
                if (document.getElementById("familiarTrabajaEnGuinezNoDisponibleEnLaTabla")) {
                    document.getElementById("familiarTrabajaEnGuinezNoDisponibleEnLaTabla").remove();
                }

                document.getElementById("registroDeFamiliarTrabajaEnGuinez").innerHTML+= `
                    <td class='tabla-contador-familiar-trabajan-guinez'>${indexFamiliaresTrabajanEnGuinez}</td>
                    <td class='tabla-nombre-familiar-trabajan-guinez'>${nombre}</td>
                    <td class='tabla-contrato-familiar-trabajan-guinez'>${contrato}</td>
                    <td class='tabla-parentesco-familiar-trabajan-guinez'>${parentesco}</td>
                    <td class='tabla-accion-familiar-trabajan-guinez'>
                        <button onclick="habilitarBotonConfirmarEliminacionFamiliaresTrabajanEnGuinez(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>
                        <button onclick="eliminarFilaFamiliaresTrabajanEnGuinez(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-familiar-trabajan-guinez mr-1">Confirmar</button>
                    </td>
                `;

                document.getElementById("campoNombreFamiliarTrabajaEnGuinez").value = "";
                document.getElementById("validacionCampoNombreFamiliarTrabajaEnGuinez").innerHTML = "";
                document.getElementById("campoNombreFamiliarTrabajaEnGuinez").setAttribute("class", "form-control"); 

                document.getElementById("campoContratoFaenaFamiliarTrabajaEnGuinez").value = "";
                document.getElementById("validacioCampoContratoFaenaFamiliarTrabajaEnGuinez").innerHTML = "";
                document.getElementById("campoContratoFaenaFamiliarTrabajaEnGuinez").setAttribute("class", "form-control"); 

                document.getElementById("campoParentescoFamiliarTrabajaEnGuinez").value = "";
                document.getElementById("validacioCampoParentescoFamiliarTrabajaEnGuinez").innerHTML = "";
                document.getElementById("campoParentescoFamiliarTrabajaEnGuinez").setAttribute("class", "form-control"); 
            }else{
                if (nombre.length > 0) {
                    document.getElementById("campoNombreFamiliarTrabajaEnGuinez").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoNombreFamiliarTrabajaEnGuinez").innerHTML = "";
                } else {
                    document.getElementById("campoNombreFamiliarTrabajaEnGuinez").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoNombreFamiliarTrabajaEnGuinez").innerHTML = "El campo nombre es obligatorio";
                }

                if (contrato.length > 0) {
                    document.getElementById("campoContratoFaenaFamiliarTrabajaEnGuinez").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoContratoFaenaFamiliarTrabajaEnGuinez").innerHTML = "";
                } else {
                    document.getElementById("campoContratoFaenaFamiliarTrabajaEnGuinez").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoContratoFaenaFamiliarTrabajaEnGuinez").innerHTML = "El campo contrato o faena es obligatorio";
                }

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

        function deshabilitarBotonesConfirmarEliminacionFamiliaresTrabajanEnGuinez() {
            let botones = document.querySelectorAll(".boton-confirmar-familiar-trabajan-guinez");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }
        
        function habilitarBotonConfirmarEliminacionFamiliaresTrabajanEnGuinez(boton) {
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionFamiliaresTrabajanEnGuinez();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionFamiliaresTrabajanEnGuinez();
                }
            }
        }

        function eliminarFilaFamiliaresTrabajanEnGuinez(boton) {
            const elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            indexFamiliaresTrabajanEnGuinez = 0;
            const filas = document.getElementById('tabla-familiares-trabajan-guinez').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    indexFamiliaresTrabajanEnGuinez++;
                    elemento.querySelector(".tabla-contador-familiar-trabajan-guinez").innerHTML = indexFamiliaresTrabajanEnGuinez;
                });
            }else{
                document.getElementById("registroDeFamiliarTrabajaEnGuinez").innerHTML ='<tr id="familiarTrabajaEnGuinezNoDisponibleEnLaTabla"><td colspan="5" class="text-center">No hay registros disponibles en la tabla</td></tr>';
            }
        }
    </script>

    <script>
        function agregarFamiliaresTrabajanConContratista(){
            const nombre = document.getElementById('campoNombreFamiliarTrabajaConContratista').value.trim();
            const empresa = document.getElementById('campoEmpresaFamiliarTrabajaConContratista').value.trim();
            const parentesco = document.getElementById('campoParentescoFamiliarTrabajaConContratista').value.trim();

            if (nombre.length > 0 && empresa.length > 0 && parentesco.length > 0) {
                indexFamiliaresTrabajanConContratista++;
                if (document.getElementById("familiarTrabajaEConContratistaNoDisponibleEnLaTabla")) {
                    document.getElementById("familiarTrabajaEConContratistaNoDisponibleEnLaTabla").remove();
                }

                document.getElementById("registroDeFamiliarTrabajaConContratista").innerHTML+= `
                    <td class='tabla-contador-familiares-trabajan-contratista'>${indexFamiliaresTrabajanConContratista}</td>
                    <td class='tabla-nombre-familiares-trabajan-contratista'>${nombre}</td>
                    <td class='tabla-empresa-familiares-trabajan-contratista'>${empresa}</td>
                    <td class='tabla-parentesco-familiares-trabajan-contratista'>${parentesco}</td>
                    <td class='tabla-accion-familiares-trabajan-contratista'>
                        <button onclick="habilitarBotonConfirmarEliminacionFamiliaresTrabajanConContratista(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>
                        <button onclick="eliminarFilaFamiliaresTrabajanConContratista(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-familiares-trabajan-contratista mr-1">Confirmar</button>
                    </td>
                `;

                document.getElementById("campoNombreFamiliarTrabajaConContratista").value = "";
                document.getElementById("validacionCampoNombreFamiliarTrabajaConContratista").innerHTML = "";
                document.getElementById("campoNombreFamiliarTrabajaConContratista").setAttribute("class", "form-control"); 

                document.getElementById("campoEmpresaFamiliarTrabajaConContratista").value = "";
                document.getElementById("validacioCampoEmpresaFamiliarTrabajaConContratista").innerHTML = "";
                document.getElementById("campoEmpresaFamiliarTrabajaConContratista").setAttribute("class", "form-control"); 

                document.getElementById("campoParentescoFamiliarTrabajaConContratista").value = "";
                document.getElementById("validacioCampoParentescoFamiliarTrabajaConContratista").innerHTML = "";
                document.getElementById("campoParentescoFamiliarTrabajaConContratista").setAttribute("class", "form-control"); 
            }else{
                if (nombre.length > 0) {
                    document.getElementById("campoNombreFamiliarTrabajaConContratista").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoNombreFamiliarTrabajaConContratista").innerHTML = "";
                } else {
                    document.getElementById("campoNombreFamiliarTrabajaConContratista").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoNombreFamiliarTrabajaConContratista").innerHTML = "El campo nombre es obligatorio";
                }

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

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

        function deshabilitarBotonesConfirmarEliminacionFamiliaresTrabajanConContratista() {
            let botones = document.querySelectorAll(".boton-confirmar-familiares-trabajan-contratista");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }
        
        function habilitarBotonConfirmarEliminacionFamiliaresTrabajanConContratista(boton) {
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionFamiliaresTrabajanConContratista();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionFamiliaresTrabajanConContratista();
                }
            }
        }

        function eliminarFilaFamiliaresTrabajanConContratista(boton) {
            const elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            indexFamiliaresTrabajanConContratista = 0;
            const filas = document.getElementById('tabla-familiares-trabajan-contratista').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    indexFamiliaresTrabajanConContratista++;
                    elemento.querySelector(".tabla-contador-familiares-trabajan-contratista").innerHTML = indexFamiliaresTrabajanConContratista;
                });
            }else{
                document.getElementById("registroDeFamiliarTrabajaConContratista").innerHTML ='<tr id="familiarTrabajaEConContratistaNoDisponibleEnLaTabla"><td colspan="5" class="text-center">No hay registros disponibles en la tabla</td></tr>';
            }
        }
    </script>

    <script>
        function agregarFamiliaresTrabajanEnAreaDeInspeccion(){
            const nombre = document.getElementById('campoNombreFamiliarTrabajaAreaInspeccion').value.trim();
            const empresa = document.getElementById('campoEmpresaFamiliarTrabajaAreaInspeccion').value.trim();
            const parentesco = document.getElementById('campoParentescoFamiliarTrabajaAreaInspeccion').value.trim();

            if (nombre.length > 0 && empresa.length > 0 && parentesco.length > 0) {
                indexFamiliaresTrabajanEnAreaDeInspeccion++;
                if (document.getElementById("familiarTrabajaAreaInspeccionNoDisponibleEnLaTabla")) {
                    document.getElementById("familiarTrabajaAreaInspeccionNoDisponibleEnLaTabla").remove();
                }

                document.getElementById("registroDeFamiliarTrabajaAreaInspeccion").innerHTML+= `
                    <td class='tabla-contador-familiares-trabajan-inspeccion'>${indexFamiliaresTrabajanEnAreaDeInspeccion}</td>
                    <td class='tabla-nombre-familiares-trabajan-inspeccion'>${nombre}</td>
                    <td class='tabla-empresa-familiares-trabajan-inspeccion'>${empresa}</td>
                    <td class='tabla-parentesco-familiares-trabajan-inspeccion'>${parentesco}</td>
                    <td class='tabla-accion-familiares-trabajan-inspeccion'>
                        <button onclick="habilitarBotonConfirmarEliminacionFamiliaresTrabajanEnAreaDeInspeccion(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>
                        <button onclick="eliminarFilaFamiliaresTrabajanEnAreaDeInspeccion(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-familiares-trabajan-inspeccion mr-1">Confirmar</button>
                    </td>
                `;

                document.getElementById("campoNombreFamiliarTrabajaAreaInspeccion").value = "";
                document.getElementById("validacionCampoNombreFamiliarTrabajaAreaInspeccion").innerHTML = "";
                document.getElementById("campoNombreFamiliarTrabajaAreaInspeccion").setAttribute("class", "form-control"); 

                document.getElementById("campoEmpresaFamiliarTrabajaAreaInspeccion").value = "";
                document.getElementById("validacioCampoEmpresaFamiliarTrabajaAreaInspeccion").innerHTML = "";
                document.getElementById("campoEmpresaFamiliarTrabajaAreaInspeccion").setAttribute("class", "form-control"); 

                document.getElementById("campoParentescoFamiliarTrabajaAreaInspeccion").value = "";
                document.getElementById("validacioCampoParentescoFamiliarTrabajaAreaInspeccion").innerHTML = "";
                document.getElementById("campoParentescoFamiliarTrabajaAreaInspeccion").setAttribute("class", "form-control"); 
            }else{
                if (nombre.length > 0) {
                    document.getElementById("campoNombreFamiliarTrabajaAreaInspeccion").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoNombreFamiliarTrabajaAreaInspeccion").innerHTML = "";
                } else {
                    document.getElementById("campoNombreFamiliarTrabajaAreaInspeccion").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoNombreFamiliarTrabajaAreaInspeccion").innerHTML = "El campo nombre es obligatorio";
                }

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

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

        function deshabilitarBotonesConfirmarEliminacionFamiliaresTrabajanEnAreaDeInspeccion() {
            let botones = document.querySelectorAll(".boton-confirmar-familiares-trabajan-inspeccion");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }
        
        function habilitarBotonConfirmarEliminacionFamiliaresTrabajanEnAreaDeInspeccion(boton) {
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionFamiliaresTrabajanEnAreaDeInspeccion();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionFamiliaresTrabajanEnAreaDeInspeccion();
                }
            }
        }

        function eliminarFilaFamiliaresTrabajanEnAreaDeInspeccion(boton) {
            const elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            indexFamiliaresTrabajanEnAreaDeInspeccion = 0;
            const filas = document.getElementById('tabla-familiares-trabajan-inspeccion').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    indexFamiliaresTrabajanEnAreaDeInspeccion++;
                    elemento.querySelector(".tabla-contador-familiares-trabajan-inspeccion").innerHTML = indexFamiliaresTrabajanEnAreaDeInspeccion;
                });
            }else{
                document.getElementById("registroDeFamiliarTrabajaAreaInspeccion").innerHTML ='<tr id="familiarTrabajaAreaInspeccionNoDisponibleEnLaTabla"><td colspan="5" class="text-center">No hay registros disponibles en la tabla</td></tr>';
            }
        }
    </script>

    <script>
        function agregarContactoDeEmergencia(){
            const nombre = document.getElementById('campoNombreContactoEmergencia').value.trim();
            const telefono = document.getElementById('campoTelefonoEmergencia').value.trim();
            const celular = document.getElementById('campoCelularEmergencia').value.trim();
            const direccion = document.getElementById('campoDireccionEmergencia').value.trim();

            if (nombre.length > 0 && telefono.length > 0 && celular.length > 0 && direccion.length > 0) {
                indexContactosDeEmergencias++;
                if (document.getElementById("contactosDeEmergenciasNoDisponibleEnLaTabla")) {
                    document.getElementById("contactosDeEmergenciasNoDisponibleEnLaTabla").remove();
                }

                document.getElementById("registroDeContactosDeEmergencias").innerHTML+= `
                    <td class='tabla-contador-contactos-emergencias'>${indexContactosDeEmergencias}</td>
                    <td class='tabla-nombre-contactos-emergencias'>${nombre}</td>
                    <td class='tabla-telefono-contactos-emergencias'>${telefono}</td>
                    <td class='tabla-celular-contactos-emergencias'>${celular}</td>
                    <td class='tabla-direccion-contactos-emergencias'>${direccion}</td>
                    <td class='tabla-accion-contactos-emergencias'>
                        <button onclick="habilitarBotonConfirmarEliminacionContactoDeEmergencia(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>
                        <button onclick="eliminarFilaContactoDeEmergencia(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-contactos-emergencias mr-1">Confirmar</button>
                    </td>
                `;

                document.getElementById("campoNombreContactoEmergencia").value = "";
                document.getElementById("validacioCampoNombreContactoEmergencia").innerHTML = "";
                document.getElementById("campoNombreContactoEmergencia").setAttribute("class", "form-control"); 

                document.getElementById("campoTelefonoEmergencia").value = "";
                document.getElementById("validacioCampoTelefonoEmergencia").innerHTML = "";
                document.getElementById("campoTelefonoEmergencia").setAttribute("class", "form-control"); 

                document.getElementById("campoCelularEmergencia").value = "";
                document.getElementById("validacioCampoCelularEmergencia").innerHTML = "";
                document.getElementById("campoCelularEmergencia").setAttribute("class", "form-control"); 

                document.getElementById("campoDireccionEmergencia").value = "";
                document.getElementById("validacioCampoDireccionEmergencia").innerHTML = "";
                document.getElementById("campoDireccionEmergencia").setAttribute("class", "form-control"); 
            }else{
                if (nombre.length > 0) {
                    document.getElementById("campoNombreContactoEmergencia").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoNombreContactoEmergencia").innerHTML = "";
                } else {
                    document.getElementById("campoNombreContactoEmergencia").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoNombreContactoEmergencia").innerHTML = "El campo nombre de contacto es obligatorio";
                }

                if (telefono.length > 0) {
                    document.getElementById("campoTelefonoEmergencia").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoTelefonoEmergencia").innerHTML = "";
                } else {
                    document.getElementById("campoTelefonoEmergencia").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoTelefonoEmergencia").innerHTML = "El campo teléfono es obligatorio";
                }

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

                if (direccion.length > 0) {
                    document.getElementById("campoDireccionEmergencia").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoDireccionEmergencia").innerHTML = "";
                } else {
                    document.getElementById("campoDireccionEmergencia").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoDireccionEmergencia").innerHTML = "El campo dirección es obligatorio";
                }
            }
        }

        function deshabilitarBotonesConfirmarEliminacionContactoDeEmergencia() {
            let botones = document.querySelectorAll(".boton-confirmar-contactos-emergencias");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }
        
        function habilitarBotonConfirmarEliminacionContactoDeEmergencia(boton) {
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionContactoDeEmergencia();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionContactoDeEmergencia();
                }
            }
        }

        function eliminarFilaContactoDeEmergencia(boton) {
            const elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            indexContactosDeEmergencias = 0;
            const filas = document.getElementById('tabla-contactos-emergencias').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    indexContactosDeEmergencias++;
                    elemento.querySelector(".tabla-contador-contactos-emergencias").innerHTML = indexContactosDeEmergencias;
                });
            }else{
                document.getElementById("registroDeContactosDeEmergencias").innerHTML ='<tr id="contactosDeEmergenciasNoDisponibleEnLaTabla"><td colspan="6" class="text-center">No hay registros disponibles en la tabla</td></tr>';
            }
        }
    </script>

    <script>
        function agregarGrupoFamiliar(){
            const tipoDePariente = document.getElementById('campoTipoSeParentescoGrupoFamiliar').value.trim();
            const rut = document.getElementById('campoRutGrupoFamiliar').value.trim();
            const nombre = document.getElementById('campoNombreCompletoGrupoFamiliar').value.trim();
            const fechaNacimiento = document.getElementById('campoFechaNacimientoGrupoFamiliar').value.trim();
            const sexo = document.querySelector('input[name="sexo_grupo_familiar"]:checked');     
            const nacionalidad = document.getElementById('campoNacionalidaGrupoFamiliar').value.trim();
            const carga = document.querySelector('input[name="carga_grupo_familiar"]:checked');     

            if (tipoDePariente.length > 0 && rut.length > 0 && nombre.length > 0 && fechaNacimiento.length > 0 && sexo!=null && nacionalidad.length > 0 && carga!=null) {
                indexGrupoFamiliar++;
                if (document.getElementById("grupoFamiliarNoDisponibleEnLaTabla")) {
                    document.getElementById("grupoFamiliarNoDisponibleEnLaTabla").remove();
                }

                document.getElementById("registroDeGrupoFamiliar").innerHTML+= `
                    <td class='tabla-contador-grupo-familiar'>${indexGrupoFamiliar}</td>
                    <td class='tabla-tipo-pariente-grupo-familiar'>${tipoDePariente}</td>
                    <td class='tabla-rut-grupo-familiar'>${rut}</td>
                    <td class='tabla-nombre-grupo-familiar'>${nombre}</td>
                    <td class='tabla-fecha-nacimiento-grupo-familiar'>${fechaNacimiento}</td>
                    <td class='tabla-sexo-grupo-familiar'>${sexo.value.trim()}</td>
                    <td class='tabla-nacionalidad-grupo-familiar'>${nacionalidad}</td>
                    <td class='tabla-carga-grupo-familiar'>${carga.value.trim()}</td>
                    <td class='tabla-accion-grupo-familiar'>
                        <button onclick="habilitarBotonConfirmarEliminacionGrupoFamiliar(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>
                        <button onclick="eliminarFilaGrupoFamiliar(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-grupo-familiar mr-1">Confirmar</button>
                    </td>
                `;

                document.getElementById("campoTipoSeParentescoGrupoFamiliar").value = "";
                document.getElementById("validacioCampoTipoSeParentescoGrupoFamiliar").innerHTML = "";
                document.getElementById("campoTipoSeParentescoGrupoFamiliar").setAttribute("class", "form-control"); 

                document.getElementById("campoRutGrupoFamiliar").value = "";
                document.getElementById("validacioCampoRutGrupoFamiliar").innerHTML = "";
                document.getElementById("campoRutGrupoFamiliar").setAttribute("class", "form-control"); 

                document.getElementById("campoNombreCompletoGrupoFamiliar").value = "";
                document.getElementById("validacioCampoNombreCompletoGrupoFamiliar").innerHTML = "";
                document.getElementById("campoNombreCompletoGrupoFamiliar").setAttribute("class", "form-control"); 

                document.getElementById("campoFechaNacimientoGrupoFamiliar").value = "";
                document.getElementById("validacioCampoFechaNacimientoGrupoFamiliar").innerHTML = "";
                document.getElementById("campoFechaNacimientoGrupoFamiliar").setAttribute("class", "form-control"); 

                const sexos = document.querySelectorAll('input[type="radio"][name="sexo_grupo_familiar"]');
                sexos.forEach(radio => {
                    radio.checked = false;
                });
                document.getElementById("validacioCampoSexoGrupoFamiliar").style.display="none";
                document.getElementById("validacioCampoSexoGrupoFamiliar").innerHTML = "";

                document.getElementById("campoNacionalidaGrupoFamiliar").value = "";
                document.getElementById("validacioCampoNacionalidaGrupoFamiliar").innerHTML = "";
                document.getElementById("campoNacionalidaGrupoFamiliar").setAttribute("class", "form-control"); 

                const cargas = document.querySelectorAll('input[type="radio"][name="carga_grupo_familiar"]');
                cargas.forEach(radio => {
                    radio.checked = false;
                });
                document.getElementById("validacioCampoEsCargaGrupoFamiliar").style.display="none";
                document.getElementById("validacioCampoEsCargaGrupoFamiliar").innerHTML = "";
            }else{
                if (tipoDePariente.length > 0) {
                    document.getElementById("campoTipoSeParentescoGrupoFamiliar").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoTipoSeParentescoGrupoFamiliar").innerHTML = "";
                } else {
                    document.getElementById("campoTipoSeParentescoGrupoFamiliar").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoTipoSeParentescoGrupoFamiliar").innerHTML = "El campo tipo de parentesco es obligatorio";
                }

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

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

                if (fechaNacimiento.length > 0) {
                    document.getElementById("campoFechaNacimientoGrupoFamiliar").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoFechaNacimientoGrupoFamiliar").innerHTML = "";
                } else {
                    document.getElementById("campoFechaNacimientoGrupoFamiliar").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoFechaNacimientoGrupoFamiliar").innerHTML = "El campo fecha nacimiento es obligatorio";
                }

                if (sexo!=null) {
                    document.getElementById("validacioCampoSexoGrupoFamiliar").style.display="none";
                    document.getElementById("validacioCampoSexoGrupoFamiliar").innerHTML = "";
                } else {
                    document.getElementById("validacioCampoSexoGrupoFamiliar").style.display="block";
                    document.getElementById("validacioCampoSexoGrupoFamiliar").innerHTML = "El campo sexo es obligatorio";
                }

                if (nacionalidad.length > 0) {
                    document.getElementById("campoNacionalidaGrupoFamiliar").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoNacionalidaGrupoFamiliar").innerHTML = "";
                } else {
                    document.getElementById("campoNacionalidaGrupoFamiliar").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoNacionalidaGrupoFamiliar").innerHTML = "El campo nacionalida es obligatorio";
                }

                if (carga!=null) {
                    document.getElementById("validacioCampoEsCargaGrupoFamiliar").style.display="none";
                    document.getElementById("validacioCampoEsCargaGrupoFamiliar").innerHTML = "";
                } else {
                    document.getElementById("validacioCampoEsCargaGrupoFamiliar").style.display="block";
                    document.getElementById("validacioCampoEsCargaGrupoFamiliar").innerHTML = "El campo ¿es carga? es obligatorio";
                }
            }
        }

        function deshabilitarBotonesConfirmarEliminacionGrupoFamiliar() {
            let botones = document.querySelectorAll(".boton-confirmar-grupo-familiar");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }
        
        function habilitarBotonConfirmarEliminacionGrupoFamiliar(boton) {
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionGrupoFamiliar();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionGrupoFamiliar();
                }
            }
        }

        function eliminarFilaGrupoFamiliar(boton) {
            const elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            indexGrupoFamiliar = 0;
            const filas = document.getElementById('tabla-grupo-familiar').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    indexGrupoFamiliar++;
                    elemento.querySelector(".tabla-contador-grupo-familiar").innerHTML = indexGrupoFamiliar;
                });
            }else{
                document.getElementById("registroDeGrupoFamiliar").innerHTML ='<tr id="grupoFamiliarNoDisponibleEnLaTabla"><td colspan="9" class="text-center">No hay registros disponibles en la tabla</td></tr>';
            }
        }
    </script>

    <script>
        function agregarReferencias(){
            const nombre = document.getElementById('campoNombreReferencia').value.trim();
            const empresa = document.getElementById('campoEmpresaReferencia').value.trim();
            const cargo = document.getElementById('campoCargoReferencia').value.trim();
            const fono = document.getElementById('campoFonoReferencia').value.trim();  

            if (nombre.length > 0 && empresa.length > 0 && cargo.length > 0 && fono.length > 0) {
                indexReferencias++;
                if (document.getElementById("referenciasNoDisponibleEnLaTabla")) {
                    document.getElementById("referenciasNoDisponibleEnLaTabla").remove();
                }

                document.getElementById("registroDeReferencias").innerHTML+= `
                    <td class='tabla-contador-referencias'>${indexReferencias}</td>
                    <td class='tabla-nombre-referencias'>${nombre}</td>
                    <td class='tabla-empresa-referencias'>${empresa}</td>
                    <td class='tabla-cargo-referencias'>${cargo}</td>
                    <td class='tabla-fono-referencias'>${fono}</td>
                    <td class='tabla-accion-referencias'>
                        <button onclick="habilitarBotonConfirmarEliminacionReferencias(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>
                        <button onclick="eliminarFilaReferencias(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-referencias mr-1">Confirmar</button>
                    </td>
                `;

                document.getElementById("campoNombreReferencia").value = "";
                document.getElementById("validacioCampoNombreReferencia").innerHTML = "";
                document.getElementById("campoNombreReferencia").setAttribute("class", "form-control"); 

                document.getElementById("campoEmpresaReferencia").value = "";
                document.getElementById("validacioCampoEmpresaReferencia").innerHTML = "";
                document.getElementById("campoEmpresaReferencia").setAttribute("class", "form-control"); 

                document.getElementById("campoCargoReferencia").value = "";
                document.getElementById("validacioCampoCargoReferencia").innerHTML = "";
                document.getElementById("campoCargoReferencia").setAttribute("class", "form-control"); 

                document.getElementById("campoFonoReferencia").value = "";
                document.getElementById("validacioCampoFonoReferencia").innerHTML = "";
                document.getElementById("campoFonoReferencia").setAttribute("class", "form-control"); 
            }else{
                if (nombre.length > 0) {
                    document.getElementById("campoNombreReferencia").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacioCampoNombreReferencia").innerHTML = "";
                } else {
                    document.getElementById("campoNombreReferencia").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacioCampoNombreReferencia").innerHTML = "El campo nombre es obligatorio";
                }

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

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

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

        function deshabilitarBotonesConfirmarEliminacionReferencias() {
            let botones = document.querySelectorAll(".boton-confirmar-referencias");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }
        
        function habilitarBotonConfirmarEliminacionReferencias(boton) {
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionReferencias();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionReferencias();
                }
            }
        }

        function eliminarFilaReferencias(boton) {
            const elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            indexReferencias = 0;
            const filas = document.getElementById('tabla-referencias').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    indexReferencias++;
                    elemento.querySelector(".tabla-contador-referencias").innerHTML = indexReferencias;
                });
            }else{
                document.getElementById("registroDeReferencias").innerHTML ='<tr id="referenciasNoDisponibleEnLaTabla"><td colspan="6" class="text-center">No hay registros disponibles en la tabla</td></tr>';
            }
        }
    </script>

    <script>
        function validarCamposDelFormularioDeFichaDePostulacion(data){
            if (typeof data.responseJSON.errors['cargo'] !== 'undefined') {
                document.getElementById('campoCargoPostulacion').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoCargoPostulacion').innerHTML = data.responseJSON.errors['cargo'];
            } else {
                document.getElementById('campoCargoPostulacion').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoCargoPostulacion').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['nombre_postulante'] !== 'undefined') {
                document.getElementById('campoNombrePostulante').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoNombrePostulante').innerHTML = data.responseJSON.errors['nombre_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoNombrePostulante').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoNombrePostulante').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['rut_postulante'] !== 'undefined') {
                document.getElementById('campoRutPostulante').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoRutPostulante').innerHTML = data.responseJSON.errors['rut_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoRutPostulante').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoRutPostulante').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['sexo_postulante'] !== 'undefined') {
                document.getElementById('validacionCampoSexoPostulante').style.display="block";
                document.getElementById('validacionCampoSexoPostulante').innerHTML = data.responseJSON.errors['sexo_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('validacionCampoSexoPostulante').style.display="none";
                document.getElementById('validacionCampoSexoPostulante').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['fecha_nacimiento'] !== 'undefined') {
                document.getElementById('campoFechaDeNacimiento').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoFechaDeNacimiento').innerHTML = data.responseJSON.errors['fecha_nacimiento'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoFechaDeNacimiento').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoFechaDeNacimiento').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['estado_civil_postulante'] !== 'undefined') {
                document.getElementById("campoEstadoCivil").classList.remove('input-success-icon');
                document.getElementById("campoEstadoCivil").classList.add('input-error-icon');
                document.getElementById("validacionCampoEstadoCivil").innerHTML = data.responseJSON.errors['estado_civil_postulante'];
                document.getElementById("validacionCampoEstadoCivil").style.display = "block";

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById("campoEstadoCivil").classList.remove('input-error-icon');
                document.getElementById("campoEstadoCivil").classList.add('input-success-icon');
                document.getElementById("validacionCampoEstadoCivil").innerHTML = "";
                document.getElementById("validacionCampoEstadoCivil").style.display = "none";
            }

            if (typeof data.responseJSON.errors['domicilio_postulante'] !== 'undefined') {
                document.getElementById('campoDomicilio').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoDomicilio').innerHTML = data.responseJSON.errors['domicilio_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoDomicilio').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoDomicilio').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['ciudad_postulante'] !== 'undefined') {
                document.getElementById('campoCiudad').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoCiudad').innerHTML = data.responseJSON.errors['ciudad_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoCiudad').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoCiudad').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['region_residencia_postulante'] !== 'undefined') {
                document.getElementById('campoRegionResidencia').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoRegionResidencia').innerHTML = data.responseJSON.errors['region_residencia_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoRegionResidencia').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoRegionResidencia').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['nacionalidad_postulante'] !== 'undefined') {
                document.getElementById('validacionCampoNacionalidadPostulante').style.display="block";
                document.getElementById('validacionCampoNacionalidadPostulante').innerHTML = data.responseJSON.errors['nacionalidad_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('validacionCampoNacionalidadPostulante').style.display="none";
                document.getElementById('validacionCampoNacionalidadPostulante').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['pais_postulante'] !== 'undefined') {
                document.getElementById('campoPais').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoPais').innerHTML = data.responseJSON.errors['pais_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoPais').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoPais').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['afp_postulante'] !== 'undefined') {
                document.getElementById('campoAfp').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoAfp').innerHTML = data.responseJSON.errors['afp_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoAfp').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoAfp').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['sistema_salud_postulante'] !== 'undefined') {
                document.getElementById('campoSistemaDeSalud').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoSistemaDeSalud').innerHTML = data.responseJSON.errors['sistema_salud_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoSistemaDeSalud').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoSistemaDeSalud').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['telefono_postulante'] !== 'undefined') {
                document.getElementById('campoTelefono').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoTelefono').innerHTML = data.responseJSON.errors['telefono_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoTelefono').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoTelefono').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['otro_telefono_postulante'] !== 'undefined') {
                document.getElementById('campoOtroTelefono').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoOtroTelefono').innerHTML = data.responseJSON.errors['otro_telefono_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoOtroTelefono').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoOtroTelefono').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['correo_postulante'] !== 'undefined') {
                document.getElementById('campoCorreo').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoCorreo').innerHTML = data.responseJSON.errors['correo_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoCorreo').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoCorreo').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['tiene_licencia_postulante'] !== 'undefined') {
                document.getElementById('validacionCampoTieneLicenciaPostulante').style.display="block";
                document.getElementById('validacionCampoTieneLicenciaPostulante').innerHTML = data.responseJSON.errors['tiene_licencia_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('validacionCampoTieneLicenciaPostulante').style.display="none";
                document.getElementById('validacionCampoTieneLicenciaPostulante').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['clase_licencia_postulante'] !== 'undefined') {
                document.getElementById('campoClaseLicencia').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoClaseLicencia').innerHTML = data.responseJSON.errors['clase_licencia_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoClaseLicencia').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoClaseLicencia').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['fecha_expiracion_licencia_postulante'] !== 'undefined') {
                document.getElementById('campoFechaExpiracionLicencia').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoFechaExpiracionLicencia').innerHTML = data.responseJSON.errors['fecha_expiracion_licencia_postulante'];

                if(document.getElementById('iconoContenedorItemUno').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemUno').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemUno').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemUno").style.display="block";
                }
            } else {
                document.getElementById('campoFechaExpiracionLicencia').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoFechaExpiracionLicencia').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['ultimo_nivel_estudio'] !== 'undefined') {
                document.getElementById('mensajeErrorNivelDeEstudios').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemDos').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemDos').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemDos').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemDos").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorNivelDeEstudios').style.display="none";
            }

            if (typeof data.responseJSON.errors['listado_formaciones_academicas'] !== 'undefined') {
                document.getElementById('mensajeErrorFormacionAcademica').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemDos').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemDos').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemDos').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemDos").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorFormacionAcademica').style.display="none";
            }

            if (typeof data.responseJSON.errors['manega_ingles'] !== 'undefined') {
                document.getElementById('mensajeErrorManegaIngles').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemDos').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemDos').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemDos').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemDos").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorManegaIngles').style.display="none";
            }

            if (typeof data.responseJSON.errors['nivel_ingles'] !== 'undefined') {
                document.getElementById('mensajeErrorNivelDeIngles').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemDos').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemDos').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemDos').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemDos").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorNivelDeIngles').style.display="none";
            }

            if (typeof data.responseJSON.errors['listado_herramienta_oficinas'] !== 'undefined') {
                document.getElementById('mensajeErrorHerramientaOfimatica').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemDos').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemDos').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemDos').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemDos").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorHerramientaOfimatica').style.display="none";
            }

            if (typeof data.responseJSON.errors['experiencia_general'] !== 'undefined') {
                document.getElementById('campoExperienciaGeneral').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoExperienciaGeneral').innerHTML = data.responseJSON.errors['experiencia_general'];

                if(document.getElementById('iconoContenedorItemTres').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemTres').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemTres').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemTres").style.display="block";
                }
            } else {
                document.getElementById('campoExperienciaGeneral').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoExperienciaGeneral').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['experiencia_especifica'] !== 'undefined') {
                document.getElementById('campoExperienciaEspecifica').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoExperienciaEspecifica').innerHTML = data.responseJSON.errors['experiencia_especifica'];

                if(document.getElementById('iconoContenedorItemTres').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemTres').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemTres').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemTres").style.display="block";
                }
            } else {
                document.getElementById('campoExperienciaEspecifica').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoExperienciaEspecifica').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['listado_ultimos_empleadores'] !== 'undefined') {
                document.getElementById('mensajeErrorUltimosEmpleadores').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemTres').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemTres').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemTres').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemTres").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorUltimosEmpleadores').style.display="none";
            }

            if (typeof data.responseJSON.errors['ha_trabajado_guinez'] !== 'undefined') {
                document.getElementById('validacionCampoHaTrabajadoEnGuinez').style.display="block";
                document.getElementById('validacionCampoHaTrabajadoEnGuinez').innerHTML = data.responseJSON.errors['ha_trabajado_guinez'];

                if(document.getElementById('iconoContenedorItemTres').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemTres').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemTres').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemTres").style.display="block";
                }
            } else {
                document.getElementById('validacionCampoHaTrabajadoEnGuinez').style.display="none";
                document.getElementById('validacionCampoHaTrabajadoEnGuinez').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['listado_cargos_empleados_guinez'] !== 'undefined') {
                document.getElementById('mensajeErrorTrabajoAnteriormenteEnGuinez').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemTres').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemTres').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemTres').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemTres").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorTrabajoAnteriormenteEnGuinez').style.display="none";
            }

            if (typeof data.responseJSON.errors['tiene_familiar_guinez'] !== 'undefined') {
                document.getElementById('validacionCampoTieneFamiliarEnGuinez').style.display="block";
                document.getElementById('validacionCampoTieneFamiliarEnGuinez').innerHTML = data.responseJSON.errors['tiene_familiar_guinez'];

                if(document.getElementById('iconoContenedorItemCuatro').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemCuatro').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemCuatro').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemCuatro").style.display="block";
                }
            } else {
                document.getElementById('validacionCampoTieneFamiliarEnGuinez').style.display="none";
                document.getElementById('validacionCampoTieneFamiliarEnGuinez').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['listado_familiares_guinez'] !== 'undefined') {
                document.getElementById('mensajeErrorFamiliarEnGuinez').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemCuatro').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemCuatro').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemCuatro').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemCuatro").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorFamiliarEnGuinez').style.display="none";
            }

            if (typeof data.responseJSON.errors['tiene_familiar_contratista'] !== 'undefined') {
                document.getElementById('validacionCampoTieneFamiliarConContratista').style.display="block";
                document.getElementById('validacionCampoTieneFamiliarConContratista').innerHTML = data.responseJSON.errors['tiene_familiar_contratista'];

                if(document.getElementById('iconoContenedorItemCuatro').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemCuatro').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemCuatro').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemCuatro").style.display="block";
                }
            } else {
                document.getElementById('validacionCampoTieneFamiliarConContratista').style.display="none";
                document.getElementById('validacionCampoTieneFamiliarConContratista').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['listado_familiares_contratista'] !== 'undefined') {
                document.getElementById('mensajeErrorFamiliarTrabajaConContratista').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemCuatro').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemCuatro').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemCuatro').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemCuatro").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorFamiliarTrabajaConContratista').style.display="none";
            }

            if (typeof data.responseJSON.errors['tiene_familiar_inspeccion'] !== 'undefined') {
                document.getElementById('validacionCampoTieneFamiliarEnAreaInspeccion').style.display="block";
                document.getElementById('validacionCampoTieneFamiliarEnAreaInspeccion').innerHTML = data.responseJSON.errors['tiene_familiar_inspeccion'];

                if(document.getElementById('iconoContenedorItemCuatro').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemCuatro').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemCuatro').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemCuatro").style.display="block";
                }
            } else {
                document.getElementById('validacionCampoTieneFamiliarEnAreaInspeccion').style.display="none";
                document.getElementById('validacionCampoTieneFamiliarEnAreaInspeccion').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['listado_familiares_inspeccion'] !== 'undefined') {
                document.getElementById('mensajeErrorFamiliarTrabajaAreaInspeccion').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemCuatro').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemCuatro').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemCuatro').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemCuatro").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorFamiliarTrabajaAreaInspeccion').style.display="none";
            }

            if (typeof data.responseJSON.errors['tiene_discapacidad'] !== 'undefined') {
                document.getElementById('mensajeErrorTieneDiscapacidad').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemCinco').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemCinco').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemCinco').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemCinco").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorTieneDiscapacidad').style.display="none";
            }

            if (typeof data.responseJSON.errors['tiene_certificado_discapacidad'] !== 'undefined') {
                document.getElementById('mensajeErrorTieneCertificadoDeDiscapacidad').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemCinco').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemCinco').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemCinco').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemCinco").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorTieneCertificadoDeDiscapacidad').style.display="none";
            }

            if (typeof data.responseJSON.errors['tiene_familiar_discapacidad'] !== 'undefined') {
                document.getElementById('mensajeErrorFamiliarConDiscapacidad').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemCinco').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemCinco').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemCinco').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemCinco").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorFamiliarConDiscapacidad').style.display="none";
            }

            if (typeof data.responseJSON.errors['pertenece_pueblos_originarios'] !== 'undefined') {
                document.getElementById('mensajeErrorPertenecePuebloOriginario').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemSeis').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemSeis').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemSeis').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemSeis").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorPertenecePuebloOriginario').style.display="none";
            }

            if (typeof data.responseJSON.errors['pueblo_originario'] !== 'undefined') {
                document.getElementById('mensajeErrorSeleccionePuebloOriginarios').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemSeis').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemSeis').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemSeis').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemSeis").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorSeleccionePuebloOriginarios').style.display="none";
            }

            if (typeof data.responseJSON.errors['tiene_certificado_conadi'] !== 'undefined') {
                document.getElementById('mensajeErrorCertificadoConadi').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemSeis').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemSeis').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemSeis').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemSeis").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorCertificadoConadi').style.display="none";
            }

            if (typeof data.responseJSON.errors['sufres_enfermedades'] !== 'undefined') {
                document.getElementById('mensajeErrorSufresEnfermedad').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemSiete').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemSiete').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemSiete').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemSiete").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorSufresEnfermedad').style.display="none";
            }

            if (typeof data.responseJSON.errors['listado_enfermedades'] !== 'undefined') {
                document.getElementById('mensajeErrorSeleccioneEnfermedades').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemSiete').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemSiete').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemSiete').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemSiete").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorSeleccioneEnfermedades').style.display="none";
            }

            if (typeof data.responseJSON.errors['otra_enfermedad_especificar'] !== 'undefined') {
                document.getElementById('campoOtraEnfermedad').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoOtraEnfermedad').innerHTML = data.responseJSON.errors['otra_enfermedad_especificar'];

                if(document.getElementById('iconoContenedorItemSiete').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemSiete').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemSiete').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemSiete").style.display="block";
                }
            } else {
                document.getElementById('campoOtraEnfermedad').setAttribute("class", "form-control is-valid");
                document.getElementById('validacionCampoOtraEnfermedad').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['listado_contactos_emergencias'] !== 'undefined') {
                document.getElementById('mensajeErrorContactosDeEmergencias').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemOcho').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemOcho').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemOcho').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemOcho").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorContactosDeEmergencias').style.display="none";
            }

            if (typeof data.responseJSON.errors['listado_grupo_familiar'] !== 'undefined') {
                document.getElementById('mensajeErrorGrupoFamiliar').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemNueve').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemNueve').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemNueve').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemNueve").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorGrupoFamiliar').style.display="none";
            }

            if (typeof data.responseJSON.errors['autorizacion_referencias'] !== 'undefined') {
                document.getElementById('validacionCampoAutorizacionReferencia').style.display="block";
                document.getElementById('validacionCampoAutorizacionReferencia').innerHTML = data.responseJSON.errors['autorizacion_referencias'];

                if(document.getElementById('iconoContenedorItemDiez').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemDiez').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemDiez').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemDiez").style.display="block";
                }
            } else {
                document.getElementById('validacionCampoAutorizacionReferencia').style.display="none";
                document.getElementById('validacionCampoAutorizacionReferencia').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['listado_referencias'] !== 'undefined') {
                document.getElementById('mensajeErrorReferencias').style.display="table-cell";

                if(document.getElementById('iconoContenedorItemDiez').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemDiez').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemDiez').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemDiez").style.display="block";
                }
            } else {
                document.getElementById('mensajeErrorReferencias').style.display="none";
            }

            if (typeof data.responseJSON.errors['expectativa_renta_formato_postulante'] !== 'undefined') {
                document.getElementById('campoExpectativaDeRentaConFormato').setAttribute("class", "form-control is-invalid");
                document.getElementById('validacionCampoExpectativaDeRentaConFormato').innerHTML = data.responseJSON.errors['expectativa_renta_formato_postulante'];

                if(document.getElementById('iconoContenedorItemOnce').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemOnce').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemOnce').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemOnce").style.display="block";
                }
            } else {
                if(typeof data.responseJSON.errors['expectativa_renta_numero_postulante'] !== 'undefined'){
                    document.getElementById('campoExpectativaDeRentaConFormato').setAttribute("class", "form-control is-invalid");
                    document.getElementById('validacionCampoExpectativaDeRentaConFormato').innerHTML = data.responseJSON.errors['expectativa_renta_numero_postulante'];

                    if(document.getElementById('iconoContenedorItemOnce').classList.contains('fa-plus-circle')){
                        document.getElementById('iconoContenedorItemOnce').classList.remove('fa-plus-circle');
                        document.getElementById('iconoContenedorItemOnce').classList.add('fa-minus-circle');
                        document.getElementById("contenedorItemOnce").style.display="block";
                    }
                }else{
                    document.getElementById('campoExpectativaDeRentaConFormato').setAttribute("class", "form-control is-valid");
                    document.getElementById('validacionCampoExpectativaDeRentaConFormato').innerHTML = "";
                }
            }

            if (typeof data.responseJSON.errors['disponibilidad_traslado_region'] !== 'undefined') {
                document.getElementById('validacionCampoDisponibilidadTrasladoRegion').style.display="block";
                document.getElementById('validacionCampoDisponibilidadTrasladoRegion').innerHTML = data.responseJSON.errors['disponibilidad_traslado_region'];

                if(document.getElementById('iconoContenedorItemOnce').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemOnce').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemOnce').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemOnce").style.display="block";
                }
            } else {
                document.getElementById('validacionCampoDisponibilidadTrasladoRegion').style.display="none";
                document.getElementById('validacionCampoDisponibilidadTrasladoRegion').innerHTML = "";
            }

            if (typeof data.responseJSON.errors['posee_examen_altura_geografica'] !== 'undefined') {
                document.getElementById('validacionCampoPoseeExamenAlturaGeografica').style.display="block";
                document.getElementById('validacionCampoPoseeExamenAlturaGeografica').innerHTML = data.responseJSON.errors['posee_examen_altura_geografica'];

                if(document.getElementById('iconoContenedorItemOnce').classList.contains('fa-plus-circle')){
                    document.getElementById('iconoContenedorItemOnce').classList.remove('fa-plus-circle');
                    document.getElementById('iconoContenedorItemOnce').classList.add('fa-minus-circle');
                    document.getElementById("contenedorItemOnce").style.display="block";
                }
            } else {
                document.getElementById('validacionCampoPoseeExamenAlturaGeografica').style.display="none";
                document.getElementById('validacionCampoPoseeExamenAlturaGeografica').innerHTML = "";
            }
        }
    </script>

    <script>
        function crearFichaDePostulacion(){
            document.getElementById("botonDeCreacion").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')

            let listadoDeFormacionesAcademicas = [];
            let listadoDeHerramientasDeOfimaticas = [];
            let listadoDeUltimosEmpleadores = [];
            let listadoDeCargosEmpleadoEnGuinez = [];
            let listadoDeFamiliaresEnGuinez = [];
            let listadoDeFamiliaresConContratista = [];
            let listadoDeFamiliaresEnAreaDeInspeccion = [];
            let listadoDeEnfermedades = [];
            let listadoDeContactosEmergencias = [];
            let listadoDeGrupoFamiliar = [];
            let listadoDeReferencias = [];
            const sexoPostulante = document.querySelector('input[name="sexo_postulante"]:checked');
            const nacionalidadPostulante = document.querySelector('input[name="nacionalidad_postulante"]:checked');
            const tieneLicenciaPostulante = document.querySelector('input[name="tiene_licencia_postulante"]:checked');
            const ultimoNivelEstudio = document.querySelector('input[name="ultimo_nivel_estudio"]:checked');
            const manegaIngles = document.querySelector('input[name="manega_ingles"]:checked');
            const nivelIngles = document.querySelector('input[name="nivel_ingles"]:checked');
            const haTrabajadoEnGuinez = document.querySelector('input[name="ha_trabajado_guiñez"]:checked');
            const tieneFamiliaresEnGuinez = document.querySelector('input[name="tiene_familiar_guinez"]:checked');
            const tieneFamiliaresConContratista = document.querySelector('input[name="tiene_familiar_contratista"]:checked');
            const tieneFamiliaresEnAreaDeInspeccion = document.querySelector('input[name="tiene_familiar_inspeccion"]:checked');            
            const tieneDiscapacidad = document.querySelector('input[name="tiene_discapacidad"]:checked');   
            const tieneCertificadoDeDiscapacidad = document.querySelector('input[name="tiene_certificado_discapacidad"]:checked');   
            const tieneFamiliarConDiscapacidad = document.querySelector('input[name="tiene_familiar_discapacidad"]:checked');   
            const pertenecePueblosOriginarios = document.querySelector('input[name="pertenece_pueblos_originarios"]:checked');   
            const puebloOriginario = document.querySelector('input[name="pueblo_originario"]:checked');   
            const tieneCertificadoConadi = document.querySelector('input[name="tiene_certificado_conadi"]:checked');   
            const sufresAlgunaEnfermedad = document.querySelector('input[name="sufres_enfermedades"]:checked');   
            const autorizacionDeReferencias = document.querySelector('input[name="autorizacion_referencias"]:checked');  
            const disponibilidadTrasladoPorRegion = document.querySelector('input[name="disponibilidad_traslado_region"]:checked');  
            const poseeExamenAlturaGeografica = document.querySelector('input[name="posee_examen_altura_geografica"]:checked');  


            let seHabilitoElCampoOtraEnfermedad="No";
            const checkboxesEnfermedades = document.querySelectorAll('input[name="enfermedades[]"]:checked');
            checkboxesEnfermedades.forEach(enfermedad => { 
                listadoDeEnfermedades.push(enfermedad.value);
                if(enfermedad.value=="Otra"){
                    seHabilitoElCampoOtraEnfermedad="Si";
                }
            });
            if(listadoDeEnfermedades.length>0){
                listadoDeEnfermedades = JSON.stringify(listadoDeEnfermedades);
            }else{
                listadoDeEnfermedades="";
            }

            let filasDeFormacionesAcademicas = document.getElementById('tabla-formacion-academica').tBodies[0].querySelectorAll("tr");
            filasDeFormacionesAcademicas.forEach(elemento => {
                if (elemento.querySelector(".tabla-contador-formacion-academica")) {
                    let profesion = elemento.querySelector(".tabla-profesion-formacion-academica").innerHTML;
                    let institucion = elemento.querySelector(".tabla-institucion-formacion-academica").innerHTML;
                    let anoTitulo = elemento.querySelector(".tabla-ano-titulo-formacion-academica").innerHTML;

                    let formacionAcademica = {
                        profesion: profesion,
                        institucion: institucion,
                        anoTitulo: anoTitulo,
                    }
                    listadoDeFormacionesAcademicas.push(formacionAcademica);
                }
            });
            if(listadoDeFormacionesAcademicas.length>0){
                listadoDeFormacionesAcademicas = JSON.stringify(listadoDeFormacionesAcademicas);
            }else{
                listadoDeFormacionesAcademicas="";
            }

            let filasDeHerramientasOfimaticas = document.getElementById('tabla-herramientas-ofimaticas').tBodies[0].querySelectorAll("tr");
            let herramientaSinNivel=false;
            filasDeHerramientasOfimaticas.forEach(elemento => {
                if (elemento.querySelector(".tabla-nombre-herramienta-ofimatica")) {
                    let nombre = elemento.querySelector(".tabla-nombre-herramienta-ofimatica").innerHTML;
                    let nivel= elemento.querySelector('input[type="radio"]:checked');

                    if (nivel) {
                        let herramienta = {
                            nombre: nombre,
                            nivel: nivel.value.trim(),
                        }
                        listadoDeHerramientasDeOfimaticas.push(herramienta);
                    }else{
                        herramientaSinNivel=true;
                    }
                }
            });
            if(listadoDeHerramientasDeOfimaticas.length>0  && herramientaSinNivel==false){
                listadoDeHerramientasDeOfimaticas = JSON.stringify(listadoDeHerramientasDeOfimaticas);
            }else{
                listadoDeHerramientasDeOfimaticas="";
            }

            let filasDeUltimosEmpleadores = document.getElementById('tabla-ultimos-empleadores').tBodies[0].querySelectorAll("tr");
            filasDeUltimosEmpleadores.forEach(elemento => {
                if (elemento.querySelector(".tabla-contador-ultimo-empleador")) {
                    let empresa = elemento.querySelector(".tabla-empresa-ultimo-empleador").innerHTML;
                    let cargo = elemento.querySelector(".tabla-cargo-ultimo-empleador").innerHTML;
                    let periodo = elemento.querySelector(".tabla-periodo-ultimo-empleador").innerHTML;
                    let motivoTermino = elemento.querySelector(".tabla-motivo-ultimo-empleador").innerHTML;

                    let ultimoEmpleador = {
                        empresa: empresa,
                        cargo: cargo,
                        periodo: periodo,
                        motivoTermino: motivoTermino
                    }
                    listadoDeUltimosEmpleadores.push(ultimoEmpleador);
                }
            });
            if(listadoDeUltimosEmpleadores.length>0){
                listadoDeUltimosEmpleadores = JSON.stringify(listadoDeUltimosEmpleadores);
            }else{
                listadoDeUltimosEmpleadores="";
            }
            
            let filasDeCargosEmpleadoEnGuinez = document.getElementById('tabla-cargos-empleados-anteriormente-guinez').tBodies[0].querySelectorAll("tr");
            filasDeCargosEmpleadoEnGuinez.forEach(elemento => {
                if (elemento.querySelector(".tabla-contador-trabajado-guinez")) {
                    let cargo= elemento.querySelector(".tabla-cargo-trabajado-guinez").innerHTML;
                    let contrato = elemento.querySelector(".tabla-contrato-trabajado-guinez").innerHTML;
                    let jefatura = elemento.querySelector(".tabla-jefatura-trabajado-guinez").innerHTML;
                    let periodo = elemento.querySelector(".tabla-periodo-trabajado-guinez").innerHTML;
                    let motivoAlejamiento = elemento.querySelector(".tabla-motivo-alejamiento-trabajado-guinez").innerHTML;

                    let CargoEmpleado = {
                        cargo: cargo,
                        contrato: contrato,
                        jefatura: jefatura,
                        periodo: periodo,
                        motivoAlejamiento: motivoAlejamiento
                    }
                    listadoDeCargosEmpleadoEnGuinez.push(CargoEmpleado);
                }
            });
            if(listadoDeCargosEmpleadoEnGuinez.length>0){
                listadoDeCargosEmpleadoEnGuinez = JSON.stringify(listadoDeCargosEmpleadoEnGuinez);
            }else{
                listadoDeCargosEmpleadoEnGuinez="";
            }

            let filasDeFamiliaresEnGuinez = document.getElementById('tabla-familiares-trabajan-guinez').tBodies[0].querySelectorAll("tr");
            filasDeFamiliaresEnGuinez.forEach(elemento => {
                if (elemento.querySelector(".tabla-contador-familiar-trabajan-guinez")) {
                    let nombre= elemento.querySelector(".tabla-nombre-familiar-trabajan-guinez").innerHTML;
                    let contrato = elemento.querySelector(".tabla-contrato-familiar-trabajan-guinez").innerHTML;
                    let parentesco = elemento.querySelector(".tabla-parentesco-familiar-trabajan-guinez").innerHTML;

                    let familiar = {
                        nombre: nombre,
                        contrato: contrato,
                        parentesco: parentesco
                    }
                    listadoDeFamiliaresEnGuinez.push(familiar);
                }
            });
            if(listadoDeFamiliaresEnGuinez.length>0){
                listadoDeFamiliaresEnGuinez = JSON.stringify(listadoDeFamiliaresEnGuinez);
            }else{
                listadoDeFamiliaresEnGuinez="";
            }

            let filasDeFamiliaresConSubcontratistas = document.getElementById('tabla-familiares-trabajan-contratista').tBodies[0].querySelectorAll("tr");
            filasDeFamiliaresConSubcontratistas.forEach(elemento => {
                if (elemento.querySelector(".tabla-contador-familiares-trabajan-contratista")) {
                    let nombre= elemento.querySelector(".tabla-nombre-familiares-trabajan-contratista").innerHTML;
                    let empresa = elemento.querySelector(".tabla-empresa-familiares-trabajan-contratista").innerHTML;
                    let parentesco = elemento.querySelector(".tabla-parentesco-familiares-trabajan-contratista").innerHTML;

                    let familiar = {
                        nombre: nombre,
                        empresa: empresa,
                        parentesco: parentesco
                    }
                    listadoDeFamiliaresConContratista.push(familiar);
                }
            });
            if(listadoDeFamiliaresConContratista.length>0){
                listadoDeFamiliaresConContratista = JSON.stringify(listadoDeFamiliaresConContratista);
            }else{
                listadoDeFamiliaresConContratista="";
            }

            let filasDeFamiliaresEnAreaDeInspeccion = document.getElementById('tabla-familiares-trabajan-inspeccion').tBodies[0].querySelectorAll("tr");
            filasDeFamiliaresEnAreaDeInspeccion.forEach(elemento => {
                if (elemento.querySelector(".tabla-contador-familiares-trabajan-inspeccion")) {
                    let nombre= elemento.querySelector(".tabla-nombre-familiares-trabajan-inspeccion").innerHTML;
                    let empresa = elemento.querySelector(".tabla-empresa-familiares-trabajan-inspeccion").innerHTML;
                    let parentesco = elemento.querySelector(".tabla-parentesco-familiares-trabajan-inspeccion").innerHTML;

                    let familiar = {
                        nombre: nombre,
                        empresa: empresa,
                        parentesco: parentesco
                    }
                    listadoDeFamiliaresEnAreaDeInspeccion.push(familiar);
                }
            });
            if(listadoDeFamiliaresEnAreaDeInspeccion.length>0){
                listadoDeFamiliaresEnAreaDeInspeccion = JSON.stringify(listadoDeFamiliaresEnAreaDeInspeccion);
            }else{
                listadoDeFamiliaresEnAreaDeInspeccion="";
            }

            let filasDeContactosDeEmergencias = document.getElementById('tabla-contactos-emergencias').tBodies[0].querySelectorAll("tr");
            filasDeContactosDeEmergencias.forEach(elemento => {
                if (elemento.querySelector(".tabla-contador-contactos-emergencias")) {
                    let nombre= elemento.querySelector(".tabla-nombre-contactos-emergencias").innerHTML;
                    let telefono = elemento.querySelector(".tabla-telefono-contactos-emergencias").innerHTML;
                    let celular = elemento.querySelector(".tabla-celular-contactos-emergencias").innerHTML;
                    let direccion = elemento.querySelector(".tabla-direccion-contactos-emergencias").innerHTML;

                    let contactoDeEmergencia = {
                        nombre: nombre,
                        telefono: telefono,
                        celular: celular,
                        direccion: direccion
                    }
                    listadoDeContactosEmergencias.push(contactoDeEmergencia);
                }
            });
            if(listadoDeContactosEmergencias.length>0){
                listadoDeContactosEmergencias = JSON.stringify(listadoDeContactosEmergencias);
            }else{
                listadoDeContactosEmergencias="";
            }

            let filasDeGrupoFamiliar = document.getElementById('tabla-grupo-familiar').tBodies[0].querySelectorAll("tr");
            filasDeGrupoFamiliar.forEach(elemento => {
                if (elemento.querySelector(".tabla-contador-grupo-familiar")) {
                    let tipoDePariente= elemento.querySelector(".tabla-tipo-pariente-grupo-familiar").innerHTML;
                    let rut = elemento.querySelector(".tabla-rut-grupo-familiar").innerHTML;
                    let nombre = elemento.querySelector(".tabla-nombre-grupo-familiar").innerHTML;
                    let fechaNacimiento = elemento.querySelector(".tabla-fecha-nacimiento-grupo-familiar").innerHTML;
                    let sexo = elemento.querySelector(".tabla-sexo-grupo-familiar").innerHTML;
                    let nacionalidad = elemento.querySelector(".tabla-nacionalidad-grupo-familiar").innerHTML;
                    let esCarga = elemento.querySelector(".tabla-carga-grupo-familiar").innerHTML;

                    let grupoFamiliar = {
                        tipoDePariente: tipoDePariente,
                        rut: rut,
                        nombre: nombre,
                        fechaNacimiento: fechaNacimiento,
                        sexo: sexo,
                        nacionalidad: nacionalidad,
                        esCarga: esCarga
                    }
                    listadoDeGrupoFamiliar.push(grupoFamiliar);
                }
            });
            if(listadoDeGrupoFamiliar.length>0){
                listadoDeGrupoFamiliar = JSON.stringify(listadoDeGrupoFamiliar);
            }else{
                listadoDeGrupoFamiliar="";
            }

            let filasDeReferencias= document.getElementById('tabla-referencias').tBodies[0].querySelectorAll("tr");
            filasDeReferencias.forEach(elemento => {
                if (elemento.querySelector(".tabla-contador-referencias")) {
                    let nombre= elemento.querySelector(".tabla-nombre-referencias").innerHTML;
                    let empresa = elemento.querySelector(".tabla-empresa-referencias").innerHTML;
                    let cargo = elemento.querySelector(".tabla-cargo-referencias").innerHTML;
                    let fono = elemento.querySelector(".tabla-fono-referencias").innerHTML;

                    let referencia = {
                        nombre: nombre,
                        empresa: empresa,
                        cargo: cargo,
                        fono: fono,
                    }
                    listadoDeReferencias.push(referencia);
                }
            });
            if(listadoDeReferencias.length>0){
                listadoDeReferencias = JSON.stringify(listadoDeReferencias);
            }else{
                listadoDeReferencias="";
            }

            const formData = new FormData();
            formData.append('cargo', document.getElementById("campoCargoPostulacion").value.trim());
            formData.append('nombre_postulante', document.getElementById("campoNombrePostulante").value.trim());
            formData.append('rut_postulante', document.getElementById("campoRutPostulante").value.trim());
            if (sexoPostulante) {
                formData.append('sexo_postulante', sexoPostulante.value.trim());
            }
            formData.append('fecha_nacimiento', document.getElementById("campoFechaDeNacimiento").value.trim());
            formData.append('estado_civil_postulante', document.getElementById("campoEstadoCivil").value.trim());
            formData.append('domicilio_postulante', document.getElementById("campoDomicilio").value.trim());
            formData.append('ciudad_postulante', document.getElementById("campoCiudad").value.trim());
            formData.append('region_residencia_postulante', document.getElementById("campoRegionResidencia").value.trim());
            if (nacionalidadPostulante) {
                formData.append('nacionalidad_postulante', nacionalidadPostulante.value.trim());
            }
            formData.append('pais_postulante', document.getElementById("campoPais").value.trim());
            formData.append('afp_postulante', document.getElementById("campoAfp").value.trim());
            formData.append('sistema_salud_postulante', document.getElementById("campoSistemaDeSalud").value.trim());
            formData.append('telefono_postulante', document.getElementById("campoTelefono").value.trim());
            formData.append('otro_telefono_postulante', document.getElementById("campoOtroTelefono").value.trim());
            formData.append('correo_postulante', document.getElementById("campoCorreo").value.trim());
            if (tieneLicenciaPostulante) {
                formData.append('tiene_licencia_postulante', tieneLicenciaPostulante.value.trim());
            }
            formData.append('clase_licencia_postulante', document.getElementById("campoClaseLicencia").value.trim());
            formData.append('fecha_expiracion_licencia_postulante', document.getElementById("campoFechaExpiracionLicencia").value.trim());
            if (ultimoNivelEstudio) {
                formData.append('ultimo_nivel_estudio', ultimoNivelEstudio.value.trim());
            }
            formData.append('listado_formaciones_academicas', listadoDeFormacionesAcademicas);
            if (manegaIngles) {
                formData.append('manega_ingles', manegaIngles.value.trim());
            }
            if (nivelIngles) {
                formData.append('nivel_ingles', nivelIngles.value.trim());
            }
            formData.append('listado_herramienta_oficinas', listadoDeHerramientasDeOfimaticas);
            formData.append('experiencia_general', document.getElementById("campoExperienciaGeneral").value);
            formData.append('experiencia_especifica', document.getElementById("campoExperienciaEspecifica").value);
            formData.append('listado_ultimos_empleadores', listadoDeUltimosEmpleadores);
            if (haTrabajadoEnGuinez) {
                formData.append('ha_trabajado_guinez', haTrabajadoEnGuinez.value.trim());
            }
            formData.append('listado_cargos_empleados_guinez', listadoDeCargosEmpleadoEnGuinez);
            if (tieneFamiliaresEnGuinez) {
                formData.append('tiene_familiar_guinez', tieneFamiliaresEnGuinez.value.trim());
            }
            formData.append('listado_familiares_guinez', listadoDeFamiliaresEnGuinez);
            if (tieneFamiliaresConContratista) {
                formData.append('tiene_familiar_contratista', tieneFamiliaresConContratista.value.trim());
            }
            formData.append('listado_familiares_contratista', listadoDeFamiliaresConContratista);
            if (tieneFamiliaresEnAreaDeInspeccion) {
                formData.append('tiene_familiar_inspeccion', tieneFamiliaresEnAreaDeInspeccion.value.trim());
            }
            formData.append('listado_familiares_inspeccion', listadoDeFamiliaresEnAreaDeInspeccion);
            if (tieneDiscapacidad) {
                formData.append('tiene_discapacidad', tieneDiscapacidad.value.trim());
            }
            if (tieneCertificadoDeDiscapacidad) {
                formData.append('tiene_certificado_discapacidad', tieneCertificadoDeDiscapacidad.value.trim());
            }
            if (tieneFamiliarConDiscapacidad) {
                formData.append('tiene_familiar_discapacidad', tieneFamiliarConDiscapacidad.value.trim());
            }
            if (pertenecePueblosOriginarios ) {
                formData.append('pertenece_pueblos_originarios', pertenecePueblosOriginarios.value.trim());
            }
            if (puebloOriginario) {
                formData.append('pueblo_originario', puebloOriginario.value.trim());
            }
            if (tieneCertificadoConadi) {
                formData.append('tiene_certificado_conadi', tieneCertificadoConadi.value.trim());
            }
            if (sufresAlgunaEnfermedad) {
                formData.append('sufres_enfermedades', sufresAlgunaEnfermedad.value.trim());
            }
            formData.append('listado_enfermedades', listadoDeEnfermedades);
            formData.append('se_habilito_campo_otra_enfermedad', seHabilitoElCampoOtraEnfermedad);
            formData.append('otra_enfermedad_especificar', document.getElementById("campoOtraEnfermedad").value.trim());
            formData.append('listado_contactos_emergencias', listadoDeContactosEmergencias);
            formData.append('listado_grupo_familiar', listadoDeGrupoFamiliar);
            if (autorizacionDeReferencias) {
                formData.append('autorizacion_referencias', autorizacionDeReferencias.value.trim());
            }
            formData.append('listado_referencias', listadoDeReferencias);
            formData.append('expectativa_renta_formato_postulante', document.getElementById("campoExpectativaDeRentaConFormato").value.trim());
            formData.append('expectativa_renta_numero_postulante', document.getElementById("campoExpectativaDeRentaNumero").value.trim());
            if (disponibilidadTrasladoPorRegion) {
                formData.append('disponibilidad_traslado_region', disponibilidadTrasladoPorRegion.value.trim());
            }
            if (poseeExamenAlturaGeografica) {
                formData.append('posee_examen_altura_geografica', poseeExamenAlturaGeografica.value.trim());
            }
            formData.append('id_cargo_solicitud_reclutamiento', document.getElementById("campoIdCargoSolicitudReclutamiento").value.trim());

            let csrf = '{{ csrf_token() }}';

            $.ajax({
                url: '{{ route('ficha-postulacion.store') }}',
                method: 'POST',
                data: formData,
                contentType: false,
                processData: false,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    location.href="{{route('ficha-postulacion.ficha-completa-exito')}}";
                },
                error: function(data) {
                    console.log("Datos enviados:", data)
                    validarCamposDelFormularioDeFichaDePostulacion(data)
                    Swal.fire({
                        icon: 'error',
                        title: '¡Errores en el Formulario!',
                        text: 'Revise los campos del formulario. Hay campos incompletos o que no cumple con los requisitos establecidos. Asegurase de completar todos los campos obligatorios y de corregir cualquier error señalado.',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })
                    document.getElementById("botonDeCreacion").removeAttribute("disabled");
                    eliminarLoading()
                }
            })
        }
    </script>
@stop