@extends('adminlte::page')

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

@section('title', 'Intranet | Nuevo Postulante Para El Cargo ' . $cargo->cargo)

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

    </div>
@stop

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

                <div class="card card-aspen card-tabs">

                    <div class="card-header p-0 pt-1">
                        <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="custom-tabs-one-messages-tab" data-toggle="pill" href="#custom-tabs-one-messages" role="tab" aria-controls="custom-tabs-one-messages" aria-selected="false">Datos Del Cargo</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Formulario Postulante</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Postulantes</a>
                            </li>
                        </ul>
                    </div>

                    <form id="formularioDeRequisicion" enctype="multipart/form-data">
                        @csrf
                        <div class="card-body">
                            <div class="tab-content" id="custom-tabs-one-tabContent">
                                <div class="tab-pane fade show active" id="custom-tabs-one-messages" role="tabpanel" aria-labelledby="custom-tabs-one-messages-tab">
                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label for="cargo">Correlativo Solicitud De Reclutamiento</label>
                                            <input type="text" class="form-control" name="correlativo" value="{{ old('correlativo', $cargo->solicitudDeReclutamiento->correlativo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Nombre Solicitante</label>
                                            <input type="text" class="form-control" name="nombreSolicitante" value="{{ old('nombreSolicitante', $cargo->solicitudDeReclutamiento->solicitante->name) }}" readonly="true">
                                        </div>

                                        @isset($cargo->solicitudDeReclutamiento->autorizador)
                                            <div class="form-group">
                                                <label for="cargo">Nombre Autorizador</label>
                                                <input type="text" class="form-control" name="nombreAutorizador" value="{{ old('nombreAutorizador', $cargo->solicitudDeReclutamiento->autorizador->name) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @if ($cargo->solicitudDeReclutamiento->centroCosto->sucursal == 'Antofagasta')
                                            @isset($cargo->solicitudDeReclutamiento->responsableSondeo)
                                                <div class="form-group">
                                                    <label for="cargo">Responsable</label>
                                                    <input type="text" class="form-control" name="responsableSondeo" value="{{ old('responsableSondeo', $cargo->solicitudDeReclutamiento->responsableSondeo->name) }}" readonly="true">
                                                </div>
                                            @endisset
                                        @else
                                            @isset($cargo->solicitudDeReclutamiento->responsableSondeo)
                                                <div class="form-group">
                                                    <label for="cargo">Responsable De Sondeo</label>
                                                    <input type="text" class="form-control" name="responsableSondeo" value="{{ old('responsableSondeo', $cargo->solicitudDeReclutamiento->responsableSondeo->name) }}" readonly="true">
                                                </div>
                                            @endisset

                                            @isset($cargo->solicitudDeReclutamiento->responsableDocumentacion)
                                                <div class="form-group">
                                                    <label for="cargo">Responsable De Documentación</label>
                                                    <input type="text" class="form-control" name="responsableDocumentacion" value="{{ old('responsableDocumentacion', $cargo->solicitudDeReclutamiento->responsableDocumentacion->name) }}" readonly="true">
                                                </div>
                                            @endisset
                                        @endif

                                        <div class="form-group">
                                            <label for="cargo">Nombre Cargo</label>
                                            <input type="text" class="form-control" name="nombre_cargo" value="{{ old('nombre_cargo', $cargo->cargo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Numero De Vacantes</label>
                                            <input type="text" class="form-control" name="vacantes" value="{{ old('vacantes', $cargo->numero_vacante) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Faena</label>
                                            <input type="text" class="form-control" name="afaena" value="{{ old('faena', $cargo->faena->faena) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Area De Trabajo</label>
                                            <input type="text" class="form-control" name="area_trabajo" value="{{ old('area_trabajo', $cargo->area_trabajo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Tipo De Turno</label>
                                            <input type="text" class="form-control" name="tipo_turno" value="{{ old('tipo_turno', $cargo->tipo_turno) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Horario</label>
                                            <input type="text" class="form-control" name="horario" value="{{ old('horario', $cargo->horario) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Centro De Costo</label>
                                            <input type="text" class="form-control" name="centro_costo" value="{{ old('centro_costo', $cargo->centroCosto->centro_costo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Nombre Supervisor Directo</label>
                                            <input type="text" class="form-control" name="nombre_supervisor_directo" value="{{ old('nombre_supervisor_directo', $cargo->nombre_supervisor_directo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Correo Supervisor Directo</label>
                                            <input type="text" class="form-control" name="correo_supervisor_directo" value="{{ old('correo_supervisor_directo', $cargo->correo_supervisor_directo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Supervisa A Cargo</label>
                                            <input type="text" class="form-control" name="supervisa_cargo" value="{{ old('supervisa_cargo', $cargo->supervisa_cargo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Nivel Academico</label>
                                            <input type="text" class="form-control" name="nivel_academico" value="{{ old('nivel_academico', $cargo->nivel_academico) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Profesión</label>
                                            <input type="text" class="form-control" name="profesion" value="{{ old('profesion', $cargo->profesion) }}" readonly="true">
                                        </div>

                                        @if ($cargo->experiencia_laboral > 0)
                                            <div class="form-group">
                                                <label for="cargo">Experiencia Laboral</label>
                                                <input type="text" class="form-control" name="experiencia_laboral" value="{{ old('experiencia_laboral', $cargo->experiencia_laboral . ' Años') }}" readonly="true">
                                            </div>
                                        @else
                                            <div class="form-group">
                                                <label for="cargo">Experiencia Laboral</label>
                                                <input type="text" class="form-control" name="experiencia_laboral" value="{{ old('experiencia_laboral', 'Sin Experiencia    ') }}" readonly="true">
                                            </div>
                                        @endif

                                        <div class="form-group">
                                            <label for="cargo">Sueldo Bruto</label>
                                            <input type="text" class="form-control" name="sueldo_bruto_texto" value="{{ old('sueldo_bruto_texto', $cargo->sueldo_bruto_texto) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Fecha Esperada De Ingreso a Faena/Oficina</label>
                                            <input type="date" class="form-control" name="fecha_ingreso" value="{{ old('fecha_ingreso', fechaConFormatoDeUSA($cargo->fecha_ingreso)) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Tipo De Vehiculo</label>
                                            <input type="text" class="form-control" name="tipo_vehiculo" value="{{ old('tipo_vehiculo', $cargo->tipo_vehiculo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Maquinaria</label>
                                            <input type="text" class="form-control" name="maquinaria" value="{{ old('maquinaria', $cargo->maquinaria) }}" readonly="true">
                                        </div>
                                    </div>

                                    @if (count($cargo->conocimientos) > 0)
                                        <div class="dt-responsive table-responsive">
                                            <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-conocimiento-certificaciones">
                                                <thead>
                                                    <tr role="row">
                                                        <th>#</th>
                                                        <th>Conocimientos y/o certificaciones Añadidos</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="registroConocimientosCertificaciones">
                                                    @php
                                                        $cantidadConocimientoDelCargo = 0;
                                                    @endphp
                                                    @foreach ($cargo->conocimientos as $cono)
                                                        @php
                                                            $cantidadConocimientoDelCargo++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-contador-conocimiento-certificacion">{{ $cantidadConocimientoDelCargo }}</td>
                                                            <td class="tabla-conocimiento-certificacion">{{ $cono->conocimiento_certificacion }}</td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    @endif

                                    @if (count($cargo->bonos) > 0)
                                        <div class="dt-responsive table-responsive">
                                            <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-bonos-asociados">
                                                <thead>
                                                    <tr role="row">
                                                        <th>#</th>
                                                        <th>Bonos Asociados Añadidos</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="registroBonosAsociados">
                                                    @php
                                                        $cantidadBonosDelCargo = 0;
                                                    @endphp
                                                    @foreach ($cargo->bonos as $bon)
                                                        @php
                                                            $cantidadBonosDelCargo++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-contador-bonos-asociado">{{ $cantidadBonosDelCargo }}</td>
                                                            <td class="tabla-bonos-asociado">{{ $bon->bono }}</td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    @endif

                                    @isset($cargo->observacion)
                                        <div class="form-group">
                                            <label for="observacion">Observación</label>
                                            <textarea class="form-control" id="observacion" name="observacion" rows="3" readonly="true">{{ $cargo->observacion }}</textarea>
                                        </div>
                                    @endisset


                                    <div class="contenedorEvaluacionesModal" id="contenedorEvaluacionesModal" style="margin-bottom: 10px;">
                                        <div style="padding:10px;" class="text-center">EVALUACIONES</div>
                                        <div style="padding:10px;" class="text-center">OPCIÓN SELECCIONADA</div>
                                        @php
                                            $cantidadModalEvaluacion = 0;
                                        @endphp
                                        @foreach ($cargo->evaluaciones as $detalleEvaluacion)
                                            @php
                                                $cantidadEvaluacionEsPar = false;
                                                $cantidadModalEvaluacion++;
                                                if ($cantidadModalEvaluacion % 2 == 0) {
                                                    $cantidadEvaluacionEsPar = true;
                                                } else {
                                                    $cantidadEvaluacionEsPar = false;
                                                }
                                            @endphp
                                            @if ($cantidadEvaluacionEsPar == false)
                                                <div class="filaEvaluacionBlancoClaro">{{ $detalleEvaluacion->evaluacion }}</div>
                                                <div class="filaEvaluacionBlancoClaro text-center">{{ $detalleEvaluacion->opcion }}</div>
                                            @else
                                                <div class="filaEvaluacionBlancoOscuro">{{ $detalleEvaluacion->evaluacion }}</div>
                                                <div class="filaEvaluacionBlancoOscuro text-center">{{ $detalleEvaluacion->opcion }}</div>
                                            @endif
                                        @endforeach
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">

                                        <div class="form-group">
                                            <label for="rut">Rut Postulante</label>
                                            <input type="text" class="form-control" id="rutPostulante" name="rut_postulante" value="{{ old('rut_postulante') }}" onblur="cambiarCampoRutHaTexto(this)" onkeypress="return validarCampoRut(event)" onfocus="cambiarCampoRutHaNumero(this)">
                                            <div class="invalid-feedback" id="valicacionCampoRutPostulante">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Nombre Postulante</label>
                                            <input type="text" class="form-control" id="nombrePostulante" name="nombre_postulante" value="{{ old('nombre_postulante') }}">
                                            <div class="invalid-feedback" id="valicacionNombrePostulante">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Correo Postulante</label>
                                            <input type="text" class="form-control" id="correoPostulante" name="correo_postulante" value="{{ old('correo_postulante') }}">
                                            <div class="invalid-feedback" id="valicacioCorreoPostulante">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Telefono Postulante</label>
                                            <input type="text" class="form-control" id="nombreTelefono" name="nombre_telefono" value="{{ old('nombre_telefono') }}" onkeypress="return losCamposSoloSeIngresanNumeros(event)">
                                            <div class="invalid-feedback" id="valicacionNombreTelefono">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Enfermedad </label>
                                            <div class="input-group">
                                                <input type="text" class="form-control" id="enfermedad" name="enfermedad" value="{{ old('enfermedad') }}">
                                                <span class="input-group-append">
                                                    <button type="button" class="btn btn-aspen" onclick="agregarEnfermedad()">Añadir</button>
                                                </span>
                                            </div>
                                            <div class="invalid-feedback" id="valicacionCampoEnfermedad">

                                            </div>
                                        </div>
                                    </div>

                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorEnfermedad"> </div>
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-enfermedades">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Enfermedad</th>
                                                    <th>Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroEnfermedades">
                                                <tr id="enfermedadesNoDisponibleEnLaTabla">
                                                    <td colspan="3" class="text-center">No hay enfermedades disponibles en
                                                        la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label for="cargo">Ciudad</label>
                                            <input type="text" class="form-control" id="ciudadPostulante" name="ciudad_postulante" value="{{ old('ciudad_postulante') }}">
                                            <div class="invalid-feedback" id="valicacioCiudadPostulante">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Pretensión De Renta</label>
                                            <input type="text" class="form-control" id="pretensionDeRentaTexto" name="pretension_renta_texto" value="{{ old('pretension_renta_texto') }}" onfocus="reestablecerCampoRenta(this)" onblur="establecerFormatoMonedaRenta(this)" onkeypress="return losCamposSoloSeIngresanNumeros(event)" onpaste="return false;" onCopy="return false" onCut="return false">
                                            <div class="invalid-feedback" id="valicacionCampoPretensionDeRentaTexto">

                                            </div>
                                        </div>
                                        <input type="hidden" id="pretensionDeRentaNumero" name="pretension_renta_numero">

                                        <div class="form-group">
                                            <label>Licencia De Conducir</label>
                                            <select class="form-control listaDespegableConBuscador" id="licenciaDeConducir" name="licencia_conducir" data-live-search="true">
                                                <option value="">--Seleccionar Licencia De Conducir--</option>
                                                @foreach ($Licencias as $Licencia)
                                                    @if (old('licencia_conducir') == $Licencia)
                                                        <option selected value="{{ $Licencia }}">{{ $Licencia }}
                                                        </option>
                                                    @else
                                                        <option value="{{ $Licencia }}">{{ $Licencia }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                            <div class="invalid-feedback" id="valicacioLicenciaDeConducir">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="cargo">Partes </label>
                                            <div class="input-group">
                                                <input type="text" class="form-control" id="partes" name="partes" value="{{ old('partes') }}">
                                                <span class="input-group-append">
                                                    <button type="button" class="btn btn-aspen" onclick="agregarPartes()">Añadir</button>
                                                </span>
                                            </div>
                                            <div class="invalid-feedback" id="valicacionCampoPartes">

                                            </div>
                                        </div>
                                    </div>

                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorParte"> </div>
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-partes">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Partes</th>
                                                    <th>Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroPartes">
                                                <tr id="partesNoDisponibleEnLaTabla">
                                                    <td colspan="3" class="text-center">No hay partes disponibles en la
                                                        tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label>Tiene Discapacidad</label>
                                            <select aria-disabled="true" class="form-control listaDespegableConBuscador" id="discapacidad" name="discapacidad" data-live-search="true" onchange="cambiosCamposTieneDiscapacidad(this)">
                                                <option value="">--Seleccionar Si Tiene Discapacidad--</option>
                                                @foreach ($tieneDiscapacidad as $disca)
                                                    @if (old('discapacidad') == $disca)
                                                        <option selected value="{{ $disca }}">{{ $disca }}</option>
                                                    @else
                                                        <option value="{{ $disca }}">{{ $disca }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                            <div class="invalid-feedback" id="valicacionCampoDiscapacidad">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="maquinaria">Discapacidad</label>
                                            <input type="text" class="form-control" id="nombreDiscapacidad" name="nombre_discapacidad" value="{{ old('nombre_discapacidad', 'Sin Discapacidad') }}" readonly="true">
                                            <div class="invalid-feedback" id="valicacionCampoNombreDiscapacidad">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="maquinaria">Carnet De Discapacidad</label>
                                            <input type="text" class="form-control" id="carnetDiscapacidad" name="carnet_discapacidad" value="{{ old('carnet_discapacidad', 'Sin Carnet') }}" readonly="true">
                                            <div class="invalid-feedback" id="valicacionCampoCarnetDiscapacidad">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="maquinaria">Disponibilidad</label>
                                            <input type="text" class="form-control" id="disponibilidad" name="disponibilidad" value="{{ old('disponibilidad') }}">
                                            <div class="invalid-feedback" id="valicacionCampoDisponibilidad">

                                            </div>
                                        </div>
                                    </div>

                                    <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                        <legend class="titulo-fieldset-color-azul" id="legendArticulo">Nivel De Estudio</legend>

                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <div class="form-group">
                                                <label>Tipo Estudios</label>
                                                <select class="form-control listaDespegableConBuscador" onchange="cambiosCamposTipoDeEstudio(this)" id="tipoEstudioPostulante" name="tipo_estudio_postulante" data-live-search="true">
                                                    <option value="">--Seleccionar Tipo Estudio--</option>
                                                    @foreach ($tiposEstudios as $tipoEstudio)
                                                        @if (old('tipo_estudio_postulante') == $tipoEstudio)
                                                            <option selected value="{{ $tipoEstudio }}">{{ $tipoEstudio }}
                                                            </option>
                                                        @else
                                                            <option value="{{ $tipoEstudio }}">{{ $tipoEstudio }}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                <div class="invalid-feedback" id="valicacionCampoTipoEstudioPostulante">

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="cargo">Estudios/Profesión</label>
                                                <input type="text" class="form-control" id="estudioPostulante" readonly="true" name="estudio_postulante" value="{{ old('estudio_postulante') }}">
                                                <div class="invalid-feedback" id="valicacioEstudioPostulante">

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label>Estado Estudios</label>
                                                <select class="form-control listaDespegableConBuscador" id="estadoEstudioPostulante" name="estado_estudio_postulante" data-live-search="true">
                                                    <option value="">--Seleccionar Estado Estudio--</option>
                                                    @foreach ($estadosEstudios as $estadoEstudio)
                                                        @if (old('estado_estudio_postulante') == $estadoEstudio)
                                                            <option selected value="{{ $estadoEstudio }}">{{ $estadoEstudio }}
                                                            </option>
                                                        @else
                                                            <option value="{{ $estadoEstudio }}">{{ $estadoEstudio }}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                <div class="invalid-feedback" id="valicacionCampoEstadoEstudioPostulante">

                                                </div>
                                            </div>
                                        </div>

                                        <button type="button" class="btn btn-aspen" onclick="agregarEstudios()"> Añadir
                                            Estudios</button>
                                    </fieldset>

                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorEstudios"> </div>
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-estudios">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Tipo Estudios</th>
                                                    <th>Estudios/Profesión</th>
                                                    <th>Estado Estudios</th>
                                                    <th>Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroEstudios">
                                                <tr id="estudiosNoDisponibleEnLaTabla">
                                                    <td colspan="5" class="text-center">No hay estudios disponibles en la
                                                        tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <fieldset class="fieldset-color-azul" id="fieldsetArticulo" style="display: none;">
                                        <legend class="titulo-fieldset-color-azul" id="legendArticulo">Experiencia Del
                                            Postulante</legend>

                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <div class="form-group">
                                                <label for="cargo">Año</label>
                                                <input type="text" class="form-control" id="anoExperienciaPostulante" name="ano_experiencia_postulante" value="{{ old('ano_experiencia_postulante') }}" onkeypress="return losCamposSoloSeIngresanNumeros(event)">
                                                <div class="invalid-feedback" id="valicacioAnoExperienciaPostulante">

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="cargo">Cargo</label>
                                                <input type="text" class="form-control" id="cargoExperienciaPostulante" name="cargo_experiencia_postulante" value="{{ old('cargo_experiencia_postulante') }}">
                                                <div class="invalid-feedback" id="valicacioCargoExperienciaPostulante">

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="cargo">Empresa</label>
                                                <input type="text" class="form-control" id="empresaExperienciaPostulante" name="empresa_experiencia_postulante" value="{{ old('empresa_experiencia_postulante') }}">
                                                <div class="invalid-feedback" id="valicacioEmpresaExperienciaPostulante">

                                                </div>
                                            </div>
                                        </div>

                                        <button type="button" class="btn btn-aspen" onclick="agregarExperiencia()"> Añadir
                                            Experiencia</button>
                                    </fieldset>

                                    <div class="dt-responsive table-responsive" style="display: none;">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-experiencias">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Año De Experiencia</th>
                                                    <th>Cargo</th>
                                                    <th>Empresa</th>
                                                    <th>Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroExperiencias">
                                                <tr id="experienciasNoDisponibleEnLaTabla">
                                                    <td colspan="5" class="text-center">No hay experiencias disponibles en
                                                        la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label for="cargo">Experencia General</label>
                                            <input type="text" class="form-control" onfocus="modificarValorCampoExperienciaGeneralTexto(this)" onblur="establecerValorDelCampoExperienciaGeneralNumero(this)" onkeypress="return losCamposSoloSeIngresanNumeros(event)" id="experienciaGeneralTexto" name="experiencia_general_texto" value="{{ old('experiencia_general_texto') }}" onpaste="return false;" onCopy="return false" onCut="return false">
                                            <div class="invalid-feedback" id="valicacionCampoExperienciaGeneralTexto">

                                            </div>
                                        </div>
                                        <input type="hidden" name="experiencia_general_numero" id="experienciaGeneralNumero">

                                        <div class="form-group">
                                            <label for="cargo">Experencia Especifica</label>
                                            <input type="text" class="form-control" onfocus="modificarValorCampoExperienciaEspecificoTexto(this)" onblur="establecerValorDelCampoExperienciaEspecificoNumero(this)" onkeypress="return losCamposSoloSeIngresanNumeros(event)" id="experienciaEspecificaTexto" name="experiencia_especifica_texto" value="{{ old('experiencia_especifica_texto') }}" onpaste="return false;" onCopy="return false" onCut="return false">
                                            <div class="invalid-feedback" id="valicacionCampoExperienciaEspecificaTexto">

                                            </div>
                                        </div>
                                        <input type="hidden" name="experiencia_especifica_numero" id="experienciaEspecificaNumero">
                                    </div>

                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorConflictoDeInteresNumero1"> </div>
                                    <fieldset class="fieldset-color-azul" id="fieldsetFamiliarEnNuestraEmpresa">
                                        <legend class="titulo-fieldset-color-azul" id="legendFamiliarEnNuestraEmpresa"></legend>
                                        <h4>Indique si tiene algún familiar en nuestra empresa.</h4>

                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <div class="form-group">
                                                <label for="nombreFamiliarNuestraEmpresa">Nombre</label>
                                                <input type="text" class="form-control" id="nombreFamiliarNuestraEmpresa" name="nombre_familiar_nuestra_empresa" value="{{ old('nombre_familiar_nuestra_empresa') }}">
                                                <div class="invalid-feedback" id="valicacionCampoNombreFamiliarNuestraEmpresa">

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="areaFamiliarNuestraEmpresa">Área/Servicio y Faena </label>
                                                <input type="text" class="form-control" id="areaFamiliarNuestraEmpresa" name="area_familiar_nuestra_empresa" value="{{ old('area_familiar_nuestra_empresa') }}">
                                                <div class="invalid-feedback" id="valicacionCampoAreaFamiliarNuestraEmpresa">

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="parentescoFamiliarNuestraEmpresa">Parentesco </label>
                                                <input type="text" class="form-control" id="parentescoFamiliarNuestraEmpresa" name="parentesco_familiar_nuestra_empresa" value="{{ old('parentesco_familiar_nuestra_empresa') }}">
                                                <div class="invalid-feedback" id="valicacionCampoParentescoFamiliarNuestraEmpresa">

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label>Estado</label>
                                                <select class="form-control listaDespegableConBuscador" id="estadoFamiliarNuestraEmpresa" name="estado_familiar_nuestra_empresa" data-live-search="true" onchange="habilitarDeshalitarCamposSobreElConflictoInteresSegunSuEstado(this)">
                                                    <option value="APLICA">APLICA</option>
                                                    <option value="NO APLICA">NO APLICA</option>
                                                </select>
                                                <div class="invalid-feedback" id="valicacionCampoEstadoFamiliarNuestraEmpresa">
                
                                                </div>
                                            </div>
                                        </div>

                                        <button type="button" class="btn btn-aspen" onclick="agregarConflictoInteresEnEmpresGuinez()"> Añadir</button>
                                    </fieldset>

                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-conflicto-interes-familiar-nuestra-empresas">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Nombre</th>
                                                    <th>Área/Servicio y Faena</th>
                                                    <th>Parentesco</th>
                                                    <th>Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroConfictoInteresFamiliarNuestraEmpresa">
                                                <tr id="confictoInteresFamiliarNuestraEmpresaNoDisponibleEnLaTabla">
                                                    <td colspan="5" class="text-center">No hay conflicto de interes disponibles en la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorConflictoDeInteresNumero2"> </div>
                                    <fieldset class="fieldset-color-azul" id="fieldsetFamiliarEmpresaContratista">
                                        <legend class="titulo-fieldset-color-azul" id="legendFamiliarEmpresaContratista"></legend>
                                        <h4>Indique si tiene algún conocido y/o familiar en algunas de nuestras subcontratistas o empresa mandante para la cual trabajaría.</h4>

                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <div class="form-group">
                                                <label for="nombreFamiliarEmpresaContratista">Nombre</label>
                                                <input type="text" class="form-control" id="nombreFamiliarEmpresaContratista" name="nombre_familiar_empresa_contratista" value="{{ old('nombre_familiar_empresa_contratista') }}">
                                                <div class="invalid-feedback" id="valicacionCampoNombreFamiliarEmpresaContratista">

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="empresaFamiliarEmpresaContratista">Empresa </label>
                                                <input type="text" class="form-control" id="empresaFamiliarEmpresaContratista" name="empresa_familiar_empresa_contratista" value="{{ old('empresa_familiar_empresa_contratista') }}">
                                                <div class="invalid-feedback" id="valicacionCampoEmpresaFamiliarEmpresaContratista">

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="parentescoFamiliarEmpresaContratista">Parentesco </label>
                                                <input type="text" class="form-control" id="parentescoFamiliarEmpresaContratista" name="parentesco_familiar_empresa_contratista" value="{{ old('parentesco_familiar_empresa_contratista') }}">
                                                <div class="invalid-feedback" id="valicacionCampoParentescoFamiliarEmpresaContratista">

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label>Estado</label>
                                                <select class="form-control listaDespegableConBuscador" id="estadoFamiliarEmpresaContratista" name="estado_familiar_empresa_contratista" data-live-search="true" onchange="habilitarDeshalitarCamposConflictoInteresEnEmpresaContratistaSegunSuEstado(this)">
                                                    <option value="APLICA">APLICA</option>
                                                    <option value="NO APLICA">NO APLICA</option>
                                                </select>
                                                <div class="invalid-feedback" id="valicacionCampoEstadoFamiliarEmpresaContratista">
                
                                                </div>
                                            </div>
                                        </div>

                                        <button type="button" class="btn btn-aspen" onclick="agregarConflictoInteresEnEmpresaContratista()"> Añadir</button>
                                    </fieldset>

                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-conflicto-interes-familiar-empresa-contratista">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Nombre</th>
                                                    <th>Empresa</th>
                                                    <th>Parentesco</th>
                                                    <th>Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroConfictoInteresFamiliarEmpresaContratista">
                                                <tr id="confictoInteresFamiliarEmpresaContratistaNoDisponibleEnLaTabla">
                                                    <td colspan="5" class="text-center">No hay conflicto de interes disponibles en la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorConflictoDeInteresNumero3"> </div>
                                    <fieldset class="fieldset-color-azul" id="fieldsetFamiliarInspeccionTecnica">
                                        <legend class="titulo-fieldset-color-azul" id="legendFamiliarInspeccionTecnica"></legend>
                                        <h4>En caso de que usted esté postulando a un contrato de inspección técnica, declare 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 proyecto(s).</h4>

                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <div class="form-group">
                                                <label for="nombreFamiliarInspeccionTecnica">Nombre</label>
                                                <input type="text" class="form-control" id="nombreFamiliarInspeccionTecnica" name="nombre_familiar_inspeccion_tecnica" value="{{ old('nombre_familiar_inspeccion_tecnica') }}">
                                                <div class="invalid-feedback" id="valicacionCampoNombreFamiliarInspeccionTecnica">

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="empresaFamiliarInspeccionTecnica">Empresa </label>
                                                <input type="text" class="form-control" id="empresaFamiliarInspeccionTecnica" name="empresa_familiar_inspeccion_tecnica" value="{{ old('empresa_familiar_inspeccion_tecnica') }}">
                                                <div class="invalid-feedback" id="valicacionCampoEmpresaFamiliarInspeccionTecnica">

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="parentescoFamiliarInspeccionTecnica">Parentesco </label>
                                                <input type="text" class="form-control" id="parentescoFamiliarInspeccionTecnica" name="parentesco_familiar_inspeccion_tecnica" value="{{ old('parentesco_familiar_inspeccion_tecnica') }}">
                                                <div class="invalid-feedback" id="valicacionCampoParentescoFamiliarInspeccionTecnica">

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label>Estado</label>
                                                <select class="form-control listaDespegableConBuscador" id="estadoFamiliarInspeccionTecnica" name="estado_familiar_inspeccion_tecnica" data-live-search="true" onchange="habilitarDeshalitarCamposConflictoInteresEnInspeccionTecnicaSegunSuEstado(this)">
                                                    <option value="APLICA">APLICA</option>
                                                    <option value="NO APLICA">NO APLICA</option>
                                                </select>
                                                <div class="invalid-feedback" id="valicacionCampoEstadoFamiliarInspeccionTecnica">
                
                                                </div>
                                            </div>
                                        </div>

                                        <button type="button" class="btn btn-aspen" onclick="agregarConflictoInteresEnInspeccionTecnica()"> Añadir</button>
                                    </fieldset>

                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-conflicto-interes-familiar-inspeccion-tecnica">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Nombre</th>
                                                    <th>Empresa</th>
                                                    <th>Parentesco</th>
                                                    <th>Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroConfictoInteresFamiliarInspeccionTecnica">
                                                <tr id="confictoInteresFamiliarInspeccionTecnicaNoDisponibleEnLaTabla">
                                                    <td colspan="5" class="text-center">No hay conflicto de interes disponibles en la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="form-group" id="contenedorDelSeleccionadorDeArchivoCurriculum" style="display: none;">
                                        <label>Seleccionar Curriculum</label>
                                        <input type="file" class="form-control-file" id="a67450" onchange="GuardarArchivoCurriculumAlSeleccionarlo(this)">
                                    </div>

                                    <div class="dt-responsive table-responsive" style="display: none;">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-archivo-curriculum">
                                            <thead>
                                                <tr>
                                                    <td colspan="3" class="text-center">ARCHIVO CURRICULUM</td>
                                                </tr>
                                                <tr role="row">
                                                    <th>Acción</th>
                                                    <th>Nombre Archivo</th>
                                                    <th>Tipo Archivo</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeArchivoCurriculum">
                                                <tr id="archivoCurriculumNoDisponibleEnLaTabla">
                                                    <td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="form-group" id="contenedorDelSeleccionadorDeArchivo">
                                        <label>Seleccionar Archivos</label>
                                        <input type="file" class="form-control-file" id="a93541" onchange="GuardarArchivoAlSeleccionarlo(this)">
                                    </div>
                                    <input type="hidden" id="codigoUnico">

                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-archivos">
                                            <thead>
                                                <tr>
                                                    <td colspan="3" class="text-center">ARCHIVOS VARIOS</td>
                                                </tr>
                                                <tr role="row">
                                                    <th style="display: none;">id archivo</th>
                                                    <th>Acción</th>
                                                    <th>Nombre Archivo</th>
                                                    <th>Tipo Archivo</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeArchivos">
                                                <tr id="archivosNoDisponibleEnLaTabla">
                                                    <td colspan="3" class="text-center">No hay archivos disponibles en la
                                                        tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <button type="button" class="btn btn-aspen" id="botonDeAgregarPostulante" onclick="agregarPostulante()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Agregar Postulante </button>
                                    <button type="button" class="btn btn-warning" id="botonDeEditarPostulante" style="display: none;" onclick="editarElPostulante()"><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar
                                        Postulante </button>
                                </div>

                                <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorTablaPostulantes">

                                    </div>
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-postulantes">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Acción</th>
                                                    <th>Rut Postulante</th>
                                                    <th>Nombre Postulante</th>
                                                    <th>Correo Postulante</th>
                                                    <th>Telefono Postulante</th>
                                                    <th>Ciudad</th>
                                                    <th>Pretencion De Rente</th>
                                                    <th>Licencia De Conducir</th>
                                                    <th>Tiene Discapacidad</th>
                                                    <th>Nombre Discapasidad</th>
                                                    <th>Carnet Discapasidad</th>
                                                    <th>Disponibilidad</th>
                                                    <th>Experencia General</th>
                                                    <th>Experencia Especifica</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroPostualntes">
                                                <tr id="PostulantesNoDisponibleEnLaTabla">
                                                    <td colspan="14" class="text-center">No hay postulantes disponibles en
                                                        la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class=" card-footer">
                            <button type="button" class="btn btn-aspen" id="botonDeCreacion" onclick="registrarPostulante()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Registrar Postulantes </button>
                            <a href="{{ route('postulante.show', $cargo) }}" role="button" class="btn btn-secondary mt-1"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                        </div>
                    </form>

                </div>

            </div>
        </div>
    </div>

    <div class="modal fade" id="modalEnfermedades" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalEnfermedades"></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="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Enfermedad</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalEnfermedades">
                            </tbody>
                        </table>
                    </div>

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

    <div class="modal fade" id="modalPartes" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalPartes"></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="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Parte</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalPartes">
                            </tbody>
                        </table>
                    </div>

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

    <div class="modal fade" id="modalEstudios" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalEstudios"></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="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Tipo Estudios</th>
                                    <th>Estudios/Profesión</th>
                                    <th>Estado Estudio</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalEstudios">
                            </tbody>
                        </table>
                    </div>

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

    <div class="modal fade" id="modalExperiencia" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalExperiencia"></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="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Año De Experiencia</th>
                                    <th>Cargo</th>
                                    <th>Empresa</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalExperiencia">
                            </tbody>
                        </table>
                    </div>

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

    <div class="modal fade" id="modalArchivos" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalArchivos"></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="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                            <thead>
                                <tr role="row">
                                    <th>Acción</th>
                                    <th>Nombre Archivo</th>
                                    <th>Tipo Archivo</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalArchivos">
                            </tbody>
                        </table>
                    </div>

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

    <div class="modal fade" id="modalArchivosCurriculum" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalArchivosCurriculum"></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="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                            <thead>
                                <tr role="row">
                                    <th>Acción</th>
                                    <th>Nombre Archivo</th>
                                    <th>Tipo Archivo</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalArchivosCurriculum">
                            </tbody>
                        </table>
                    </div>

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

    <div class="modal fade" id="modalConflictoInteres" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalConflictoInteres"></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">

                    <h5>Conocido y/o familiar en nuestra empresa</h5>
                    <div class="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Nombre</th>
                                    <th>Area/Servicio y Faena</th>
                                    <th>Parentesco</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalConflictoInteresEmpresaGuinez">
                            </tbody>
                        </table>
                    </div>

                    <br><br>

                    <h5>Conocido y/o familiar en algunas de nuestras subcontratistas o empresa mandante</h5>
                    <div class="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Nombre</th>
                                    <th>Empresa</th>
                                    <th>Parentesco</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalConflictoInteresEmpresaContratista">
                            </tbody>
                        </table>
                    </div>

                    <br><br>

                    <h5>Conocido y/o familia en empresas que desarrollen labores en el área que inspeccionará o mandante a cargo del proyecto(s)</h5>
                    <div class="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Nombre</th>
                                    <th>Empresa</th>
                                    <th>Parentesco</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalConflictoInteresInspeccionTecnica">
                            </tbody>
                        </table>
                    </div>

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

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

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <style>
        .hide_column {
            display: none;
        }

        .kv-file-upload {
            display: none;
        }

        .contenedorParaVisualizarImagenDelArchivo {
            background-color: rgba(0, 0, 0, .8);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 10000;
            display: grid;
            grid-template-rows: 10vh 90vh;
            color: white;

        }

        .contenedorVolver {
            padding-left: 10px;
            padding-right: 10px;
            display: grid;
            grid-template-columns: 90% 10%;
        }

        .contenedorDeImagenes {
            display: grid;
            grid-template-columns: 100%;
        }

        .tamanoImagen {
            max-width: 80%;
        }

        .tamanoIframe {
            width: 80%;
            height: 700px;
        }

        .tamanoIframeTxt {
            width: 80%;
            height: 700px;
            background-color: white;
        }

        .contenedorEvaluaciones {
            display: grid;
            grid-template-columns: 40% 30% 30%;
            border: 1px solid #eaeaea;
        }

        .contenedorEvaluacionesModal {
            display: grid;
            grid-template-columns: 70% 30%;
            border: 1px solid #eaeaea;
        }

        .filaEvaluacionBlancoClaro {
            background-color: #f4f4f4;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .filaEvaluacionBlancoOscuro {
            background-color: #eaeaea;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
    </style>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
    <script>
        $('#discapacidad').selectpicker({
            dropupAuto: false
        });
        $('#tipoEstudioPostulante').selectpicker({
            dropupAuto: false
        });
        $('#estadoEstudioPostulante').selectpicker({
            dropupAuto: false
        });
        $('#licenciaDeConducir').selectpicker({
            dropupAuto: false
        });
        $('#estadoFamiliarNuestraEmpresa').selectpicker({
            dropupAuto: false
        });
        $('#estadoFamiliarEmpresaContratista').selectpicker({
            dropupAuto: false
        });
        $('#estadoFamiliarInspeccionTecnica').selectpicker({
            dropupAuto: false
        });

        $('.table-responsive').on('show.bs.dropdown', function() {
            $('.table-responsive').css("overflow", "inherit");
        });

        $('.table-responsive').on('hide.bs.dropdown', function() {
            $('.table-responsive').css("overflow", "auto");
        })
    </script>

    <script>
        function getDV(numero) {
            nuevo_numero = numero.toString().split("").reverse().join("");
            for (i = 0, j = 2, suma = 0; i < nuevo_numero.length; i++, ((j == 7) ? j = 2 : j++)) {
                suma += (parseInt(nuevo_numero.charAt(i)) * j);
            }
            n_dv = 11 - (suma % 11);
            return ((n_dv == 11) ? 0 : ((n_dv == 10) ? "K" : n_dv));
        }

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

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

        function validarCampoRut(event) {
            var campoRut = document.getElementById("rutPostulante");
            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 establecerValorDelCampoExperienciaGeneralNumero(experiencia) {
            if (experiencia.value.length > 0) {
                if (parseInt(experiencia.value) > 0) {
                    document.getElementById("experienciaGeneralNumero").value = experiencia.value;
                    experiencia.value = experiencia.value + " Años";
                } else {
                    document.getElementById("experienciaGeneralNumero").value = experiencia.value;
                    experiencia.value = "Sin Experiencia";
                }
            } else if (experiencia.value.length == 0) {
                document.getElementById("experienciaGeneralNumero").value = "";
                experiencia.value = "";
            }
        }

        function establecerValorDelCampoExperienciaEspecificoNumero(experiencia) {
            if (experiencia.value.length > 0) {
                if (parseInt(experiencia.value) > 0) {
                    document.getElementById("experienciaEspecificaNumero").value = experiencia.value;
                    experiencia.value = experiencia.value + " Años";
                } else {
                    document.getElementById("experienciaEspecificaNumero").value = experiencia.value;
                    experiencia.value = "Sin Experiencia";
                }
            } else if (experiencia.value.length == 0) {
                document.getElementById("experienciaEspecificaNumero").value = "";
                experiencia.value = "";
            }
        }

        function modificarValorCampoExperienciaGeneralTexto(experiencia) {
            experiencia.value = document.getElementById("experienciaGeneralNumero").value;
        }

        function modificarValorCampoExperienciaEspecificoTexto(experiencia) {
            experiencia.value = document.getElementById("experienciaEspecificaNumero").value;
        }
    </script>

    <script>
        function losCamposSoloSeIngresanNumeros(event) {
            if (event.key != 1 && event.key != 2 && event.key != 3 && event.key != 4 && event.key != 5 && event.key != 6 && event.key != 7 && event.key != 8 && event.key != 9 && event.key != 0) {
                return false;
            } else {
                return true;
            }
        }

        let cantidadMaximaDeRegistrosDePartes = 0;

        function agregarPartes() {
            let valorPartes = document.getElementById("partes").value.trim();
            if (valorPartes.length > 0) {
                cantidadMaximaDeRegistrosDePartes++;
                if (document.getElementById("partesNoDisponibleEnLaTabla")) {
                    document.getElementById("partesNoDisponibleEnLaTabla").remove();
                }
                document.getElementById("registroPartes").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-partes">' + cantidadMaximaDeRegistrosDePartes + '</td>' +
                    '<td class="tabla-partes-partes">' + valorPartes + '</td>' +
                    '<td class="tabla-accion-partes">' +
                    '<button onclick="habilitarBotonConfirmarEliminaciononPartes(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                    '<button onclick="eliminarFilaPartes(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                    '</td>' +
                    '</tr>';
                document.getElementById("partes").value = "";
                document.getElementById("valicacionCampoPartes").innerHTML = "";
                document.getElementById("partes").setAttribute("class", "form-control");
                document.getElementById("valicacionCampoPartes").style.display = "none";
            } else {
                document.getElementById("partes").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoPartes").style.display = "block";
                document.getElementById("valicacionCampoPartes").innerHTML = "El campo partes es obligatorio";
            }
        }

        function deshabilitarBotonesConfirmarEliminacionPartes() {
            let botones = document.querySelectorAll(".boton-confirmar-articulo");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }

        function habilitarBotonConfirmarEliminaciononPartes(boton) {

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

        }

        function eliminarFilaPartes(boton) {
            let elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            cantidadMaximaDeRegistrosDePartes = 0;
            let filas = document.getElementById('tabla-partes').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    cantidadMaximaDeRegistrosDePartes++;
                    elemento.querySelector(".tabla-contador-partes").innerHTML = cantidadMaximaDeRegistrosDePartes;
                });
            } else {
                document.getElementById("registroPartes").innerHTML =
                    '<tr id="partesNoDisponibleEnLaTabla">' +
                    '<td colspan="3" class="text-center">No hay partes disponibles en la tabla</td>' +
                    '</tr>';
            }
        }

        function cambiosCamposTieneDiscapacidad(discapacidad) {
            let valorDiscapacidad = discapacidad.value;
            switch (valorDiscapacidad) {
                case "":
                    document.getElementById("nombreDiscapacidad").value = "Sin Discapacidad";
                    document.getElementById("nombreDiscapacidad").removeAttribute("readonly");
                    document.getElementById("nombreDiscapacidad").setAttribute("readonly", "");

                    document.getElementById("carnetDiscapacidad").value = "Sin Carnet";
                    document.getElementById("carnetDiscapacidad").removeAttribute("readonly");
                    document.getElementById("carnetDiscapacidad").setAttribute("readonly", "");
                    break;
                case "No":
                    document.getElementById("nombreDiscapacidad").value = "Sin Discapacidad";
                    document.getElementById("nombreDiscapacidad").removeAttribute("readonly");
                    document.getElementById("nombreDiscapacidad").setAttribute("readonly", "");

                    document.getElementById("carnetDiscapacidad").value = "Sin Carnet";
                    document.getElementById("carnetDiscapacidad").removeAttribute("readonly");
                    document.getElementById("carnetDiscapacidad").setAttribute("readonly", "");
                    break;
                case "Si":
                    document.getElementById("nombreDiscapacidad").value = "";
                    document.getElementById("nombreDiscapacidad").removeAttribute("readonly");

                    document.getElementById("carnetDiscapacidad").value = "";
                    document.getElementById("carnetDiscapacidad").removeAttribute("readonly");
                    break;
            }
        }

        let cantidadMaximaDeRegistrosDeEnfermedades = 0;

        function agregarEnfermedad() {
            let valorPartes = document.getElementById("enfermedad").value.trim();
            if (valorPartes.length > 0) {
                cantidadMaximaDeRegistrosDeEnfermedades++;
                if (document.getElementById("enfermedadesNoDisponibleEnLaTabla")) {
                    document.getElementById("enfermedadesNoDisponibleEnLaTabla").remove();
                }
                document.getElementById("registroEnfermedades").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-enfermedad">' + cantidadMaximaDeRegistrosDeEnfermedades + '</td>' +
                    '<td class="tabla-partes-enfermedad">' + valorPartes + '</td>' +
                    '<td class="tabla-accion-enfermedad">' +
                    '<button onclick="habilitarBotonConfirmarEliminaciononEnfermedad(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                    '<button onclick="eliminarFilaEnfermedad(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                    '</td>' +
                    '</tr>';
                document.getElementById("enfermedad").value = "";
                document.getElementById("valicacionCampoEnfermedad").innerHTML = "";
                document.getElementById("enfermedad").setAttribute("class", "form-control");
                document.getElementById("valicacionCampoEnfermedad").style.display = "none";
            } else {
                document.getElementById("enfermedad").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoEnfermedad").style.display = "block";
                document.getElementById("valicacionCampoEnfermedad").innerHTML = "El campo enfermedad es obligatorio";
            }
        }

        function deshabilitarBotonesConfirmarEliminacionEnfermedad() {
            let botones = document.querySelectorAll(".boton-confirmar-articulo");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }

        function habilitarBotonConfirmarEliminaciononEnfermedad(boton) {

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

        }

        function eliminarFilaEnfermedad(boton) {
            let elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            cantidadMaximaDeRegistrosDeEnfermedades = 0;
            let filas = document.getElementById('tabla-enfermedades').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    cantidadMaximaDeRegistrosDeEnfermedades++;
                    elemento.querySelector(".tabla-contador-enfermedad").innerHTML = cantidadMaximaDeRegistrosDeEnfermedades;
                });
            } else {
                document.getElementById("registroEnfermedades").innerHTML =
                    '<tr id="enfermedadesNoDisponibleEnLaTabla">' +
                    '<td colspan="3" class="text-center">No hay enfermedades disponibles en la tabla</td>' +
                    '</tr>';
            }
        }

        function reestablecerCampoRenta(campo) {
            campo.value = document.getElementById("pretensionDeRentaNumero").value;
        }

        function establecerFormatoMonedaRenta(campo) {
            document.getElementById("pretensionDeRentaNumero").value = campo.value.trim().replace(",", ".");
            let formatoMoneda = new Intl.NumberFormat("es-CL", {
                style: "currency",
                currency: "CLP",
            })
            let valor = formatoMoneda.format(campo.value.trim());
            valor = valor.replace("$", "");
            valor = valor.replace("CLP", "");
            campo.value = "CLP $ " + valor;
        }

        let cantidadMaximaDeRegistrosDeEstudios = 0;

        function cambiosCamposTipoDeEstudio(tipo) {
            let valorTipo = tipo.value;
            switch (valorTipo) {
                case "":
                    document.getElementById("estudioPostulante").setAttribute("readonly","true");
                    document.getElementById("estudioPostulante").value="";
                    document.getElementById("estadoEstudioPostulante").innerHTML=
                    '<option value="">--Seleccionar Estado Estudio--</option>';
                    $('#estadoEstudioPostulante').selectpicker("refresh");
                    $('#estadoEstudioPostulante').selectpicker('val', "");
                    break;
                case "Enseñanza Media":
                    document.getElementById("estudioPostulante").setAttribute("readonly","true");
                    document.getElementById("estudioPostulante").value="Enseñanza Media";

                    $('#estadoEstudioPostulante').selectpicker("refresh");
                    document.getElementById("estadoEstudioPostulante").innerHTML=
                    '<option value="">--Seleccionar Estado Estudio--</option>'+
                    '<option value="Incompleta">Incompleta</option>'+
                    '<option value="Completa">Completa</option>';
                    $('#estadoEstudioPostulante').selectpicker("refresh");
                    $('#estadoEstudioPostulante').selectpicker('val', "");
                    break;
                case "Técnico Nivel Medio":
                    document.getElementById("estudioPostulante").removeAttribute("readonly");
                    document.getElementById("estudioPostulante").value="";

                    $('#estadoEstudioPostulante').selectpicker("refresh");
                    document.getElementById("estadoEstudioPostulante").innerHTML=
                    '<option value="">--Seleccionar Estado Estudio--</option>'+
                    '<option value="Incompleta">Incompleta</option>'+
                    '<option value="Egresado">Egresado</option>'+
                    '<option value="Titulado">Titulado</option>';
                    $('#estadoEstudioPostulante').selectpicker("refresh");
                    $('#estadoEstudioPostulante').selectpicker('val', "");
                    break;
                case "Enseñanza Superior":
                    document.getElementById("estudioPostulante").removeAttribute("readonly");
                    document.getElementById("estudioPostulante").value="";

                    $('#estadoEstudioPostulante').selectpicker("refresh");
                    document.getElementById("estadoEstudioPostulante").innerHTML=
                    '<option value="">--Seleccionar Estado Estudio--</option>'+
                    '<option value="Incompleta">Incompleta</option>'+
                    '<option value="Egresado">Egresado</option>'+
                    '<option value="Titulado">Titulado</option>';
                    $('#estadoEstudioPostulante').selectpicker("refresh");
                    $('#estadoEstudioPostulante').selectpicker('val', "");
                    break;
                case "Técnico Nivel Superior":
                    document.getElementById("estudioPostulante").removeAttribute("readonly");
                    document.getElementById("estudioPostulante").value="";

                    $('#estadoEstudioPostulante').selectpicker("refresh");
                    document.getElementById("estadoEstudioPostulante").innerHTML=
                    '<option value="">--Seleccionar Estado Estudio--</option>'+
                    '<option value="Incompleta">Incompleta</option>'+
                    '<option value="Egresado">Egresado</option>'+
                    '<option value="Titulado">Titulado</option>';
                    $('#estadoEstudioPostulante').selectpicker("refresh");
                    $('#estadoEstudioPostulante').selectpicker('val', "");
                    break;
            }
        }

        function agregarEstudios() {
            let valorEstudios = document.getElementById("estudioPostulante").value.trim();
            let valorEstadoEstudios = document.getElementById("estadoEstudioPostulante").value.trim();
            let valorTipoEstudios = document.getElementById("tipoEstudioPostulante").value.trim();
            if (valorEstudios.length > 0 && valorEstadoEstudios.length > 0 && valorTipoEstudios.length > 0) {
                cantidadMaximaDeRegistrosDeEstudios++;
                if (document.getElementById("estudiosNoDisponibleEnLaTabla")) {
                    document.getElementById("estudiosNoDisponibleEnLaTabla").remove();
                }
                document.getElementById("registroEstudios").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-estudios">' + cantidadMaximaDeRegistrosDeEstudios + '</td>' +
                    '<td class="tabla-tipo-estudio-estudios">' + valorTipoEstudios + '</td>' +
                    '<td class="tabla-estudio-estudios">' + valorEstudios + '</td>' +
                    '<td class="tabla-estado-estudio-estudios">' + valorEstadoEstudios + '</td>' +
                    '<td class="tabla-accion-estudios">' +
                    '<button onclick="habilitarBotonConfirmarEliminaciononEstudios(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                    '<button onclick="eliminarFilaEstudios(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                    '</td>' +
                    '</tr>';

                document.getElementById("estudioPostulante").setAttribute("readonly","true");
                document.getElementById("estudioPostulante").value = "";
                document.getElementById("valicacioEstudioPostulante").innerHTML = "";
                document.getElementById("estudioPostulante").setAttribute("class", "form-control");

                document.getElementById("valicacionCampoEstadoEstudioPostulante").innerHTML = "";
                document.getElementById("estadoEstudioPostulante").classList.remove('input-success-icon');
                document.getElementById("estadoEstudioPostulante").classList.remove('input-error-icon');
                document.getElementById("valicacionCampoEstadoEstudioPostulante").style.display = "none";
                document.getElementById("estadoEstudioPostulante").innerHTML=
                    '<option value="">--Seleccionar Estado Estudio--</option>';
                    $('#estadoEstudioPostulante').selectpicker("refresh");
                    $('#estadoEstudioPostulante').selectpicker('val', "");

                $('#tipoEstudioPostulante').selectpicker('val', "");
                document.getElementById("valicacionCampoTipoEstudioPostulante").innerHTML = "";
                document.getElementById("tipoEstudioPostulante").classList.remove('input-success-icon');
                document.getElementById("tipoEstudioPostulante").classList.remove('input-error-icon');
                document.getElementById("valicacionCampoTipoEstudioPostulante").style.display = "none";

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

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

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

        function deshabilitarBotonesConfirmarEliminacionEstudios() {
            let botones = document.querySelectorAll(".boton-confirmar-articulo");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }

        function habilitarBotonConfirmarEliminaciononEstudios(boton) {

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

        }

        function eliminarFilaEstudios(boton) {
            let elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            cantidadMaximaDeRegistrosDeEstudios = 0;
            let filas = document.getElementById('tabla-estudios').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    cantidadMaximaDeRegistrosDeEstudios++;
                    elemento.querySelector(".tabla-contador-estudios").innerHTML = cantidadMaximaDeRegistrosDeEstudios;
                });
            } else {
                document.getElementById("registroEstudios").innerHTML =
                    '<tr id="estudiosNoDisponibleEnLaTabla">' +
                    '<td colspan="5" class="text-center">No hay estudios disponibles en la tabla</td>' +
                    '</tr>';
            }
        }

        let cantidadMaximaDeRegistrosDeExperiencia = 0;

        function agregarExperiencia() {
            let valorAnoExperiencia = document.getElementById("anoExperienciaPostulante").value.trim();
            let valorCargoExperiencia = document.getElementById("cargoExperienciaPostulante").value.trim();
            let valorEmpresaExperiencia = document.getElementById("empresaExperienciaPostulante").value.trim();

            if (valorAnoExperiencia.length > 0 && valorCargoExperiencia.length > 0 && valorEmpresaExperiencia.length > 0) {
                cantidadMaximaDeRegistrosDeExperiencia++;
                if (document.getElementById("experienciasNoDisponibleEnLaTabla")) {
                    document.getElementById("experienciasNoDisponibleEnLaTabla").remove();
                }
                document.getElementById("registroExperiencias").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-experiencias">' + cantidadMaximaDeRegistrosDeExperiencia + '</td>' +
                    '<td class="tabla-ano-experiencias">' + valorAnoExperiencia + '</td>' +
                    '<td class="tabla-cargo-experiencias">' + valorCargoExperiencia + '</td>' +
                    '<td class="tabla-empresa-experiencias">' + valorEmpresaExperiencia + '</td>' +
                    '<td class="tabla-accion-experiencias">' +
                    '<button onclick="habilitarBotonConfirmarEliminaciononExperiencia(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                    '<button onclick="eliminarFilaExperiencia(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                    '</td>' +
                    '</tr>';

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

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

                document.getElementById("empresaExperienciaPostulante").value = "";
                document.getElementById("valicacioEmpresaExperienciaPostulante").innerHTML = "";
                document.getElementById("empresaExperienciaPostulante").setAttribute("class", "form-control");
            } else {
                if (valorAnoExperiencia.length > 0) {
                    document.getElementById("anoExperienciaPostulante").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacioAnoExperienciaPostulante").innerHTML = "";
                } else {
                    document.getElementById("anoExperienciaPostulante").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacioAnoExperienciaPostulante").innerHTML = "El campo año es obligatorio";
                }

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

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

        function deshabilitarBotonesConfirmarEliminacionExperiencia() {
            let botones = document.querySelectorAll(".boton-confirmar-articulo");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }

        function habilitarBotonConfirmarEliminaciononExperiencia(boton) {

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

        }

        function eliminarFilaExperiencia(boton) {
            let elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            cantidadMaximaDeRegistrosDeExperiencia = 0;
            let filas = document.getElementById('tabla-experiencias').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    cantidadMaximaDeRegistrosDeExperiencia++;
                    elemento.querySelector(".tabla-contador-experiencias").innerHTML = cantidadMaximaDeRegistrosDeExperiencia;
                });
            } else {
                document.getElementById("registroExperiencias").innerHTML =
                    '<tr id="experienciasNoDisponibleEnLaTabla">' +
                    '<td colspan="5" class="text-center">No hay experiencias disponibles en la tabla</td>' +
                    '</tr>';
            }
        }

        let cantidadConflictoInteresEnEmpresGuinez = 0;

        function validarCamposSobreElConflictoInteresEnEmpresGuinez() {
            let camposSinErrores = true;
            let idCampoError = "";

            if (document.getElementById("nombreFamiliarNuestraEmpresa").value.trim().length > 0) {
                document.getElementById("nombreFamiliarNuestraEmpresa").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoNombreFamiliarNuestraEmpresa").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "nombreFamiliarNuestraEmpresa";
                }
                document.getElementById("nombreFamiliarNuestraEmpresa").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoNombreFamiliarNuestraEmpresa").innerHTML = "El campo nombre es obligatorio";
            }

            if (document.getElementById("areaFamiliarNuestraEmpresa").value.trim().length > 0) {
                document.getElementById("areaFamiliarNuestraEmpresa").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoAreaFamiliarNuestraEmpresa").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "areaFamiliarNuestraEmpresa";
                }
                document.getElementById("areaFamiliarNuestraEmpresa").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoAreaFamiliarNuestraEmpresa").innerHTML = "El campo área/servicio y faena es obligatorio";
            }

            if (document.getElementById("parentescoFamiliarNuestraEmpresa").value.trim().length > 0) {
                document.getElementById("parentescoFamiliarNuestraEmpresa").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoParentescoFamiliarNuestraEmpresa").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "parentescoFamiliarNuestraEmpresa";
                }
                document.getElementById("parentescoFamiliarNuestraEmpresa").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoParentescoFamiliarNuestraEmpresa").innerHTML = "El campo parentesco es obligatorio";
            }

            if (document.getElementById("estadoFamiliarNuestraEmpresa").value.trim().length > 0) {
                document.getElementById("estadoFamiliarNuestraEmpresa").classList.remove('input-error-icon');
                document.getElementById("estadoFamiliarNuestraEmpresa").classList.add('input-success-icon');
                document.getElementById("valicacionCampoEstadoFamiliarNuestraEmpresa").innerHTML = "";
                document.getElementById("valicacionCampoEstadoFamiliarNuestraEmpresa").style.display = "none";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "estadoFamiliarNuestraEmpresa";
                }
                document.getElementById("estadoFamiliarNuestraEmpresa").classList.remove('input-success-icon');
                document.getElementById("estadoFamiliarNuestraEmpresa").classList.add('input-error-icon');
                document.getElementById("valicacionCampoEstadoFamiliarNuestraEmpresa").innerHTML = "El campo estado es obligatorio";
                document.getElementById("valicacionCampoEstadoFamiliarNuestraEmpresa").style.display = "block";
            }

            if (camposSinErrores == false) {
                document.getElementById(idCampoError).scrollIntoView({
                    behavior: "smooth",
                    block: "end",
                    inline: "nearest"
                });
            }

            return camposSinErrores;
        }

        function limpiarCamposSobreElConflictoInteresEnEmpresGuinez() {
            document.getElementById("nombreFamiliarNuestraEmpresa").value = "";
            document.getElementById("valicacionCampoNombreFamiliarNuestraEmpresa").innerHTML = "";
            document.getElementById("nombreFamiliarNuestraEmpresa").setAttribute("class", "form-control");

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

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

            $('#estadoFamiliarNuestraEmpresa').selectpicker('val', "APLICA");
            document.getElementById("valicacionCampoEstadoFamiliarNuestraEmpresa").innerHTML = "";
            document.getElementById("estadoFamiliarNuestraEmpresa").classList.remove('input-success-icon');
            document.getElementById("estadoFamiliarNuestraEmpresa").classList.remove('input-error-icon');
            document.getElementById("valicacionCampoEstadoFamiliarNuestraEmpresa").style.display = "none";

            document.getElementById("nombreFamiliarNuestraEmpresa").removeAttribute("readonly");
            document.getElementById("areaFamiliarNuestraEmpresa").removeAttribute("readonly");
            document.getElementById("parentescoFamiliarNuestraEmpresa").removeAttribute("readonly");
        }

        function habilitarDeshalitarCamposSobreElConflictoInteresSegunSuEstado(estado){
            if(estado.value.trim()=="APLICA"){
                document.getElementById("nombreFamiliarNuestraEmpresa").removeAttribute("readonly");
                document.getElementById("nombreFamiliarNuestraEmpresa").value="";
                document.getElementById("areaFamiliarNuestraEmpresa").removeAttribute("readonly");
                document.getElementById("areaFamiliarNuestraEmpresa").value="";
                document.getElementById("parentescoFamiliarNuestraEmpresa").removeAttribute("readonly");
                document.getElementById("parentescoFamiliarNuestraEmpresa").value="";
            }else if(estado.value.trim()=="NO APLICA"){
                document.getElementById("nombreFamiliarNuestraEmpresa").setAttribute("readonly",true)
                document.getElementById("nombreFamiliarNuestraEmpresa").value="NO APLICA";
                document.getElementById("areaFamiliarNuestraEmpresa").setAttribute("readonly",true)
                document.getElementById("areaFamiliarNuestraEmpresa").value="NO APLICA";
                document.getElementById("parentescoFamiliarNuestraEmpresa").setAttribute("readonly",true)
                document.getElementById("parentescoFamiliarNuestraEmpresa").value="NO APLICA";
            }
        }

        function eliminarFilaConflictoInteresEnEmpresGuinez(fila) {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Se borraba todos los datos que tenga relación al conflicto de interes",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, borrar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    let elementoPadre = fila.parentElement.parentElement.parentElement.parentElement;
                    cantidadConflictoInteresEnEmpresGuinez = 0;
                    elementoPadre.remove();
                    let filas = document.getElementById('tabla-conflicto-interes-familiar-nuestra-empresas').tBodies[0].querySelectorAll("tr");
                    if (filas.length > 0) {
                        filas.forEach(elemento => {
                            cantidadConflictoInteresEnEmpresGuinez++;
                            elemento.querySelector(".tabla-contador-conflicto-interes-nuestra-empresa").innerHTML = cantidadConflictoInteresEnEmpresGuinez;
                        });
                    } else {
                        document.getElementById("registroConfictoInteresFamiliarNuestraEmpresa").innerHTML =
                            '<tr id="confictoInteresFamiliarNuestraEmpresaNoDisponibleEnLaTabla">' +
                            '<td colspan="5" class="text-center">No hay conflicto de interes disponibles en la tabla</td>' +
                            '</tr>';
                    }
                }
            })
        }

        function agregarConflictoInteresEnEmpresGuinez() {
            let error = validarCamposSobreElConflictoInteresEnEmpresGuinez();
            if (error == true) {
                let nombre = document.getElementById("nombreFamiliarNuestraEmpresa").value.trim();
                let area = document.getElementById("areaFamiliarNuestraEmpresa").value.trim();
                let parentesco = document.getElementById("parentescoFamiliarNuestraEmpresa").value.trim();
                let estado = document.getElementById("estadoFamiliarNuestraEmpresa").value.trim();
                let codigoUnico = uuidv4();
                cantidadConflictoInteresEnEmpresGuinez++;

                if (document.getElementById("confictoInteresFamiliarNuestraEmpresaNoDisponibleEnLaTabla")) {
                    document.getElementById("confictoInteresFamiliarNuestraEmpresaNoDisponibleEnLaTabla").remove();
                }
                document.getElementById("registroConfictoInteresFamiliarNuestraEmpresa").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td style="display: none;" class="tabla-estado-conflicto-interes-nuestra-empresa">' + estado + '</td>' +
                    '<td style="display: none;" class="tabla-id-unico-conflicto-interes-nuestra-empresa">' + codigoUnico + '</td>' +
                    '<td class="tabla-contador-conflicto-interes-nuestra-empresa">' + cantidadConflictoInteresEnEmpresGuinez + '</td>' +
                    '<td class="tabla-nombre-conflicto-interes-nuestra-empresa">' + nombre + '</td>' +
                    '<td class="tabla-area-conflicto-interes-nuestra-empresa">' + area + '</td>' +
                    '<td class="tabla-parentesco-conflicto-interes-nuestra-empresa">' + parentesco + '</td>' +
                    '<td class="tabla-accion-conflicto-interes-nuestra-empresa">' +
                    '<div class="btn-group ">' +
                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>' +
                    '<div class="dropdown-menu">' +
                    '<a class="dropdown-item" href="#" onclick="eliminarFilaConflictoInteresEnEmpresGuinez(this)"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Fila</a>' +
                    '</div>' +
                    '</div>' +
                    '</td>' +
                    '</tr>';

                limpiarCamposSobreElConflictoInteresEnEmpresGuinez();
            }
        }

        let cantidadConflictoInteresEnEmpresaContratista = 0;

        function validarCamposSobreElConflictoInteresEnEmpresaContratista() {
            let camposSinErrores = true;
            let idCampoError = "";

            if (document.getElementById("nombreFamiliarEmpresaContratista").value.trim().length > 0) {
                document.getElementById("nombreFamiliarEmpresaContratista").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoNombreFamiliarEmpresaContratista").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "nombreFamiliarEmpresaContratista";
                }
                document.getElementById("nombreFamiliarEmpresaContratista").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoNombreFamiliarEmpresaContratista").innerHTML = "El campo nombre es obligatorio";
            }

            if (document.getElementById("empresaFamiliarEmpresaContratista").value.trim().length > 0) {
                document.getElementById("empresaFamiliarEmpresaContratista").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoEmpresaFamiliarEmpresaContratista").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "empresaFamiliarEmpresaContratista";
                }
                document.getElementById("empresaFamiliarEmpresaContratista").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoEmpresaFamiliarEmpresaContratista").innerHTML = "El campo empresa es obligatorio";
            }

            if (document.getElementById("parentescoFamiliarEmpresaContratista").value.trim().length > 0) {
                document.getElementById("parentescoFamiliarEmpresaContratista").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoParentescoFamiliarEmpresaContratista").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "parentescoFamiliarEmpresaContratista";
                }
                document.getElementById("parentescoFamiliarEmpresaContratista").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoParentescoFamiliarEmpresaContratista").innerHTML = "El campo parentesco es obligatorio";
            }

            if (document.getElementById("estadoFamiliarEmpresaContratista").value.trim().length > 0) {
                document.getElementById("estadoFamiliarEmpresaContratista").classList.remove('input-error-icon');
                document.getElementById("estadoFamiliarEmpresaContratista").classList.add('input-success-icon');
                document.getElementById("valicacionCampoEstadoFamiliarEmpresaContratista").innerHTML = "";
                document.getElementById("valicacionCampoEstadoFamiliarEmpresaContratista").style.display = "none";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "estadoFamiliarEmpresaContratista";
                }
                document.getElementById("estadoFamiliarEmpresaContratista").classList.remove('input-success-icon');
                document.getElementById("estadoFamiliarEmpresaContratista").classList.add('input-error-icon');
                document.getElementById("valicacionCampoEstadoFamiliarEmpresaContratista").innerHTML = "El campo estado es obligatorio";
                document.getElementById("valicacionCampoEstadoFamiliarEmpresaContratista").style.display = "block";
            }

            if (camposSinErrores == false) {
                document.getElementById(idCampoError).scrollIntoView({
                    behavior: "smooth",
                    block: "end",
                    inline: "nearest"
                });
            }

            return camposSinErrores;
        }

        function limpiarCamposSobreElConflictoInteresEnEmpresaContratista() {
            document.getElementById("nombreFamiliarEmpresaContratista").value = "";
            document.getElementById("valicacionCampoNombreFamiliarEmpresaContratista").innerHTML = "";
            document.getElementById("nombreFamiliarEmpresaContratista").setAttribute("class", "form-control");

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

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

            $('#estadoFamiliarEmpresaContratista').selectpicker('val', "APLICA");
            document.getElementById("valicacionCampoEstadoFamiliarEmpresaContratista").innerHTML = "";
            document.getElementById("estadoFamiliarEmpresaContratista").classList.remove('input-success-icon');
            document.getElementById("estadoFamiliarEmpresaContratista").classList.remove('input-error-icon');
            document.getElementById("valicacionCampoEstadoFamiliarEmpresaContratista").style.display = "none";

            document.getElementById("nombreFamiliarEmpresaContratista").removeAttribute("readonly");
            document.getElementById("empresaFamiliarEmpresaContratista").removeAttribute("readonly");
            document.getElementById("parentescoFamiliarEmpresaContratista").removeAttribute("readonly");
        }

        function habilitarDeshalitarCamposConflictoInteresEnEmpresaContratistaSegunSuEstado(estado){
            if(estado.value.trim()=="APLICA"){
                document.getElementById("nombreFamiliarEmpresaContratista").removeAttribute("readonly");
                document.getElementById("nombreFamiliarEmpresaContratista").value="";
                document.getElementById("empresaFamiliarEmpresaContratista").removeAttribute("readonly");
                document.getElementById("empresaFamiliarEmpresaContratista").value="";
                document.getElementById("parentescoFamiliarEmpresaContratista").removeAttribute("readonly");
                document.getElementById("parentescoFamiliarEmpresaContratista").value="";
            }else if(estado.value.trim()=="NO APLICA"){
                document.getElementById("nombreFamiliarEmpresaContratista").setAttribute("readonly",true)
                document.getElementById("nombreFamiliarEmpresaContratista").value="NO APLICA";
                document.getElementById("empresaFamiliarEmpresaContratista").setAttribute("readonly",true)
                document.getElementById("empresaFamiliarEmpresaContratista").value="NO APLICA";
                document.getElementById("parentescoFamiliarEmpresaContratista").setAttribute("readonly",true)
                document.getElementById("parentescoFamiliarEmpresaContratista").value="NO APLICA";
            }
        }

        function eliminarFilaConflictoInteresEnEmpresaContratista(fila) {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Se borraba todos los datos que tenga relación al conflicto de interes",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, borrar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    let elementoPadre = fila.parentElement.parentElement.parentElement.parentElement;
                    cantidadConflictoInteresEnEmpresaContratista = 0;
                    elementoPadre.remove();
                    let filas = document.getElementById('tabla-conflicto-interes-familiar-empresa-contratista').tBodies[0].querySelectorAll("tr");
                    if (filas.length > 0) {
                        filas.forEach(elemento => {
                            cantidadConflictoInteresEnEmpresaContratista++;
                            elemento.querySelector(".tabla-contador-conflicto-interes-empresa-contratista").innerHTML = cantidadConflictoInteresEnEmpresaContratista;
                        });
                    } else {
                        document.getElementById("registroConfictoInteresFamiliarEmpresaContratista").innerHTML =
                            '<tr id="confictoInteresFamiliarEmpresaContratistaNoDisponibleEnLaTabla">' +
                            '<td colspan="5" class="text-center">No hay conflicto de interes disponibles en la tabla</td>' +
                            '</tr>';
                    }
                }
            })
        }

        function agregarConflictoInteresEnEmpresaContratista() {
            let error = validarCamposSobreElConflictoInteresEnEmpresaContratista();
            if (error == true) {
                let nombre = document.getElementById("nombreFamiliarEmpresaContratista").value.trim();
                let empresa = document.getElementById("empresaFamiliarEmpresaContratista").value.trim();
                let parentesco = document.getElementById("parentescoFamiliarEmpresaContratista").value.trim();
                let estado = document.getElementById("estadoFamiliarEmpresaContratista").value.trim();
                let codigoUnico = uuidv4();
                cantidadConflictoInteresEnEmpresaContratista++;

                if (document.getElementById("confictoInteresFamiliarEmpresaContratistaNoDisponibleEnLaTabla")) {
                    document.getElementById("confictoInteresFamiliarEmpresaContratistaNoDisponibleEnLaTabla").remove();
                }
                document.getElementById("registroConfictoInteresFamiliarEmpresaContratista").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td style="display: none;" class="tabla-estado-conflicto-interes-empresa-contratista">' + estado + '</td>' +
                    '<td style="display: none;" class="tabla-id-unico-conflicto-interes-empresa-contratista">' + codigoUnico + '</td>' +
                    '<td class="tabla-contador-conflicto-interes-empresa-contratista">' + cantidadConflictoInteresEnEmpresaContratista + '</td>' +
                    '<td class="tabla-nombre-conflicto-interes-empresa-contratista">' + nombre + '</td>' +
                    '<td class="tabla-empresa-conflicto-interes-empresa-contratista">' + empresa + '</td>' +
                    '<td class="tabla-parentesco-conflicto-interes-empresa-contratista">' + parentesco + '</td>' +
                    '<td class="tabla-accion-conflicto-interes-empresa-contratista">' +
                    '<div class="btn-group ">' +
                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>' +
                    '<div class="dropdown-menu">' +
                    '<a class="dropdown-item" href="#" onclick="eliminarFilaConflictoInteresEnEmpresaContratista(this)"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Fila</a>' +
                    '</div>' +
                    '</div>' +
                    '</td>' +
                    '</tr>';

                limpiarCamposSobreElConflictoInteresEnEmpresaContratista();
            }
        }

        let cantidadConflictoInteresEnInspeccionTecnica = 0;

        function validarCamposSobreElConflictoInteresEnInspeccionTecnica() {
            let camposSinErrores = true;
            let idCampoError = "";

            if (document.getElementById("nombreFamiliarInspeccionTecnica").value.trim().length > 0) {
                document.getElementById("nombreFamiliarInspeccionTecnica").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoNombreFamiliarInspeccionTecnica").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "nombreFamiliarInspeccionTecnica";
                }
                document.getElementById("nombreFamiliarInspeccionTecnica").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoNombreFamiliarInspeccionTecnica").innerHTML = "El campo nombre es obligatorio";
            }

            if (document.getElementById("empresaFamiliarInspeccionTecnica").value.trim().length > 0) {
                document.getElementById("empresaFamiliarInspeccionTecnica").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoEmpresaFamiliarInspeccionTecnica").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "empresaFamiliarInspeccionTecnica";
                }
                document.getElementById("empresaFamiliarInspeccionTecnica").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoEmpresaFamiliarInspeccionTecnica").innerHTML = "El campo empresa es obligatorio";
            }

            if (document.getElementById("parentescoFamiliarInspeccionTecnica").value.trim().length > 0) {
                document.getElementById("parentescoFamiliarInspeccionTecnica").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoParentescoFamiliarInspeccionTecnica").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "parentescoFamiliarInspeccionTecnica";
                }
                document.getElementById("parentescoFamiliarInspeccionTecnica").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoParentescoFamiliarInspeccionTecnica").innerHTML = "El campo parentesco es obligatorio";
            }

            if (document.getElementById("estadoFamiliarInspeccionTecnica").value.trim().length > 0) {
                document.getElementById("estadoFamiliarInspeccionTecnica").classList.remove('input-error-icon');
                document.getElementById("estadoFamiliarInspeccionTecnica").classList.add('input-success-icon');
                document.getElementById("valicacionCampoEstadoFamiliarInspeccionTecnica").innerHTML = "";
                document.getElementById("valicacionCampoEstadoFamiliarInspeccionTecnica").style.display = "none";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "estadoFamiliarInspeccionTecnica";
                }
                document.getElementById("estadoFamiliarInspeccionTecnica").classList.remove('input-success-icon');
                document.getElementById("estadoFamiliarInspeccionTecnica").classList.add('input-error-icon');
                document.getElementById("valicacionCampoEstadoFamiliarInspeccionTecnica").innerHTML = "El campo estado es obligatorio";
                document.getElementById("valicacionCampoEstadoFamiliarInspeccionTecnica").style.display = "block";
            }

            if (camposSinErrores == false) {
                document.getElementById(idCampoError).scrollIntoView({
                    behavior: "smooth",
                    block: "end",
                    inline: "nearest"
                });
            }

            return camposSinErrores;
        }

        function limpiarCamposSobreElConflictoInteresEnInspeccionTecnica() {
            document.getElementById("nombreFamiliarInspeccionTecnica").value = "";
            document.getElementById("valicacionCampoNombreFamiliarInspeccionTecnica").innerHTML = "";
            document.getElementById("nombreFamiliarInspeccionTecnica").setAttribute("class", "form-control");

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

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

            $('#estadoFamiliarInspeccionTecnica').selectpicker('val', "APLICA");
            document.getElementById("valicacionCampoEstadoFamiliarInspeccionTecnica").innerHTML = "";
            document.getElementById("estadoFamiliarInspeccionTecnica").classList.remove('input-success-icon');
            document.getElementById("estadoFamiliarInspeccionTecnica").classList.remove('input-error-icon');
            document.getElementById("valicacionCampoEstadoFamiliarInspeccionTecnica").style.display = "none";

            document.getElementById("nombreFamiliarInspeccionTecnica").removeAttribute("readonly");
            document.getElementById("empresaFamiliarInspeccionTecnica").removeAttribute("readonly");
            document.getElementById("parentescoFamiliarInspeccionTecnica").removeAttribute("readonly");
        }

        function habilitarDeshalitarCamposConflictoInteresEnInspeccionTecnicaSegunSuEstado(estado){
            if(estado.value.trim()=="APLICA"){
                document.getElementById("nombreFamiliarInspeccionTecnica").removeAttribute("readonly");
                document.getElementById("nombreFamiliarInspeccionTecnica").value="";
                document.getElementById("empresaFamiliarInspeccionTecnica").removeAttribute("readonly");
                document.getElementById("empresaFamiliarInspeccionTecnica").value="";
                document.getElementById("parentescoFamiliarInspeccionTecnica").removeAttribute("readonly");
                document.getElementById("parentescoFamiliarInspeccionTecnica").value="";
            }else if(estado.value.trim()=="NO APLICA"){
                document.getElementById("nombreFamiliarInspeccionTecnica").setAttribute("readonly",true)
                document.getElementById("nombreFamiliarInspeccionTecnica").value="NO APLICA";
                document.getElementById("empresaFamiliarInspeccionTecnica").setAttribute("readonly",true)
                document.getElementById("empresaFamiliarInspeccionTecnica").value="NO APLICA";
                document.getElementById("parentescoFamiliarInspeccionTecnica").setAttribute("readonly",true)
                document.getElementById("parentescoFamiliarInspeccionTecnica").value="NO APLICA";
            }
        }

        function eliminarFilaConflictoInteresEnInspeccionTecnica(fila) {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Se borraba todos los datos que tenga relación al conflicto de interes",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, borrar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    let elementoPadre = fila.parentElement.parentElement.parentElement.parentElement;
                    cantidadConflictoInteresEnInspeccionTecnica = 0;
                    elementoPadre.remove();
                    let filas = document.getElementById('tabla-conflicto-interes-familiar-inspeccion-tecnica').tBodies[0].querySelectorAll("tr");
                    if (filas.length > 0) {
                        filas.forEach(elemento => {
                            cantidadConflictoInteresEnInspeccionTecnica++;
                            elemento.querySelector(".tabla-contador-conflicto-interes-inspeccion-tecnica").innerHTML = cantidadConflictoInteresEnInspeccionTecnica;
                        });
                    } else {
                        document.getElementById("registroConfictoInteresFamiliarInspeccionTecnica").innerHTML =
                            '<tr id="confictoInteresFamiliarInspeccionTecnicaNoDisponibleEnLaTabla">' +
                            '<td colspan="5" class="text-center">No hay conflicto de interes disponibles en la tabla</td>' +
                            '</tr>';
                    }
                }
            })
        }

        function agregarConflictoInteresEnInspeccionTecnica() {
            let error = validarCamposSobreElConflictoInteresEnInspeccionTecnica();
            if (error == true) {
                let nombre = document.getElementById("nombreFamiliarInspeccionTecnica").value.trim();
                let empresa = document.getElementById("empresaFamiliarInspeccionTecnica").value.trim();
                let parentesco = document.getElementById("parentescoFamiliarInspeccionTecnica").value.trim();
                let estado = document.getElementById("estadoFamiliarInspeccionTecnica").value.trim();
                let codigoUnico = uuidv4();
                cantidadConflictoInteresEnInspeccionTecnica++;

                if (document.getElementById("confictoInteresFamiliarInspeccionTecnicaNoDisponibleEnLaTabla")) {
                    document.getElementById("confictoInteresFamiliarInspeccionTecnicaNoDisponibleEnLaTabla").remove();
                }
                document.getElementById("registroConfictoInteresFamiliarInspeccionTecnica").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td style="display: none;" class="tabla-estado-conflicto-interes-inspeccion-tecnica">' + estado + '</td>' +
                    '<td style="display: none;" class="tabla-id-unico-conflicto-interes-inspeccion-tecnica">' + codigoUnico + '</td>' +
                    '<td class="tabla-contador-conflicto-interes-inspeccion-tecnica">' + cantidadConflictoInteresEnInspeccionTecnica + '</td>' +
                    '<td class="tabla-nombre-conflicto-interes-inspeccion-tecnica">' + nombre + '</td>' +
                    '<td class="tabla-empresa-conflicto-interes-inspeccion-tecnica">' + empresa + '</td>' +
                    '<td class="tabla-parentesco-conflicto-interes-inspeccion-tecnica">' + parentesco + '</td>' +
                    '<td class="tabla-accion-conflicto-interes-inspeccion-tecnica">' +
                    '<div class="btn-group ">' +
                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>' +
                    '<div class="dropdown-menu">' +
                    '<a class="dropdown-item" href="#" onclick="eliminarFilaConflictoInteresEnInspeccionTecnica(this)"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Fila</a>' +
                    '</div>' +
                    '</div>' +
                    '</td>' +
                    '</tr>';

                limpiarCamposSobreElConflictoInteresEnInspeccionTecnica();
            }
        }
    </script>

    <script>
        function visualizarArchivoDeLaordenDeCompra(archivo, tipo) {
            var body = document.getElementsByTagName("body")[0];
            var html = document.getElementsByTagName("html")[0];
            var contenedor = document.createElement("div");
            var contenerdorVolver = document.createElement("div");
            var contenerdorDeImagenes = document.createElement("div");

            if (tipo == "imagen") {
                var elementoImagen = document.createElement("img");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", archivo);
                elementoImagen.setAttribute("class", "tamanoImagen");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center;");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

            if (tipo == "pdf") {
                var elementoImagen = document.createElement("iframe");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", archivo);
                elementoImagen.setAttribute("class", "tamanoIframe");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center;");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

            if (tipo == "txt") {
                var elementoImagen = document.createElement("iframe");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", archivo);
                elementoImagen.setAttribute("class", "tamanoIframeTxt");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center; ");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

        }

        function cerrarVisualizarDeArchivo() {
            var contenedor = document.getElementById("contenedorParaVisualizarImagenDelArchivo");
            var body = document.getElementsByTagName("body")[0];
            body.removeChild(contenedor);

            document.getElementById("tabla-archivos").parentElement.scrollIntoView({
                behavior: "smooth",
                block: "end",
                inline: "nearest"
            });
        }

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

        function eliminarArchivoDeLaTabla(registro, archivo) {
            document.getElementById(archivo).remove();
            registro.remove();

            if (document.getElementById("registroDeArchivos").innerHTML.trim().length == 0) {
                document.getElementById("registroDeArchivos").innerHTML =
                    '<tr id="archivosNoDisponibleEnLaTabla">' +
                    '<td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>' +
                    '</tr>';
            }

            document.getElementById("tabla-archivos").parentElement.scrollIntoView({
                behavior: "smooth",
                block: "end",
                inline: "nearest"
            });
        }

        function GuardarArchivoAlSeleccionarlo(archivo) {
            var nombreArchivo = archivo.files[0].name;
            var extensionarchivo = nombreArchivo.split('.');
            extensionarchivo = extensionarchivo[extensionarchivo.length - 1];
            var extensionArchivoSinCambio = extensionarchivo;
            var accionesRegistroDeArchivo = "";

            if (document.getElementById("archivosNoDisponibleEnLaTabla")) {
                document.getElementById("archivosNoDisponibleEnLaTabla").remove();
            }

            var reader = new FileReader();
            reader.readAsDataURL(archivo.files[0]);
            reader.onload = function() {
                var base64 = reader.result;

                if (extensionarchivo.toLowerCase() == "png" || extensionarchivo.toLowerCase() == "jpeg" || extensionarchivo.toLowerCase() == "gif" || extensionarchivo.toLowerCase() == "jpg" || extensionarchivo.toLowerCase() == "bmp") {
                    extensionarchivo = "IMAGEN";
                    accionesRegistroDeArchivo =
                        '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'imagen\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                        '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "mp3" || extensionarchivo.toLowerCase() == "wav" || extensionarchivo.toLowerCase() == "wma" || extensionarchivo.toLowerCase() == "ogg") {
                    extensionarchivo = "ARCHIVO DE AUDIO";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "zip" || extensionarchivo.toLowerCase() == "rar" || extensionarchivo.toLowerCase() == "tgz" || extensionarchivo.toLowerCase() == "tar") {
                    extensionarchivo = "ARCHIVO COMPRIMIDO";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "pdf") {
                    extensionarchivo = "PDF";
                    accionesRegistroDeArchivo =
                        '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'pdf\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                        '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "xlsx" || extensionarchivo.toLowerCase() == "xls") {
                    extensionarchivo = "OFFICE EXCEL";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "pptx" || extensionarchivo.toLowerCase() == "ppt") {
                    extensionarchivo = "OFFICE POWER POINT";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "docx" || extensionarchivo.toLowerCase() == "doc") {
                    extensionarchivo = "OFFICE WORD";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "txt") {
                    extensionarchivo = "ARCHIVO DE TEXTO";
                    accionesRegistroDeArchivo =
                        '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'txt\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                        '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (
                    extensionarchivo.toLowerCase() == "mp4" || extensionarchivo.toLowerCase() == "webm" || extensionarchivo.toLowerCase() == "avi" ||
                    extensionarchivo.toLowerCase() == "asf" || extensionarchivo.toLowerCase() == "dvd" || extensionarchivo.toLowerCase() == "m1v" ||
                    extensionarchivo.toLowerCase() == "movie" || extensionarchivo.toLowerCase() == "mpeg" || extensionarchivo.toLowerCase() == "wn" || extensionarchivo.toLowerCase() == "wmv"
                ) {
                    extensionarchivo = "ARCHIVO DE VIDEO";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else {
                    extensionarchivo = "ARCHIVO DESCONOCIDO";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                }

                document.getElementById("registroDeArchivos").innerHTML +=
                    '<tr>' +
                    '<td style="display:none;" class="id_archivo_archivos">' + archivo.id + '</td>' +
                    '<td class="acciones_archivos">' +
                    '<div class="btn-group ">' +
                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
                    'Acciones' +
                    '</button>' +
                    '<div class="dropdown-menu">' +
                    accionesRegistroDeArchivo +
                    //'<a class="dropdown-item" href="'+url+'" target="_blank"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>'+
                    //'<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>' +
                    '</div>' +
                    '</div>' +
                    '</td>' +
                    '<td class="nombre_archivos">' + nombreArchivo + '</td>' +
                    '<td class="extension_archivos">' + extensionarchivo + '</td>' +
                    '</tr>';

                archivo.style.display = "none";
                var inputFile = document.createElement("input");
                inputFile.setAttribute("type", "file");
                inputFile.setAttribute("class", "form-control-file");
                inputFile.setAttribute("id", uuid());
                inputFile.setAttribute("onchange", "GuardarArchivoAlSeleccionarlo(this)");
                document.getElementById("contenedorDelSeleccionadorDeArchivo").appendChild(inputFile);

            };
            reader.onerror = function(error) {

            };

        }
    </script>

    <script>
        function GuardarArchivoCurriculumAlSeleccionarlo(archivo) {
            var nombreArchivoCurriculum = archivo.files[0].name;
            var extensionarchivoCurriculum = nombreArchivoCurriculum.split('.');
            extensionarchivoCurriculum = extensionarchivoCurriculum[extensionarchivoCurriculum.length - 1];
            var extensionArchivoCurriculumSinCambio = extensionarchivoCurriculum;
            var accionesRegistroDeArchivoCurriculum = "";

            if (document.getElementById("archivoCurriculumNoDisponibleEnLaTabla")) {
                document.getElementById("archivoCurriculumNoDisponibleEnLaTabla").remove();
            }

            var reader = new FileReader();
            reader.readAsDataURL(archivo.files[0]);
            reader.onload = function() {
                var base64 = reader.result;

                if (extensionarchivoCurriculum.toLowerCase() == "png" || extensionarchivoCurriculum.toLowerCase() == "jpeg" || extensionarchivoCurriculum.toLowerCase() == "gif" || extensionarchivoCurriculum.toLowerCase() == "jpg" || extensionarchivoCurriculum.toLowerCase() == "bmp") {
                    extensionarchivoCurriculum = "IMAGEN";
                    accionesRegistroDeArchivoCurriculum =
                        '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'imagen\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                        '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivoCurriculum.toLowerCase() == "mp3" || extensionarchivoCurriculum.toLowerCase() == "wav" || extensionarchivoCurriculum.toLowerCase() == "wma" || extensionarchivoCurriculum.toLowerCase() == "ogg") {
                    extensionarchivoCurriculum = "ARCHIVO DE AUDIO";
                    accionesRegistroDeArchivoCurriculum = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivoCurriculum.toLowerCase() == "zip" || extensionarchivoCurriculum.toLowerCase() == "rar" || extensionarchivoCurriculum.toLowerCase() == "tgz" || extensionarchivoCurriculum.toLowerCase() == "tar") {
                    extensionarchivoCurriculum = "ARCHIVO COMPRIMIDO";
                    accionesRegistroDeArchivoCurriculum = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivoCurriculum.toLowerCase() == "pdf") {
                    extensionarchivoCurriculum = "PDF";
                    accionesRegistroDeArchivoCurriculum =
                        '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'pdf\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                        '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivoCurriculum.toLowerCase() == "xlsx" || extensionarchivoCurriculum.toLowerCase() == "xls") {
                    extensionarchivoCurriculum = "OFFICE EXCEL";
                    accionesRegistroDeArchivoCurriculum = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivoCurriculum.toLowerCase() == "pptx" || extensionarchivoCurriculum.toLowerCase() == "ppt") {
                    extensionarchivoCurriculum = "OFFICE POWER POINT";
                    accionesRegistroDeArchivoCurriculum = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivoCurriculum.toLowerCase() == "docx" || extensionarchivoCurriculum.toLowerCase() == "doc") {
                    extensionarchivoCurriculum = "OFFICE WORD";
                    accionesRegistroDeArchivoCurriculum = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (extensionarchivoCurriculum.toLowerCase() == "txt") {
                    extensionarchivoCurriculum = "ARCHIVO DE TEXTO";
                    accionesRegistroDeArchivoCurriculum =
                        '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'txt\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                        '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else if (
                    extensionarchivoCurriculum.toLowerCase() == "mp4" || extensionarchivoCurriculum.toLowerCase() == "webm" || extensionarchivoCurriculum.toLowerCase() == "avi" ||
                    extensionarchivoCurriculum.toLowerCase() == "asf" || extensionarchivoCurriculum.toLowerCase() == "dvd" || extensionarchivoCurriculum.toLowerCase() == "m1v" ||
                    extensionarchivoCurriculum.toLowerCase() == "movie" || extensionarchivoCurriculum.toLowerCase() == "mpeg" || extensionarchivoCurriculum.toLowerCase() == "wn" || extensionarchivoCurriculum.toLowerCase() == "wmv"
                ) {
                    extensionarchivoCurriculum = "ARCHIVO DE VIDEO";
                    accionesRegistroDeArchivoCurriculum = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                } else {
                    extensionarchivoCurriculum = "ARCHIVO DESCONOCIDO";
                    accionesRegistroDeArchivoCurriculum = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                }

                document.getElementById("registroDeArchivoCurriculum").innerHTML +=
                    '<tr>' +
                    '<td style="display:none;" class="id_archivo_archivo_curriculum">' + archivo.id + '</td>' +
                    '<td>' +
                    '<div class="btn-group ">' +
                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
                    'Acciones' +
                    '</button>' +
                    '<div class="dropdown-menu">' +
                        accionesRegistroDeArchivoCurriculum +
                    '</div>' +
                    '</div>' +
                    '</td>' +
                    '<td class="nombre_archivo_curriculum">' + nombreArchivoCurriculum + '</td>' +
                    '<td class="extension_archivo_curriculum">' + extensionarchivoCurriculum + '</td>' +
                    '</tr>';

                archivo.style.display = "none";
            };
            reader.onerror = function(error) {

            };
        }

        function eliminarArchivoCurriculumDeLaTabla(registro, archivo) {
            document.getElementById(archivo).remove();
            registro.remove();

            if (document.getElementById("registroDeArchivoCurriculum").innerHTML.trim().length == 0) {
                document.getElementById("registroDeArchivoCurriculum").innerHTML =
                    '<tr id="archivoCurriculumNoDisponibleEnLaTabla">' +
                    '<td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>' +
                    '</tr>';
            }

            let inputFileCurriculum = document.createElement("input");
            inputFileCurriculum.setAttribute("type", "file");
            inputFileCurriculum.setAttribute("class", "form-control-file");
            inputFileCurriculum.setAttribute("id", uuid());
            inputFileCurriculum.setAttribute("onchange", "GuardarArchivoCurriculumAlSeleccionarlo(this)");
            document.getElementById("contenedorDelSeleccionadorDeArchivoCurriculum").appendChild(inputFileCurriculum);

            document.getElementById("tabla-archivo-curriculum").parentElement.scrollIntoView({
                behavior: "smooth",
                block: "end",
                inline: "nearest"
            });
        }
    </script>

    <script>
        let cantidadPostulantes = 0;

        function validarCamposSobreElPostulantes() {
            let camposSinErrores = true;
            let idCampoError = "";
            if (document.getElementById("rutPostulante").value.trim().length > 0) {
                if (document.getElementById("rutPostulante").value.trim().length < 11) {
                    camposSinErrores = false;
                    if (idCampoError == "") {
                        idCampoError = "rutPostulante";
                    }
                    document.getElementById("rutPostulante").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoRutPostulante").innerHTML = "El campo rut del postulante debe contener al menos 11 caracteres.";
                } else {
                    let rutPostulante = document.getElementById("rutPostulante").value.trim().replace(".", "");
                    rutPostulante = rutPostulante.trim().replace(".", "");
                    rutPostulante = rutPostulante.split("-");
                    let rutSinDigitoVerificador = rutPostulante[0];
                    let digitoVerificador = rutPostulante[1];
                    if (digitoVerificador == "K" || digitoVerificador == "k") {
                        digitoVerificador = digitoVerificador.toUpperCase()
                    }

                    let digitoVerificadorCalculado = getDV(parseInt(rutSinDigitoVerificador));

                    if (digitoVerificadorCalculado == digitoVerificador) {
                        document.getElementById("rutPostulante").setAttribute("class", "form-control is-valid");
                        document.getElementById("valicacionCampoRutPostulante").innerHTML = "";
                    } else {
                        camposSinErrores = false;
                        if (idCampoError == "") {
                            idCampoError = "rutPostulante";
                        }
                        document.getElementById("rutPostulante").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampoRutPostulante").innerHTML = "El campo rut del postulante es invalido.";
                    }
                }
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "rutPostulante";
                }
                document.getElementById("rutPostulante").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoRutPostulante").innerHTML = "El campo rut del postulante es obligatorio";
            }

            if (document.getElementById("nombrePostulante").value.trim().length > 0) {
                document.getElementById("nombrePostulante").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionNombrePostulante").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "nombrePostulante";
                }
                document.getElementById("nombrePostulante").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionNombrePostulante").innerHTML = "El campo nombre del postulante es obligatorio";
            }

            if (document.getElementById("correoPostulante").value.trim().length > 0) {
                emailRegex = /^[-\w.%+]{1,64}@(?:[A-Z0-9-]{1,63}\.){1,125}[A-Z]{2,63}$/i;
                if (emailRegex.test(document.getElementById("correoPostulante").value.trim())) {
                    document.getElementById("correoPostulante").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacioCorreoPostulante").innerHTML = "";
                } else {
                    camposSinErrores = false;
                    if (idCampoError == "") {
                        idCampoError = "correoPostulante";
                    }
                    document.getElementById("correoPostulante").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacioCorreoPostulante").innerHTML = "El campo correo del postulante no tiene el formato adecuado";
                }
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "correoPostulante";
                }
                document.getElementById("correoPostulante").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacioCorreoPostulante").innerHTML = "El campo correo del postulante es obligatorio";
            }

            if (document.getElementById("nombreTelefono").value.trim().length > 0) {
                document.getElementById("nombreTelefono").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionNombrePostulante").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "nombreTelefono";
                }
                document.getElementById("nombreTelefono").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionNombrePostulante").innerHTML = "El campo telefono del postulante es obligatorio";
            }

            if (document.getElementById("ciudadPostulante").value.trim().length > 0) {
                document.getElementById("ciudadPostulante").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacioCiudadPostulante").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "ciudadPostulante";
                }
                document.getElementById("ciudadPostulante").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacioCiudadPostulante").innerHTML = "El campo ciudad es obligatorio";
            }

            if (document.getElementById("pretensionDeRentaTexto").value.trim().length > 0) {
                if (parseInt(document.getElementById("pretensionDeRentaNumero").value) > 0) {
                    document.getElementById("pretensionDeRentaTexto").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoPretensionDeRentaTexto").innerHTML = "";
                } else {
                    camposSinErrores = false;
                    if (idCampoError == "") {
                        idCampoError = "pretensionDeRentaTexto";
                    }
                    document.getElementById("pretensionDeRentaTexto").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoPretensionDeRentaTexto").innerHTML = "El campo pretensión de renta debe ser mayor que cero";
                }
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "pretensionDeRentaTexto";
                }
                document.getElementById("pretensionDeRentaTexto").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoPretensionDeRentaTexto").innerHTML = "El campo pretensión de renta es obligatorio";
            }

            if (document.getElementById("licenciaDeConducir").value.trim().length > 0) {
                document.getElementById("licenciaDeConducir").classList.remove('input-error-icon');
                document.getElementById("licenciaDeConducir").classList.add('input-success-icon');
                document.getElementById("valicacioLicenciaDeConducir").innerHTML = "";
                document.getElementById("valicacioLicenciaDeConducir").style.display = "none";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "licenciaDeConducir";
                }
                document.getElementById("licenciaDeConducir").classList.remove('input-success-icon');
                document.getElementById("licenciaDeConducir").classList.add('input-error-icon');
                document.getElementById("valicacioLicenciaDeConducir").innerHTML = "El campo licencia de conducir es obligatorio";
                document.getElementById("valicacioLicenciaDeConducir").style.display = "block";
            }

            if (document.getElementById("discapacidad").value.trim().length > 0) {
                document.getElementById("discapacidad").classList.remove('input-error-icon');
                document.getElementById("discapacidad").classList.add('input-success-icon');
                document.getElementById("valicacionCampoDiscapacidad").innerHTML = "";
                document.getElementById("valicacionCampoDiscapacidad").style.display = "none";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "discapacidad";
                }
                document.getElementById("discapacidad").classList.remove('input-success-icon');
                document.getElementById("discapacidad").classList.add('input-error-icon');
                document.getElementById("valicacionCampoDiscapacidad").innerHTML = "El campo tiene discapacidad es obligatorio";
                document.getElementById("valicacionCampoDiscapacidad").style.display = "block";
            }

            if (document.getElementById("discapacidad").value == "Si") {
                if (document.getElementById("nombreDiscapacidad").value.trim().length > 0) {
                    document.getElementById("nombreDiscapacidad").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoNombreDiscapacidad").innerHTML = "";
                } else {
                    camposSinErrores = false;
                    if (idCampoError == "") {
                        idCampoError = "nombreDiscapacidad";
                    }
                    document.getElementById("nombreDiscapacidad").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoNombreDiscapacidad").innerHTML = "El campo discapacidad es obligatorio si el campo tiene discapacaidad tiene el valor de si";
                }

                if (document.getElementById("carnetDiscapacidad").value.trim().length > 0) {
                    document.getElementById("carnetDiscapacidad").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoCarnetDiscapacidad").innerHTML = "";
                } else {
                    camposSinErrores = false;
                    if (idCampoError == "") {
                        idCampoError = "carnetDiscapacidad";
                    }
                    document.getElementById("carnetDiscapacidad").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoCarnetDiscapacidad").innerHTML = "El campo carnet discapacidad es obligatorio si el campo tiene discapacaidad tiene el valor de si";
                }
            } else {
                document.getElementById("nombreDiscapacidad").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoNombreDiscapacidad").innerHTML = "";

                document.getElementById("carnetDiscapacidad").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoCarnetDiscapacidad").innerHTML = "";
            }

            if (document.getElementById("disponibilidad").value.trim().length > 0) {
                document.getElementById("disponibilidad").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoDisponibilidad").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "disponibilidad";
                }
                document.getElementById("disponibilidad").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoDisponibilidad").innerHTML = "El campo disponibilidad es obligatorio";
            }

            if (document.getElementById("experienciaGeneralTexto").value.trim().length > 0 && document.getElementById("experienciaGeneralNumero").value.trim().length > 0) {
                document.getElementById("experienciaGeneralTexto").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoExperienciaGeneralTexto").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "experienciaGeneralTexto";
                }
                document.getElementById("experienciaGeneralTexto").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoExperienciaGeneralTexto").innerHTML = "El campo experiencia general es obligatorio";
            }

            if (document.getElementById("experienciaEspecificaTexto").value.trim().length > 0 && document.getElementById("experienciaEspecificaNumero").value.trim().length > 0) {
                document.getElementById("experienciaEspecificaTexto").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoExperienciaEspecificaTexto").innerHTML = "";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "experienciaEspecificaTexto";
                }
                document.getElementById("experienciaEspecificaTexto").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoExperienciaEspecificaTexto").innerHTML = "El campo experiencia especifica es obligatorio";
            }

            let filasEnfermedades = document.getElementById('tabla-enfermedades').tBodies[0].querySelectorAll("tr");
            let tablaEnfermedadTieneInformacion = false;
            filasEnfermedades.forEach(filaEnfermedad => {
                if (filaEnfermedad.querySelector(".tabla-partes-enfermedad")) {
                    tablaEnfermedadTieneInformacion = true
                }
            });
            if (tablaEnfermedadTieneInformacion == true) {
                document.getElementById("errorEnfermedad").style.display = "none";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "enfermedad";
                }
                document.getElementById("errorEnfermedad").innerHTML = "Se debe añadir al menos una enfermedad, en caso de que el postulante no tenga enfermedad es necesario indicarlo";
                document.getElementById("errorEnfermedad").style.display = "block";
            }

            let filasPartes = document.getElementById('tabla-partes').tBodies[0].querySelectorAll("tr");
            let tablaPartesTieneInformacion = false;
            filasPartes.forEach(filaParte => {
                if (filaParte.querySelector(".tabla-partes-partes")) {
                    tablaPartesTieneInformacion = true;
                }
            });
            if (tablaPartesTieneInformacion == true) {
                document.getElementById("errorParte").style.display = "none";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "partes";
                }
                document.getElementById("errorParte").innerHTML = "Se debe añadir al menos una parte, en caso de que el postulante no tenga parte es necesario indicarlo";
                document.getElementById("errorParte").style.display = "block";
            }

            let filasEstudios = document.getElementById('tabla-estudios').tBodies[0].querySelectorAll("tr");
            let tablaEstudiosTieneInformacion = false;
            filasEstudios.forEach(filaEstudio => {
                if (filaEstudio.querySelector(".tabla-estudio-estudios")) {
                    tablaEstudiosTieneInformacion = true;
                }
            });
            if (tablaEstudiosTieneInformacion == true) {
                document.getElementById("errorEstudios").style.display = "none";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "estudioPostulante";
                }
                document.getElementById("errorEstudios").innerHTML = "Se debe añadir al menos un nivel de estudio, en caso de que el postulante no tenga nivel de estudio es necesario indicarlo";
                document.getElementById("errorEstudios").style.display = "block";
            }

            let filasConflictoInteresNuestraEmpresa = document.getElementById('tabla-conflicto-interes-familiar-nuestra-empresas').tBodies[0].querySelectorAll("tr");
            let tablaConflictoInteresNuestraEmpresaTieneInformacion = false;
            filasConflictoInteresNuestraEmpresa.forEach(conflictoIntereNuestraEmpresa => {
                if (conflictoIntereNuestraEmpresa.querySelector(".tabla-contador-conflicto-interes-nuestra-empresa")) {
                    tablaConflictoInteresNuestraEmpresaTieneInformacion = true;
                }
            });
            if (tablaConflictoInteresNuestraEmpresaTieneInformacion == true) {
                document.getElementById("errorConflictoDeInteresNumero1").style.display = "none";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "nombreFamiliarNuestraEmpresa";
                }
                document.getElementById("errorConflictoDeInteresNumero1").innerHTML = "Se debe añadir al menos un conflicto de interés, en caso de que el postulante no tenga conflicto de interés es necesario indicarlo";
                document.getElementById("errorConflictoDeInteresNumero1").style.display = "block";
            }

            let filasConflictoInteresEmpresaContratistas = document.getElementById('tabla-conflicto-interes-familiar-empresa-contratista').tBodies[0].querySelectorAll("tr");
            let tablaConflictoInteresEmpresaContratistasTieneInformacion = false;
            filasConflictoInteresEmpresaContratistas.forEach(conflictoInteresEmpresaContratista => {
                if (conflictoInteresEmpresaContratista.querySelector(".tabla-contador-conflicto-interes-empresa-contratista")) {
                    tablaConflictoInteresEmpresaContratistasTieneInformacion = true;
                }
            });
            if (tablaConflictoInteresEmpresaContratistasTieneInformacion == true) {
                document.getElementById("errorConflictoDeInteresNumero2").style.display = "none";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "nombreFamiliarEmpresaContratista";
                }
                document.getElementById("errorConflictoDeInteresNumero2").innerHTML = "Se debe añadir al menos un conflicto de interés, en caso de que el postulante no tenga conflicto de interés es necesario indicarlo";
                document.getElementById("errorConflictoDeInteresNumero2").style.display = "block";
            }

            let filasConflictoInteresInspeccionesTecnicas = document.getElementById('tabla-conflicto-interes-familiar-inspeccion-tecnica').tBodies[0].querySelectorAll("tr");
            let tablaConflictoInteresInspeccionesTecnicasTieneInformacion = false;
            filasConflictoInteresInspeccionesTecnicas.forEach(conflictoInteresInspeccionTecnica => {
                if (conflictoInteresInspeccionTecnica.querySelector(".tabla-contador-conflicto-interes-inspeccion-tecnica")) {
                    tablaConflictoInteresInspeccionesTecnicasTieneInformacion = true;
                }
            });
            if (tablaConflictoInteresInspeccionesTecnicasTieneInformacion == true) {
                document.getElementById("errorConflictoDeInteresNumero3").style.display = "none";
            } else {
                camposSinErrores = false;
                if (idCampoError == "") {
                    idCampoError = "nombreFamiliarInspeccionTecnica";
                }
                document.getElementById("errorConflictoDeInteresNumero3").innerHTML = "Se debe añadir al menos un conflicto de interés, en caso de que el postulante no tenga conflicto de interés es necesario indicarlo";
                document.getElementById("errorConflictoDeInteresNumero3").style.display = "block";
            }

            if (camposSinErrores == false) {
                if (idCampoError != "errorEvaluaciones") {
                    document.getElementById(idCampoError).parentElement.scrollIntoView({
                        behavior: "smooth",
                        block: "end",
                        inline: "nearest"
                    });
                } else {
                    document.getElementById(idCampoError).scrollIntoView({
                        behavior: "smooth",
                        block: "end",
                        inline: "nearest"
                    });
                }
            }

            return camposSinErrores;
        }

        function limpiarCamposSobreElPostulantes() {
            document.getElementById("codigoUnico").value = "";

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

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

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

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

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

            document.getElementById("pretensionDeRentaNumero").value = "";
            document.getElementById("pretensionDeRentaTexto").value = "";
            document.getElementById("valicacionCampoPretensionDeRentaTexto").innerHTML = "";
            document.getElementById("pretensionDeRentaTexto").setAttribute("class", "form-control");

            $('#licenciaDeConducir').selectpicker('val', "");
            document.getElementById("valicacioLicenciaDeConducir").innerHTML = "";
            document.getElementById("licenciaDeConducir").classList.remove('input-success-icon');
            document.getElementById("licenciaDeConducir").classList.remove('input-error-icon');
            document.getElementById("valicacioLicenciaDeConducir").style.display = "none";

            $('#discapacidad').selectpicker('val', "");
            document.getElementById("valicacionCampoDiscapacidad").innerHTML = "";
            document.getElementById("discapacidad").classList.remove('input-success-icon');
            document.getElementById("discapacidad").classList.remove('input-error-icon');
            document.getElementById("valicacionCampoDiscapacidad").style.display = "none";

            document.getElementById("nombreDiscapacidad").value = "Sin Discapacidad";
            document.getElementById("valicacionCampoNombreDiscapacidad").innerHTML = "";
            document.getElementById("nombreDiscapacidad").setAttribute("class", "form-control");

            document.getElementById("carnetDiscapacidad").value = "Sin Carnet";
            document.getElementById("valicacionCampoCarnetDiscapacidad").innerHTML = "";
            document.getElementById("carnetDiscapacidad").setAttribute("class", "form-control");

            document.getElementById("partes").value = "";
            document.getElementById("valicacionCampoPartes").innerHTML = "";
            document.getElementById("partes").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoPartes").style.display = "none";

            document.getElementById("enfermedad").value = "";
            document.getElementById("valicacionCampoEnfermedad").innerHTML = "";
            document.getElementById("enfermedad").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoEnfermedad").style.display = "none";

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

            $('#estadoEstudioPostulante').selectpicker('val', "");
            document.getElementById("valicacionCampoEstadoEstudioPostulante").innerHTML = "";
            document.getElementById("estadoEstudioPostulante").classList.remove('input-success-icon');
            document.getElementById("estadoEstudioPostulante").classList.remove('input-error-icon');
            document.getElementById("valicacionCampoEstadoEstudioPostulante").style.display = "none";

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

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

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

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

            document.getElementById("experienciaGeneralTexto").value = "";
            document.getElementById("experienciaGeneralNumero").value = "";
            document.getElementById("valicacionCampoExperienciaGeneralTexto").innerHTML = "";
            document.getElementById("experienciaGeneralTexto").setAttribute("class", "form-control");

            document.getElementById("experienciaEspecificaTexto").value = "";
            document.getElementById("experienciaEspecificaNumero").value = "";
            document.getElementById("valicacionCampoExperienciaEspecificaTexto").innerHTML = "";
            document.getElementById("experienciaEspecificaTexto").setAttribute("class", "form-control");

            document.getElementById("nombreFamiliarNuestraEmpresa").value = "";
            document.getElementById("valicacionCampoNombreFamiliarNuestraEmpresa").innerHTML = "";
            document.getElementById("nombreFamiliarNuestraEmpresa").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoNombreFamiliarNuestraEmpresa").style.display = "none";

            document.getElementById("areaFamiliarNuestraEmpresa").value = "";
            document.getElementById("valicacionCampoAreaFamiliarNuestraEmpresa").innerHTML = "";
            document.getElementById("areaFamiliarNuestraEmpresa").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoAreaFamiliarNuestraEmpresa").style.display = "none";

            document.getElementById("parentescoFamiliarNuestraEmpresa").value = "";
            document.getElementById("valicacionCampoParentescoFamiliarNuestraEmpresa").innerHTML = "";
            document.getElementById("parentescoFamiliarNuestraEmpresa").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoParentescoFamiliarNuestraEmpresa").style.display = "none";

            document.getElementById("nombreFamiliarEmpresaContratista").value = "";
            document.getElementById("valicacionCampoNombreFamiliarEmpresaContratista").innerHTML = "";
            document.getElementById("nombreFamiliarEmpresaContratista").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoNombreFamiliarEmpresaContratista").style.display = "none";

            document.getElementById("empresaFamiliarEmpresaContratista").value = "";
            document.getElementById("valicacionCampoEmpresaFamiliarEmpresaContratista").innerHTML = "";
            document.getElementById("empresaFamiliarEmpresaContratista").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoEmpresaFamiliarEmpresaContratista").style.display = "none";

            document.getElementById("parentescoFamiliarEmpresaContratista").value = "";
            document.getElementById("valicacionCampoParentescoFamiliarEmpresaContratista").innerHTML = "";
            document.getElementById("parentescoFamiliarEmpresaContratista").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoParentescoFamiliarEmpresaContratista").style.display = "none";

            document.getElementById("nombreFamiliarInspeccionTecnica").value = "";
            document.getElementById("valicacionCampoNombreFamiliarInspeccionTecnica").innerHTML = "";
            document.getElementById("nombreFamiliarInspeccionTecnica").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoNombreFamiliarInspeccionTecnica").style.display = "none";

            document.getElementById("empresaFamiliarInspeccionTecnica").value = "";
            document.getElementById("valicacionCampoEmpresaFamiliarInspeccionTecnica").innerHTML = "";
            document.getElementById("empresaFamiliarInspeccionTecnica").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoEmpresaFamiliarInspeccionTecnica").style.display = "none";

            document.getElementById("parentescoFamiliarInspeccionTecnica").value = "";
            document.getElementById("valicacionCampoParentescoFamiliarInspeccionTecnica").innerHTML = "";
            document.getElementById("parentescoFamiliarInspeccionTecnica").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoParentescoFamiliarInspeccionTecnica").style.display = "none";

            document.getElementById("registroEnfermedades").innerHTML =
                '<tr id="enfermedadesNoDisponibleEnLaTabla">' +
                '<td colspan="3" class="text-center">No hay enfermedades disponibles en la tabla</td>' +
                '</tr>';

            document.getElementById("registroPartes").innerHTML =
                '<tr id="partesNoDisponibleEnLaTabla">' +
                '<td colspan="3" class="text-center">No hay partes disponibles en la tabla</td>' +
                '</tr>';

            document.getElementById("registroEstudios").innerHTML =
                '<tr id="estudiosNoDisponibleEnLaTabla">' +
                '<td colspan="4" class="text-center">No hay estudios disponibles en la tabla</td>' +
                '</tr>';

            document.getElementById("registroExperiencias").innerHTML =
                '<tr id="experienciasNoDisponibleEnLaTabla">' +
                '<td colspan="5" class="text-center">No hay experiencias disponibles en la tabla</td>' +
                '</tr>';

            document.getElementById("registroDeArchivos").innerHTML =
                '<tr id="archivosNoDisponibleEnLaTabla">' +
                '<td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>' +
                '</tr>';

            document.getElementById("registroConfictoInteresFamiliarNuestraEmpresa").innerHTML =
                '<tr id="confictoInteresFamiliarNuestraEmpresaNoDisponibleEnLaTabla">' +
                '<td colspan="5" class="text-center">No hay conflicto de interes disponibles en la tabla</td>' +
                '</tr>';

            document.getElementById("registroConfictoInteresFamiliarEmpresaContratista").innerHTML =
                '<tr id="confictoInteresFamiliarEmpresaContratistaNoDisponibleEnLaTabla">' +
                '<td colspan="5" class="text-center">No hay conflicto de interes disponibles en la tabla</td>' +
                '</tr>';

            document.getElementById("registroConfictoInteresFamiliarInspeccionTecnica").innerHTML =
                '<tr id="confictoInteresFamiliarInspeccionTecnicaNoDisponibleEnLaTabla">' +
                '<td colspan="5" class="text-center">No hay conflicto de interes disponibles en la tabla</td>' +
                '</tr>';

            document.getElementById("errorEnfermedad").style.display = "none";
            document.getElementById("errorParte").style.display = "none";
            document.getElementById("errorEstudios").style.display = "none";
            document.getElementById("errorConflictoDeInteresNumero1").style.display = "none";
            document.getElementById("errorConflictoDeInteresNumero2").style.display = "none";
            document.getElementById("errorConflictoDeInteresNumero3").style.display = "none";
        }

        function uuidv4() {
            return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
                (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
            );
        }

        function detalleEnfermedades(fila) {
            let elementoPadre = fila.parentElement.parentElement.parentElement.parentElement;
            let listadoModalEnfermedades = JSON.parse(elementoPadre.querySelector(".tabla-listado-enfermedades-postulantes").innerHTML)
            document.getElementById("registroModalEnfermedades").innerHTML = "";
            let cantidadModalEnfermedades = 0;
            listadoModalEnfermedades.forEach(enfermedad => {
                cantidadModalEnfermedades++;
                document.getElementById("registroModalEnfermedades").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-enfermedades">' + cantidadModalEnfermedades + '</td>' +
                    '<td class="tabla-modal-enfermedad-enfermedades">' + enfermedad + '</td>' +
                    '</tr>';
            });
            document.getElementById("tituloModalEnfermedades").innerHTML = "Enfermedades del postulante " + elementoPadre.querySelector(".tabla-nombre-nombre-postulante-postulantes").innerHTML;
            $("#modalEnfermedades").modal("show");
        }

        function detallePartes(fila) {
            let elementoPadre = fila.parentElement.parentElement.parentElement.parentElement;
            let listadoModalPartes = JSON.parse(elementoPadre.querySelector(".tabla-listado-partes-postulantes").innerHTML)
            document.getElementById("registroModalPartes").innerHTML = "";
            let cantidadModalPartes = 0;
            listadoModalPartes.forEach(parte => {
                cantidadModalPartes++;
                document.getElementById("registroModalPartes").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-partes">' + cantidadModalPartes + '</td>' +
                    '<td class="tabla-modal-parte-partes">' + parte + '</td>' +
                    '</tr>';
            });
            document.getElementById("tituloModalPartes").innerHTML = "Partes del postulante " + elementoPadre.querySelector(".tabla-nombre-nombre-postulante-postulantes").innerHTML;
            $("#modalPartes").modal("show");
        }

        function detalleEstudios(fila) {
            let elementoPadre = fila.parentElement.parentElement.parentElement.parentElement;
            let listadoModalEstudios = JSON.parse(elementoPadre.querySelector(".tabla-listado-estudios-postulantes").innerHTML)
            document.getElementById("registroModalEstudios").innerHTML = "";
            let cantidadModalEstudios = 0;
            listadoModalEstudios.forEach(estudio => {
                cantidadModalEstudios++;
                document.getElementById("registroModalEstudios").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-estudios">' + cantidadModalEstudios + '</td>' +
                    '<td class="tabla-modal-tipo-estudio-estudios">' + estudio.tipoEstudio + '</td>' +
                    '<td class="tabla-modal-estudio-estudios">' + estudio.nombreEstudio + '</td>' +
                    '<td class="tabla-modal-estado-estudio-estudios">' + estudio.estadoEstudio + '</td>' +
                    '</tr>';
            });
            document.getElementById("tituloModalEstudios").innerHTML = "Estudios del postulante " + elementoPadre.querySelector(".tabla-nombre-nombre-postulante-postulantes").innerHTML;
            $("#modalEstudios").modal("show");
        }

        function detalleExperiencias(fila) {
            let elementoPadre = fila.parentElement.parentElement.parentElement.parentElement;
            let listadoModalExperiencias = JSON.parse(elementoPadre.querySelector(".tabla-listado-experiencias-postulantes").innerHTML)
            document.getElementById("registroModalExperiencia").innerHTML = "";
            let cantidadModalExperiencias = 0;
            listadoModalExperiencias.forEach(experiencia => {
                cantidadModalExperiencias++;
                document.getElementById("registroModalExperiencia").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-experiencias">' + cantidadModalExperiencias + '</td>' +
                    '<td class="tabla-modal-ano-experiencias">' + experiencia.anoExperiencia + '</td>' +
                    '<td class="tabla-modal-cargo-experiencias">' + experiencia.cargoExperiencia + '</td>' +
                    '<td class="tabla-modal-empresa-experiencias">' + experiencia.empresaExperiencia + '</td>' +
                    '</tr>';
            });
            document.getElementById("tituloModalExperiencia").innerHTML = "Experiencias del postulante " + elementoPadre.querySelector(".tabla-nombre-nombre-postulante-postulantes").innerHTML;
            $("#modalExperiencia").modal("show");
        }

        function detalleArchivos(fila) {
            let elementoPadre = fila.parentElement.parentElement.parentElement.parentElement;
            let listadoModalArchivos = JSON.parse(elementoPadre.querySelector(".tabla-listado-archivos-postulantes").innerHTML)
            document.getElementById("registroModalArchivos").innerHTML = "";
            listadoModalArchivos.forEach(archivo => {
                let accionesRegistroDeArchivo = "";
                let reader = new FileReader();
                let arch = document.getElementById(archivo.idArchivo)
                reader.readAsDataURL(arch.files[0]);
                reader.onload = function() {
                    let base64 = reader.result;
                    if (archivo.extensionArchivo == "IMAGEN") {
                        accionesRegistroDeArchivo =
                            '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'imagen\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>';
                    } else if (archivo.extensionArchivo == "PDF") {
                        accionesRegistroDeArchivo =
                            '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'pdf\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>';
                    } else if (archivo.extensionArchivo == "ARCHIVO DE TEXTO") {
                        accionesRegistroDeArchivo =
                            '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'txt\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>';
                    }

                    let configuracionArchivo = "";
                    if (accionesRegistroDeArchivo != "") {
                        configuracionArchivo =
                            '<div class="btn-group ">' +
                            '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
                            'Acciones' +
                            '</button>' +
                            '<div class="dropdown-menu">' +
                            accionesRegistroDeArchivo +
                            '</div>' +
                            '</div>';
                    }

                    document.getElementById("registroModalArchivos").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td class="tabla-accion-modal-archivos">' + configuracionArchivo + '</td>' +
                        '<td class="tabla-modal-nombre-archivos">' + archivo.nombreArchivo + '</td>' +
                        '<td class="tabla-modal-extension-archivos">' + archivo.extensionArchivo + '</td>' +
                        '</tr>';
                };

            });
            document.getElementById("tituloModalArchivos").innerHTML = "Archivos del postulante " + elementoPadre.querySelector(".tabla-nombre-nombre-postulante-postulantes").innerHTML;
            $("#modalArchivos").modal("show");
        }

        function detalleArchivosCurriculum(fila) {
            let elementoPadre = fila.parentElement.parentElement.parentElement.parentElement;
            let listadoModalArchivos = JSON.parse(elementoPadre.querySelector(".tabla-listado-archivos-curriculum-postulantes").innerHTML)
            document.getElementById("registroModalArchivosCurriculum").innerHTML = "";
            listadoModalArchivos.forEach(archivo => {
                let accionesRegistroDeArchivo = "";
                let reader = new FileReader();
                let arch = document.getElementById(archivo.idArchivo)
                reader.readAsDataURL(arch.files[0]);
                reader.onload = function() {
                    let base64 = reader.result;
                    if (archivo.extensionArchivo == "IMAGEN") {
                        accionesRegistroDeArchivo =
                            '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'imagen\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>';
                    } else if (archivo.extensionArchivo == "PDF") {
                        accionesRegistroDeArchivo =
                            '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'pdf\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>';
                    } else if (archivo.extensionArchivo == "ARCHIVO DE TEXTO") {
                        accionesRegistroDeArchivo =
                            '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'txt\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>';
                    }

                    let configuracionArchivo = "";
                    if (accionesRegistroDeArchivo != "") {
                        configuracionArchivo =
                            '<div class="btn-group ">' +
                            '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
                            'Acciones' +
                            '</button>' +
                            '<div class="dropdown-menu">' +
                            accionesRegistroDeArchivo +
                            '</div>' +
                            '</div>';
                    }

                    document.getElementById("registroModalArchivosCurriculum").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td class="tabla-accion-modal-archivos-curriculum">' + configuracionArchivo + '</td>' +
                        '<td class="tabla-modal-nombre-archivos-curriculum">' + archivo.nombreArchivo + '</td>' +
                        '<td class="tabla-modal-extension-archivos-curriculum">' + archivo.extensionArchivo + '</td>' +
                        '</tr>';
                };

            });
            document.getElementById("tituloModalArchivosCurriculum").innerHTML = "Curriculum del postulante " + elementoPadre.querySelector(".tabla-nombre-nombre-postulante-postulantes").innerHTML;
            $("#modalArchivosCurriculum").modal("show");
        }

        function detalleConflictoInteres(fila) {
            let elementoPadre = fila.parentElement.parentElement.parentElement.parentElement;
            document.getElementById("registroModalConflictoInteresEmpresaGuinez").innerHTML = "";
            document.getElementById("registroModalConflictoInteresEmpresaContratista").innerHTML = "";
            document.getElementById("registroModalConflictoInteresInspeccionTecnica").innerHTML = "";

            let listadoConflictoInteresEmpresaGuinez = JSON.parse(elementoPadre.querySelector(".tabla-listado-conflicto-interes-empresa-guinez-postulantes").innerHTML)
            let listadoConflictoInteresEmpresaContratista = JSON.parse(elementoPadre.querySelector(".tabla-listado-conflicto-interes-empresa-contratista-postulantes").innerHTML)
            let listadoConflictoInteresInspeccionTecnica = JSON.parse(elementoPadre.querySelector(".tabla-listado-conflicto-interes-inspeccion-tecnica-postulantes").innerHTML)
            let cantidadConflictoInteresEmpresaGuinez = 0;
            let cantidadConflictoInteresEmpresaContratista = 0;
            let cantidadConflictoInteresInspeccionTecnica = 0;

            listadoConflictoInteresEmpresaGuinez.forEach(ci => {
                cantidadConflictoInteresEmpresaGuinez++;
                document.getElementById("registroModalConflictoInteresEmpresaGuinez").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-conflito-interes-empresa-guinez">' + cantidadConflictoInteresEmpresaGuinez + '</td>' +
                    '<td class="tabla-modal-nombre-conflito-interes-empresa-guinez">' + ci.nombre + '</td>' +
                    '<td class="tabla-modal-area-conflito-interes-empresa-guinez">' + ci.area + '</td>' +
                    '<td class="tabla-modal-parentesco-conflito-interes-empresa-guinez">' + ci.parentesco + '</td>' +
                    '</tr>';
            });

            listadoConflictoInteresEmpresaContratista.forEach(ci => {
                cantidadConflictoInteresEmpresaContratista++;
                document.getElementById("registroModalConflictoInteresEmpresaContratista").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-conflito-interes-empresa-contratista">' + cantidadConflictoInteresEmpresaContratista + '</td>' +
                    '<td class="tabla-modal-nombre-conflito-interes-empresa-contratista">' + ci.nombre + '</td>' +
                    '<td class="tabla-modal-area-conflito-interes-empresa-contratista">' + ci.empresa + '</td>' +
                    '<td class="tabla-modal-parentesco-conflito-interes-empresa-contratista">' + ci.parentesco + '</td>' +
                    '</tr>';
            });

            listadoConflictoInteresInspeccionTecnica.forEach(ci => {
                cantidadConflictoInteresInspeccionTecnica++;
                document.getElementById("registroModalConflictoInteresInspeccionTecnica").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-conflito-interes-inspeccion-tecnica">' + cantidadConflictoInteresInspeccionTecnica + '</td>' +
                    '<td class="tabla-modal-nombre-conflito-interes-inspeccion-tecnica">' + ci.nombre + '</td>' +
                    '<td class="tabla-modal-area-conflito-interes-inspeccion-tecnica">' + ci.empresa + '</td>' +
                    '<td class="tabla-modal-parentesco-conflito-interes-inspeccion-tecnica">' + ci.parentesco + '</td>' +
                    '</tr>';
            });

            document.getElementById("tituloModalConflictoInteres").innerHTML = "Conflicto de interes del postulante " + elementoPadre.querySelector(".tabla-nombre-nombre-postulante-postulantes").innerHTML;
            $("#modalConflictoInteres").modal("show");
        }

        function eliminarFila(fila) {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Se borraba todos los datos que tenga relación al postulante",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, borrar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    let elementoPadre = fila.parentElement.parentElement.parentElement.parentElement;
                    cantidadPostulante = 0;
                    elementoPadre.remove();
                    let filas = document.getElementById('tabla-postulantes').tBodies[0].querySelectorAll("tr");
                    filas.forEach(elemento => {
                        if (elemento.querySelector(".tabla-contador-postulantes")) {
                            cantidadPostulante++;
                            elemento.querySelector(".tabla-contador-postulantes").innerHTML = cantidadPostulante;
                        }
                    });
                }
            })
        }

        function establecerFormularioParaEditarPostulante(fila) {
            limpiarCamposSobreElPostulantes();
            let elementoPadre = fila.parentElement.parentElement.parentElement.parentElement;
            document.getElementById("rutPostulante").value = elementoPadre.querySelector(".tabla-rut-postulante-postulantes").innerHTML;
            document.getElementById("nombrePostulante").value = elementoPadre.querySelector(".tabla-nombre-nombre-postulante-postulantes").innerHTML;
            document.getElementById("correoPostulante").value = elementoPadre.querySelector(".tabla-correo-postulante-postulantes").innerHTML;
            document.getElementById("nombreTelefono").value = elementoPadre.querySelector(".tabla-telefono-postulante-postulantes").innerHTML;
            document.getElementById("ciudadPostulante").value = elementoPadre.querySelector(".tabla-ciudad-postulante-postulantes").innerHTML;
            document.getElementById("pretensionDeRentaTexto").value = elementoPadre.querySelector(".tabla-pretencion-renta-postulante-texto-postulantes").innerHTML;
            document.getElementById("pretensionDeRentaNumero").value = elementoPadre.querySelector(".tabla-pretencion-renta-postulante-numero-postulantes").innerHTML;
            document.getElementById("licenciaDeConducir").value = elementoPadre.querySelector(".tabla-licencia-postulante-postulantes").innerHTML;
            $('#discapacidad').selectpicker('val', elementoPadre.querySelector(".tabla-discapacidad-postulante-postulantes").innerHTML);
            document.getElementById("nombreDiscapacidad").value = elementoPadre.querySelector(".tabla-nombre-discapacidad-postulante-postulantes").innerHTML;
            document.getElementById("carnetDiscapacidad").value = elementoPadre.querySelector(".tabla-carnet-discapacidad-postulante-postulantes").innerHTML;
            document.getElementById("disponibilidad").value = elementoPadre.querySelector(".tabla-disponibilidad-postulante-postulantes").innerHTML;
            document.getElementById("codigoUnico").value = elementoPadre.querySelector(".tabla-id-unico-postulantes").innerHTML;
            document.getElementById("experienciaGeneralTexto").value = elementoPadre.querySelector(".tabla-experiencia-general-texto-postulantes").innerHTML;
            document.getElementById("experienciaGeneralNumero").value = elementoPadre.querySelector(".tabla-experiencia-general-numero-postulantes").innerHTML;
            document.getElementById("experienciaEspecificaTexto").value = elementoPadre.querySelector(".tabla-experiencia-especifica-texto-postulantes").innerHTML;
            document.getElementById("experienciaEspecificaNumero").value = elementoPadre.querySelector(".tabla-experiencia-especifica-numero-postulantes").innerHTML;

            let cantidadEnfermedades = 0;
            let cantidadPartes = 0;
            let cantidadEstudios = 0;
            let cantidadExperiencias = 0;
            let cantidadConflictoInteresEmpresaGuinez = 0;
            let cantidadConflictoInteresEmpresaContratista = 0;
            let cantidadConflictoInteresInspeccionTecnica = 0;
            let listadoEnfermedades = JSON.parse(elementoPadre.querySelector(".tabla-listado-enfermedades-postulantes").innerHTML);
            let listadoPartes = JSON.parse(elementoPadre.querySelector(".tabla-listado-partes-postulantes").innerHTML);
            let listadoEstudios = JSON.parse(elementoPadre.querySelector(".tabla-listado-estudios-postulantes").innerHTML);
            let listadoExperiencias = JSON.parse(elementoPadre.querySelector(".tabla-listado-experiencias-postulantes").innerHTML);
            let listadoArchivos = JSON.parse(elementoPadre.querySelector(".tabla-listado-archivos-postulantes").innerHTML);
            let listadoArchivosCurriculum = JSON.parse(elementoPadre.querySelector(".tabla-listado-archivos-curriculum-postulantes").innerHTML);
            let listadoConflictoInteresEmpresaGuinez = JSON.parse(elementoPadre.querySelector(".tabla-listado-conflicto-interes-empresa-guinez-postulantes").innerHTML)
            let listadoConflictoInteresEmpresaContratista = JSON.parse(elementoPadre.querySelector(".tabla-listado-conflicto-interes-empresa-contratista-postulantes").innerHTML)
            let listadoConflictoInteresInspeccionTecnica = JSON.parse(elementoPadre.querySelector(".tabla-listado-conflicto-interes-inspeccion-tecnica-postulantes").innerHTML)

            listadoEnfermedades.forEach(enfermedad => {
                cantidadEnfermedades++;
                document.getElementById("registroEnfermedades").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-enfermedad">' + cantidadEnfermedades + '</td>' +
                    '<td class="tabla-partes-enfermedad">' + enfermedad + '</td>' +
                    '<td class="tabla-accion-enfermedad">' +
                    '<button onclick="habilitarBotonConfirmarEliminaciononEnfermedad(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                    '<button onclick="eliminarFilaEnfermedad(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                    '</td>' +
                    '</tr>';
            });

            listadoPartes.forEach(parte => {
                cantidadPartes++;
                document.getElementById("registroPartes").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-partes">' + cantidadPartes + '</td>' +
                    '<td class="tabla-partes-partes">' + parte + '</td>' +
                    '<td class="tabla-accion-partes">' +
                    '<button onclick="habilitarBotonConfirmarEliminaciononPartes(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                    '<button onclick="eliminarFilaPartes(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                    '</td>' +
                    '</tr>';
            });

            listadoEstudios.forEach(estudio => {
                cantidadEstudios++;
                document.getElementById("registroEstudios").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-estudios">' + cantidadEstudios + '</td>' +
                    '<td class="tabla-tipo-estudio-estudios">' + estudio.tipoEstudio + '</td>' +
                    '<td class="tabla-estudio-estudios">' + estudio.nombreEstudio + '</td>' +
                    '<td class="tabla-estado-estudio-estudios">' + estudio.estadoEstudio + '</td>' +
                    '<td class="tabla-accion-estudios">' +
                    '<button onclick="habilitarBotonConfirmarEliminaciononEstudios(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                    '<button onclick="eliminarFilaEstudios(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                    '</td>' +
                    '</tr>';
            });

            listadoExperiencias.forEach(experiencia => {
                cantidadExperiencias++;
                document.getElementById("registroExperiencias").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-experiencias">' + cantidadExperiencias + '</td>' +
                    '<td class="tabla-ano-experiencias">' + experiencia.anoExperiencia + '</td>' +
                    '<td class="tabla-cargo-experiencias">' + experiencia.cargoExperiencia + '</td>' +
                    '<td class="tabla-empresa-experiencias">' + experiencia.empresaExperiencia + '</td>' +
                    '<td class="tabla-accion-experiencias">' +
                    '<button onclick="habilitarBotonConfirmarEliminaciononExperiencia(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                    '<button onclick="eliminarFilaExperiencia(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                    '</td>' +
                    '</tr>';
            });

            listadoArchivos.forEach(archivo => {
                let accionesRegistroDeArchivo = "";
                let reader = new FileReader();
                let arch = document.getElementById(archivo.idArchivo)
                var nombreArchivo = arch.files[0].name;
                var extensionarchivo = nombreArchivo.split('.');
                extensionarchivo = extensionarchivo[extensionarchivo.length - 1];
                reader.readAsDataURL(arch.files[0]);
                reader.onload = function() {
                    let base64 = reader.result;
                    if (extensionarchivo.toLowerCase() == "png" || extensionarchivo.toLowerCase() == "jpeg" || extensionarchivo.toLowerCase() == "gif" || extensionarchivo.toLowerCase() == "jpg" || extensionarchivo.toLowerCase() == "bmp") {
                        extensionarchivo = "IMAGEN";
                        accionesRegistroDeArchivo =
                            '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'imagen\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                            '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "mp3" || extensionarchivo.toLowerCase() == "wav" || extensionarchivo.toLowerCase() == "wma" || extensionarchivo.toLowerCase() == "ogg") {
                        extensionarchivo = "ARCHIVO DE AUDIO";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "zip" || extensionarchivo.toLowerCase() == "rar" || extensionarchivo.toLowerCase() == "tgz" || extensionarchivo.toLowerCase() == "tar") {
                        extensionarchivo = "ARCHIVO COMPRIMIDO";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "pdf") {
                        extensionarchivo = "PDF";
                        accionesRegistroDeArchivo =
                            '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'pdf\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                            '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "xlsx" || extensionarchivo.toLowerCase() == "xls") {
                        extensionarchivo = "OFFICE EXCEL";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "pptx" || extensionarchivo.toLowerCase() == "ppt") {
                        extensionarchivo = "OFFICE POWER POINT";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "docx" || extensionarchivo.toLowerCase() == "doc") {
                        extensionarchivo = "OFFICE WORD";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "txt") {
                        extensionarchivo = "ARCHIVO DE TEXTO";
                        accionesRegistroDeArchivo =
                            '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'txt\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                            '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (
                        extensionarchivo.toLowerCase() == "mp4" || extensionarchivo.toLowerCase() == "webm" || extensionarchivo.toLowerCase() == "avi" ||
                        extensionarchivo.toLowerCase() == "asf" || extensionarchivo.toLowerCase() == "dvd" || extensionarchivo.toLowerCase() == "m1v" ||
                        extensionarchivo.toLowerCase() == "movie" || extensionarchivo.toLowerCase() == "mpeg" || extensionarchivo.toLowerCase() == "wn" || extensionarchivo.toLowerCase() == "wmv"
                    ) {
                        extensionarchivo = "ARCHIVO DE VIDEO";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else {
                        extensionarchivo = "ARCHIVO DESCONOCIDO";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    }

                    let configuracionArchivo = "";
                    if (accionesRegistroDeArchivo != "") {
                        configuracionArchivo =
                            '<div class="btn-group ">' +
                            '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
                            'Acciones' +
                            '</button>' +
                            '<div class="dropdown-menu">' +
                            accionesRegistroDeArchivo +
                            '</div>' +
                            '</div>';
                    }

                    document.getElementById("registroDeArchivos").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td style="display:none;" class="id_archivo_archivos">' + archivo.idArchivo + '</td>' +
                        '<td class="acciones_archivos">' + configuracionArchivo + '</td>' +
                        '<td class="nombre_archivos">' + archivo.nombreArchivo + '</td>' +
                        '<td class="extension_archivos">' + archivo.extensionArchivo + '</td>' +
                        '</tr>';
                };
            });

            listadoArchivosCurriculum.forEach(archivo => {
                let accionesRegistroDeArchivo = "";
                let reader = new FileReader();
                let arch = document.getElementById(archivo.idArchivo)
                let nombreArchivo = arch.files[0].name;
                let extensionarchivo = nombreArchivo.split('.');
                extensionarchivo = extensionarchivo[extensionarchivo.length - 1];
                reader.readAsDataURL(arch.files[0]);
                reader.onload = function() {
                    let base64 = reader.result;
                    if (extensionarchivo.toLowerCase() == "png" || extensionarchivo.toLowerCase() == "jpeg" || extensionarchivo.toLowerCase() == "gif" || extensionarchivo.toLowerCase() == "jpg" || extensionarchivo.toLowerCase() == "bmp") {
                        extensionarchivo = "IMAGEN";
                        accionesRegistroDeArchivo =
                            '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'imagen\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                            '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "mp3" || extensionarchivo.toLowerCase() == "wav" || extensionarchivo.toLowerCase() == "wma" || extensionarchivo.toLowerCase() == "ogg") {
                        extensionarchivo = "ARCHIVO DE AUDIO";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "zip" || extensionarchivo.toLowerCase() == "rar" || extensionarchivo.toLowerCase() == "tgz" || extensionarchivo.toLowerCase() == "tar") {
                        extensionarchivo = "ARCHIVO COMPRIMIDO";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "pdf") {
                        extensionarchivo = "PDF";
                        accionesRegistroDeArchivo =
                            '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'pdf\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                            '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "xlsx" || extensionarchivo.toLowerCase() == "xls") {
                        extensionarchivo = "OFFICE EXCEL";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "pptx" || extensionarchivo.toLowerCase() == "ppt") {
                        extensionarchivo = "OFFICE POWER POINT";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "docx" || extensionarchivo.toLowerCase() == "doc") {
                        extensionarchivo = "OFFICE WORD";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (extensionarchivo.toLowerCase() == "txt") {
                        extensionarchivo = "ARCHIVO DE TEXTO";
                        accionesRegistroDeArchivo =
                            '<a class="dropdown-item" href="#" onclick="visualizarArchivoDeLaordenDeCompra(\'' + base64 + '\',\'txt\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                            '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else if (
                        extensionarchivo.toLowerCase() == "mp4" || extensionarchivo.toLowerCase() == "webm" || extensionarchivo.toLowerCase() == "avi" ||
                        extensionarchivo.toLowerCase() == "asf" || extensionarchivo.toLowerCase() == "dvd" || extensionarchivo.toLowerCase() == "m1v" ||
                        extensionarchivo.toLowerCase() == "movie" || extensionarchivo.toLowerCase() == "mpeg" || extensionarchivo.toLowerCase() == "wn" || extensionarchivo.toLowerCase() == "wmv"
                    ) {
                        extensionarchivo = "ARCHIVO DE VIDEO";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    } else {
                        extensionarchivo = "ARCHIVO DESCONOCIDO";
                        accionesRegistroDeArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivoCurriculumDeLaTabla(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
                    }

                    let configuracionArchivo = "";
                    if (accionesRegistroDeArchivo != "") {
                        configuracionArchivo =
                            '<div class="btn-group ">' +
                            '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
                            'Acciones' +
                            '</button>' +
                            '<div class="dropdown-menu">' +
                            accionesRegistroDeArchivo +
                            '</div>' +
                            '</div>';
                    }

                    document.getElementById("registroDeArchivoCurriculum").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td style="display:none;" class="id_archivo_archivo_curriculum">' + archivo.idArchivo + '</td>' +
                        '<td>' + configuracionArchivo + '</td>' +
                        '<td class="nombre_archivo_curriculum">' + archivo.nombreArchivo + '</td>' +
                        '<td class="extension_archivo_curriculum">' + archivo.extensionArchivo + '</td>' +
                        '</tr>';
                };
            });

            listadoConflictoInteresEmpresaGuinez.forEach(conflictoInteresEmpresaGuinez => {
                cantidadConflictoInteresEmpresaGuinez++;
                document.getElementById("registroConfictoInteresFamiliarNuestraEmpresa").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td style="display: none;" class="tabla-estado-conflicto-interes-nuestra-empresa">' + conflictoInteresEmpresaGuinez.estado + '</td>' +
                    '<td style="display: none;" class="tabla-id-unico-conflicto-interes-nuestra-empresa">' + codigoUnico + '</td>' +
                    '<td class="tabla-contador-conflicto-interes-nuestra-empresa">' + cantidadConflictoInteresEmpresaGuinez + '</td>' +
                    '<td class="tabla-nombre-conflicto-interes-nuestra-empresa">' + conflictoInteresEmpresaGuinez.nombre + '</td>' +
                    '<td class="tabla-area-conflicto-interes-nuestra-empresa">' + conflictoInteresEmpresaGuinez.area + '</td>' +
                    '<td class="tabla-parentesco-conflicto-interes-nuestra-empresa">' + conflictoInteresEmpresaGuinez.parentesco + '</td>' +
                    '<td class="tabla-accion-conflicto-interes-nuestra-empresa">' +
                    '<div class="btn-group ">' +
                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>' +
                    '<div class="dropdown-menu">' +
                    '<a class="dropdown-item" href="#" onclick="eliminarFilaConflictoInteresEnEmpresGuinez(this)"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Fila</a>' +
                    '</div>' +
                    '</div>' +
                    '</td>' +
                    '</tr>';
            });

            listadoConflictoInteresEmpresaContratista.forEach(conflictoInteresEmpresaContratista => {
                cantidadConflictoInteresEmpresaContratista++;
                document.getElementById("registroConfictoInteresFamiliarEmpresaContratista").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td style="display: none;" class="tabla-estado-conflicto-interes-empresa-contratista">' + conflictoInteresEmpresaContratista.estado + '</td>' +
                    '<td style="display: none;" class="tabla-id-unico-conflicto-interes-empresa-contratista">' + codigoUnico + '</td>' +
                    '<td class="tabla-contador-conflicto-interes-empresa-contratista">' + cantidadConflictoInteresEmpresaContratista + '</td>' +
                    '<td class="tabla-nombre-conflicto-interes-empresa-contratista">' + conflictoInteresEmpresaContratista.nombre + '</td>' +
                    '<td class="tabla-empresa-conflicto-interes-empresa-contratista">' + conflictoInteresEmpresaContratista.empresa + '</td>' +
                    '<td class="tabla-parentesco-conflicto-interes-empresa-contratista">' + conflictoInteresEmpresaContratista.parentesco + '</td>' +
                    '<td class="tabla-accion-conflicto-interes-empresa-contratista">' +
                    '<div class="btn-group ">' +
                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>' +
                    '<div class="dropdown-menu">' +
                    '<a class="dropdown-item" href="#" onclick="eliminarFilaConflictoInteresEnEmpresaContratista(this)"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Fila</a>' +
                    '</div>' +
                    '</div>' +
                    '</td>' +
                    '</tr>';
            });

            listadoConflictoInteresInspeccionTecnica.forEach(conflictoInteresInspeccionTecnica => {
                cantidadConflictoInteresInspeccionTecnica++;
                document.getElementById("registroConfictoInteresFamiliarInspeccionTecnica").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td style="display: none;" class="tabla-estado-conflicto-interes-inspeccion-tecnica">' + conflictoInteresInspeccionTecnica.estado + '</td>' +
                    '<td style="display: none;" class="tabla-id-unico-conflicto-interes-inspeccion-tecnica">' + codigoUnico + '</td>' +
                    '<td class="tabla-contador-conflicto-interes-inspeccion-tecnica">' + cantidadConflictoInteresInspeccionTecnica + '</td>' +
                    '<td class="tabla-nombre-conflicto-interes-inspeccion-tecnica">' + conflictoInteresInspeccionTecnica.nombre + '</td>' +
                    '<td class="tabla-empresa-conflicto-interes-inspeccion-tecnica">' + conflictoInteresInspeccionTecnica.empresa + '</td>' +
                    '<td class="tabla-parentesco-conflicto-interes-inspeccion-tecnica">' + conflictoInteresInspeccionTecnica.parentesco + '</td>' +
                    '<td class="tabla-accion-conflicto-interes-inspeccion-tecnica">' +
                    '<div class="btn-group ">' +
                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>' +
                    '<div class="dropdown-menu">' +
                    '<a class="dropdown-item" href="#" onclick="eliminarFilaConflictoInteresEnInspeccionTecnica(this)"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Fila</a>' +
                    '</div>' +
                    '</div>' +
                    '</td>' +
                    '</tr>';
            });

            if (listadoEnfermedades.length > 0) {
                if (document.getElementById("enfermedadesNoDisponibleEnLaTabla")) {
                    document.getElementById("enfermedadesNoDisponibleEnLaTabla").remove();
                }
            }

            if (listadoPartes.length > 0) {
                if (document.getElementById("partesNoDisponibleEnLaTabla")) {
                    document.getElementById("partesNoDisponibleEnLaTabla").remove();
                }
            }

            if (listadoEstudios.length > 0) {
                if (document.getElementById("estudiosNoDisponibleEnLaTabla")) {
                    document.getElementById("estudiosNoDisponibleEnLaTabla").remove();
                }
            }

            if (listadoExperiencias.length > 0) {
                if (document.getElementById("experienciasNoDisponibleEnLaTabla")) {
                    document.getElementById("experienciasNoDisponibleEnLaTabla").remove();
                }
            }

            if (listadoArchivos.length > 0) {
                if (document.getElementById("archivosNoDisponibleEnLaTabla")) {
                    document.getElementById("archivosNoDisponibleEnLaTabla").remove();
                }
            }

            if (listadoConflictoInteresEmpresaGuinez.length > 0) {
                if (document.getElementById("confictoInteresFamiliarNuestraEmpresaNoDisponibleEnLaTabla")) {
                    document.getElementById("confictoInteresFamiliarNuestraEmpresaNoDisponibleEnLaTabla").remove();
                }
            }

            if (listadoConflictoInteresEmpresaContratista.length > 0) {
                if (document.getElementById("confictoInteresFamiliarEmpresaContratistaNoDisponibleEnLaTabla")) {
                    document.getElementById("confictoInteresFamiliarEmpresaContratistaNoDisponibleEnLaTabla").remove();
                }
            }

            if (listadoConflictoInteresInspeccionTecnica.length > 0) {
                if (document.getElementById("confictoInteresFamiliarInspeccionTecnicaNoDisponibleEnLaTabla")) {
                    document.getElementById("confictoInteresFamiliarInspeccionTecnicaNoDisponibleEnLaTabla").remove();
                }
            }

            document.getElementById("botonDeAgregarPostulante").style.display = "none";
            document.getElementById("botonDeEditarPostulante").style.display = "inline-block";
            document.getElementById("custom-tabs-one-home-tab").click();
        }

        function agregarPostulante() {
            let error = validarCamposSobreElPostulantes();
            if (error == true) {
                let rutPostulante = document.getElementById("rutPostulante").value.trim();
                let nombrePostulante = document.getElementById("nombrePostulante").value.trim();
                let correoPostulante = document.getElementById("correoPostulante").value.trim();
                let nombreTelefono = document.getElementById("nombreTelefono").value.trim();
                let ciudadPostulante = document.getElementById("ciudadPostulante").value.trim();
                let pretensionDeRentaTexto = document.getElementById("pretensionDeRentaTexto").value.trim();
                let pretensionDeRentaNumero = document.getElementById("pretensionDeRentaNumero").value.trim();
                let licenciaDeConducir = document.getElementById("licenciaDeConducir").value.trim();
                let tieneDiscapacidad = document.getElementById("discapacidad").value.trim();
                let nombreDiscapacidad = document.getElementById("nombreDiscapacidad").value.trim();
                let carnetDiscapacidad = document.getElementById("carnetDiscapacidad").value.trim();
                let disponibilidad = document.getElementById("disponibilidad").value.trim();
                let experienciaGeneralTexto = document.getElementById("experienciaGeneralTexto").value.trim();
                let experienciaGeneralNumero = document.getElementById("experienciaGeneralNumero").value.trim();
                let experienciaEspecificaTexto = document.getElementById("experienciaEspecificaTexto").value.trim();
                let experienciaEspecificaNumero = document.getElementById("experienciaEspecificaNumero").value.trim();
                let listadoDeEnfermedades = [];
                let listadoDePartes = [];
                let listadoDeEstudios = [];
                let listadoDeExperiencia = [];
                let listadoArchivos = [];
                let listadoArchivosCurriculum = [];
                let listadoConflictoInteresEnEmpresaGuinez = [];
                let listadoConflictoInteresEnEmpresaContratista = [];
                let listadoConflictoInteresEnInspeccionTecnica = [];

                let filasEnfermedades = document.getElementById('tabla-enfermedades').tBodies[0].querySelectorAll("tr");
                filasEnfermedades.forEach(filaEnfermedad => {
                    if (filaEnfermedad.querySelector(".tabla-partes-enfermedad")) {
                        let enfermedad = filaEnfermedad.querySelector(".tabla-partes-enfermedad").innerHTML.trim();
                        listadoDeEnfermedades.push(enfermedad);
                    }
                });

                let filasPartes = document.getElementById('tabla-partes').tBodies[0].querySelectorAll("tr");
                filasPartes.forEach(filaParte => {
                    if (filaParte.querySelector(".tabla-partes-partes")) {
                        let parte = filaParte.querySelector(".tabla-partes-partes").innerHTML.trim();
                        listadoDePartes.push(parte);
                    }
                });

                let filasEstudios = document.getElementById('tabla-estudios').tBodies[0].querySelectorAll("tr");
                filasEstudios.forEach(filaEstudio => {
                    if (filaEstudio.querySelector(".tabla-estudio-estudios")) {
                        let nombreEstudio = filaEstudio.querySelector(".tabla-estudio-estudios").innerHTML.trim();
                        let tipoEstudio = filaEstudio.querySelector(".tabla-tipo-estudio-estudios").innerHTML.trim();
                        let estadoEstudio = filaEstudio.querySelector(".tabla-estado-estudio-estudios").innerHTML.trim();

                        let objectoEstudio = {
                            nombreEstudio: nombreEstudio,
                            tipoEstudio:tipoEstudio,
                            estadoEstudio: estadoEstudio
                        };
                        listadoDeEstudios.push(objectoEstudio);
                    }
                });

                let filasExperiencias = document.getElementById('tabla-experiencias').tBodies[0].querySelectorAll("tr");
                filasExperiencias.forEach(filaExperiencia => {
                    if (filaExperiencia.querySelector(".tabla-ano-experiencias")) {
                        let anoExperiencia = filaExperiencia.querySelector(".tabla-ano-experiencias").innerHTML.trim();
                        let cargoExperiencia = filaExperiencia.querySelector(".tabla-cargo-experiencias").innerHTML.trim();
                        let empresaExperiencia = filaExperiencia.querySelector(".tabla-empresa-experiencias").innerHTML.trim();

                        let objectoExperiencia = {
                            anoExperiencia: anoExperiencia,
                            cargoExperiencia: cargoExperiencia,
                            empresaExperiencia: empresaExperiencia
                        };
                        listadoDeExperiencia.push(objectoExperiencia);
                    }
                });

                let filasArchivos = document.getElementById('tabla-archivos').tBodies[0].querySelectorAll("tr");
                filasArchivos.forEach(filaArchivo => {
                    console.log(filaArchivo)
                    if (filaArchivo.querySelector(".id_archivo_archivos")) {
                        let idArchivo = filaArchivo.querySelector(".id_archivo_archivos").innerHTML.trim();
                        let nombreArchivo = filaArchivo.querySelector(".nombre_archivos").innerHTML.trim();
                        let extensionArchivo = filaArchivo.querySelector(".extension_archivos").innerHTML.trim();

                        let objectoArchivo = {
                            idArchivo: idArchivo,
                            nombreArchivo: nombreArchivo,
                            extensionArchivo: extensionArchivo
                        };
                        listadoArchivos.push(objectoArchivo);
                    }
                });

                let filasArchivosCurriculum = document.getElementById('tabla-archivo-curriculum').tBodies[0].querySelectorAll("tr");
                filasArchivosCurriculum.forEach(filaArchivoCurriculum => {
                    console.log(filaArchivoCurriculum)
                    if (filaArchivoCurriculum.querySelector(".id_archivo_archivo_curriculum")) {
                        let idArchivo = filaArchivoCurriculum.querySelector(".id_archivo_archivo_curriculum").innerHTML.trim();
                        let nombreArchivo = filaArchivoCurriculum.querySelector(".nombre_archivo_curriculum").innerHTML.trim();
                        let extensionArchivo = filaArchivoCurriculum.querySelector(".extension_archivo_curriculum").innerHTML.trim();

                        let objectoArchivo = {
                            idArchivo: idArchivo,
                            nombreArchivo: nombreArchivo,
                            extensionArchivo: extensionArchivo
                        };
                        listadoArchivosCurriculum.push(objectoArchivo);
                    }
                });

                let filasConflictoInteresNuestraEmpresa = document.getElementById('tabla-conflicto-interes-familiar-nuestra-empresas').tBodies[0].querySelectorAll("tr");
                filasConflictoInteresNuestraEmpresa.forEach(conflictoIntereNuestraEmpresa => {
                    if (conflictoIntereNuestraEmpresa.querySelector(".tabla-contador-conflicto-interes-nuestra-empresa")) {
                        let nombre = conflictoIntereNuestraEmpresa.querySelector(".tabla-nombre-conflicto-interes-nuestra-empresa").innerHTML.trim()
                        let area = conflictoIntereNuestraEmpresa.querySelector(".tabla-area-conflicto-interes-nuestra-empresa").innerHTML.trim()
                        let parentesco = conflictoIntereNuestraEmpresa.querySelector(".tabla-parentesco-conflicto-interes-nuestra-empresa").innerHTML.trim()
                        let estado = conflictoIntereNuestraEmpresa.querySelector(".tabla-estado-conflicto-interes-nuestra-empresa").innerHTML.trim()

                        let conflictoInteres = {
                            nombre: nombre,
                            area: area,
                            parentesco: parentesco,
                            estado: estado
                        }
                        listadoConflictoInteresEnEmpresaGuinez.push(conflictoInteres);
                    }
                });

                let filasConflictoInteresEmpresaContratistas = document.getElementById('tabla-conflicto-interes-familiar-empresa-contratista').tBodies[0].querySelectorAll("tr");
                filasConflictoInteresEmpresaContratistas.forEach(conflictoInteresEmpresaContratista => {
                    if (conflictoInteresEmpresaContratista.querySelector(".tabla-contador-conflicto-interes-empresa-contratista")) {
                        let nombre = conflictoInteresEmpresaContratista.querySelector(".tabla-nombre-conflicto-interes-empresa-contratista").innerHTML.trim()
                        let empresa = conflictoInteresEmpresaContratista.querySelector(".tabla-empresa-conflicto-interes-empresa-contratista").innerHTML.trim()
                        let parentesco = conflictoInteresEmpresaContratista.querySelector(".tabla-parentesco-conflicto-interes-empresa-contratista").innerHTML.trim()
                        let estado = conflictoInteresEmpresaContratista.querySelector(".tabla-estado-conflicto-interes-empresa-contratista").innerHTML.trim()

                        let conflictoInteres = {
                            nombre: nombre,
                            empresa: empresa,
                            parentesco: parentesco,
                            estado: estado
                        }
                        listadoConflictoInteresEnEmpresaContratista.push(conflictoInteres);
                    }
                });

                let filasConflictoInteresInspeccionesTecnicas = document.getElementById('tabla-conflicto-interes-familiar-inspeccion-tecnica').tBodies[0].querySelectorAll("tr");
                filasConflictoInteresInspeccionesTecnicas.forEach(conflictoInteresInspeccionTecnica => {
                    if (conflictoInteresInspeccionTecnica.querySelector(".tabla-contador-conflicto-interes-inspeccion-tecnica")) {
                        let nombre = conflictoInteresInspeccionTecnica.querySelector(".tabla-nombre-conflicto-interes-inspeccion-tecnica").innerHTML.trim()
                        let empresa = conflictoInteresInspeccionTecnica.querySelector(".tabla-empresa-conflicto-interes-inspeccion-tecnica").innerHTML.trim()
                        let parentesco = conflictoInteresInspeccionTecnica.querySelector(".tabla-parentesco-conflicto-interes-inspeccion-tecnica").innerHTML.trim()
                        let estado =  conflictoInteresInspeccionTecnica.querySelector(".tabla-estado-conflicto-interes-inspeccion-tecnica").innerHTML.trim()

                        let conflictoInteres = {
                            nombre: nombre,
                            empresa: empresa,
                            parentesco: parentesco,
                            estado: estado
                        }
                        listadoConflictoInteresEnInspeccionTecnica.push(conflictoInteres);
                    }
                });

                let listadoDeEnfermedadesString = JSON.stringify(listadoDeEnfermedades);
                let listadoDePartesString = JSON.stringify(listadoDePartes);
                let listadoDeEstudiosString = JSON.stringify(listadoDeEstudios);
                let listadoDeExperienciaString = JSON.stringify(listadoDeExperiencia);
                let listadoDeArchivoString = JSON.stringify(listadoArchivos);
                let listadoDeArchivoCurriculumString = JSON.stringify(listadoArchivosCurriculum);
                let listadoConflictoInteresEnEmpresaGuinezString = JSON.stringify(listadoConflictoInteresEnEmpresaGuinez);
                let listadoConflictoInteresEnEmpresaContratistaString = JSON.stringify(listadoConflictoInteresEnEmpresaContratista);
                let listadoConflictoInteresEnInspeccionTecnicaString = JSON.stringify(listadoConflictoInteresEnInspeccionTecnica);
                cantidadPostulantes++;

                let itemDropdowEnfermedades = '';
                let itemDropdowPartes = '';
                let itemDropdowEstudios = '';
                let itemDropdowExperiencias = '';
                let itemDropdowArchivos = '';
                let itemDropdowArchivosCurriculum = '';
                let itemDropdowConflictoInteres = '';

                if (listadoDeEnfermedades.length > 0) {
                    itemDropdowEnfermedades = '<a class="dropdown-item" href="#" onclick="detalleEnfermedades(this)"><i class="fas fa-syringe" aria-hidden="true"></i> Enfermedades</a>';
                }

                if (listadoDePartes.length > 0) {
                    itemDropdowPartes = '<a class="dropdown-item" href="#" onclick="detallePartes(this)"><i class="fas fa-car-crash" aria-hidden="true"></i> Partes</a>';
                }

                if (listadoDeEstudios.length > 0) {
                    itemDropdowEstudios = '<a class="dropdown-item" href="#" onclick="detalleEstudios(this)"><i class="fas fa-graduation-cap" aria-hidden="true"></i> Estudios</a>';
                }

                if (listadoDeExperiencia.length > 0) {
                    itemDropdowExperiencias = '<a class="dropdown-item" href="#" onclick="detalleExperiencias(this)"><i class="fas fa-business-time" aria-hidden="true"></i> Experiencias</a>';
                }

                if (listadoArchivos.length > 0) {
                    itemDropdowArchivos = '<a class="dropdown-item" href="#" onclick="detalleArchivos(this)"><i class="fas fa-file" aria-hidden="true"></i> Archivos</a>';
                }

                if (listadoArchivosCurriculum.length > 0) {
                    itemDropdowArchivosCurriculum = '<a class="dropdown-item" href="#" onclick="detalleArchivosCurriculum(this)"><i class="fas fa-id-card-alt" aria-hidden="true"></i> Curriculum</a>';

                    let inputFileCurriculum = document.createElement("input");
                    inputFileCurriculum.setAttribute("type", "file");
                    inputFileCurriculum.setAttribute("class", "form-control-file");
                    inputFileCurriculum.setAttribute("id", uuid());
                    inputFileCurriculum.setAttribute("onchange", "GuardarArchivoCurriculumAlSeleccionarlo(this)");
                    document.getElementById("contenedorDelSeleccionadorDeArchivoCurriculum").appendChild(inputFileCurriculum);
                }

                if (listadoConflictoInteresEnEmpresaGuinez.length > 0 || listadoConflictoInteresEnEmpresaContratista.length > 0 || listadoConflictoInteresEnInspeccionTecnica.length > 0) {
                    itemDropdowConflictoInteres = '<a class="dropdown-item" href="#" onclick="detalleConflictoInteres(this)"><i class="fas fa-exchange-alt" aria-hidden="true"></i> Conflicto de Interes</a>';
                }

                let codigoUnico = uuidv4();

                document.getElementById("PostulantesNoDisponibleEnLaTabla").style.display = "none";
                document.getElementById("registroPostualntes").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td style="display: none;" class="tabla-id-unico-postulantes">' + codigoUnico + '</td>' +
                    '<td style="display: none;" class="tabla-pretencion-renta-postulante-numero-postulantes">' + pretensionDeRentaNumero + '</td>' +
                    '<td style="display: none;" class="tabla-experiencia-general-numero-postulantes">' + experienciaGeneralNumero + '</td>' +
                    '<td style="display: none;" class="tabla-experiencia-especifica-numero-postulantes">' + experienciaEspecificaNumero + '</td>' +
                    '<td style="display: none;" class="tabla-listado-enfermedades-postulantes">' + listadoDeEnfermedadesString + '</td>' +
                    '<td style="display: none;" class="tabla-listado-partes-postulantes">' + listadoDePartesString + '</td>' +
                    '<td style="display: none;" class="tabla-listado-estudios-postulantes">' + listadoDeEstudiosString + '</td>' +
                    '<td style="display: none;" class="tabla-listado-experiencias-postulantes">' + listadoDeExperienciaString + '</td>' +
                    '<td style="display: none;" class="tabla-listado-archivos-postulantes">' + listadoDeArchivoString + '</td>' +
                    '<td style="display: none;" class="tabla-listado-archivos-curriculum-postulantes">' + listadoDeArchivoCurriculumString + '</td>' +
                    '<td style="display: none;" class="tabla-listado-conflicto-interes-empresa-guinez-postulantes">' + listadoConflictoInteresEnEmpresaGuinezString + '</td>' +
                    '<td style="display: none;" class="tabla-listado-conflicto-interes-empresa-contratista-postulantes">' + listadoConflictoInteresEnEmpresaContratistaString + '</td>' +
                    '<td style="display: none;" class="tabla-listado-conflicto-interes-inspeccion-tecnica-postulantes">' + listadoConflictoInteresEnInspeccionTecnicaString + '</td>' +
                    '<td class="tabla-contador-postulantes">' + cantidadPostulantes + '</td>' +
                    '<td class="tabla-accion-postulantes">' +
                    '<div class="btn-group ">' +
                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>' +
                    '<div class="dropdown-menu">' +
                    itemDropdowEnfermedades +
                    itemDropdowPartes +
                    itemDropdowEstudios +
                    itemDropdowExperiencias +
                    itemDropdowConflictoInteres +
                    itemDropdowArchivos +
                    itemDropdowArchivosCurriculum +
                    '<a class="dropdown-item" href="#" onclick="establecerFormularioParaEditarPostulante(this)"><i class="fas fa-edit" aria-hidden="true"></i> Editar Fila</a>' +
                    '<a class="dropdown-item" href="#" onclick="eliminarFila(this)"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Fila</a>' +
                    '</div>' +
                    '</div>' +
                    '</td>' +
                    '<td class="tabla-rut-postulante-postulantes">' + rutPostulante + '</td>' +
                    '<td class="tabla-nombre-nombre-postulante-postulantes">' + nombrePostulante + '</td>' +
                    '<td class="tabla-correo-postulante-postulantes">' + correoPostulante + '</td>' +
                    '<td class="tabla-telefono-postulante-postulantes">' + nombreTelefono + '</td>' +
                    '<td class="tabla-ciudad-postulante-postulantes">' + ciudadPostulante + '</td>' +
                    '<td class="tabla-pretencion-renta-postulante-texto-postulantes">' + pretensionDeRentaTexto + '</td>' +
                    '<td class="tabla-licencia-postulante-postulantes">' + licenciaDeConducir + '</td>' +
                    '<td class="tabla-discapacidad-postulante-postulantes">' + tieneDiscapacidad + '</td>' +
                    '<td class="tabla-nombre-discapacidad-postulante-postulantes">' + nombreDiscapacidad + '</td>' +
                    '<td class="tabla-carnet-discapacidad-postulante-postulantes">' + carnetDiscapacidad + '</td>' +
                    '<td class="tabla-disponibilidad-postulante-postulantes">' + disponibilidad + '</td>' +
                    '<td class="tabla-experiencia-general-texto-postulantes">' + experienciaGeneralTexto + '</td>' +
                    '<td class="tabla-experiencia-especifica-texto-postulantes">' + experienciaEspecificaTexto + '</td>' +
                    '</tr>';

                limpiarCamposSobreElPostulantes();
                Swal.fire({
                    icon: 'success',
                    title: '¡Agregado!',
                    text: 'El postulante se agrego con éxito',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })

                document.getElementById("custom-tabs-one-profile-tab").click();
            }
        }

        function editarElPostulante() {
            let error = validarCamposSobreElPostulantes();
            if (error == true) {
                let filas = document.getElementById('tabla-postulantes').tBodies[0].querySelectorAll("tr");
                filas.forEach(elementoPadre => {
                    if (elementoPadre.querySelector(".tabla-contador-postulantes")) {
                        if (elementoPadre.querySelector(".tabla-id-unico-postulantes").innerHTML == document.getElementById("codigoUnico").value) {
                            let rutPostulante = document.getElementById("rutPostulante").value.trim();
                            let nombrePostulante = document.getElementById("nombrePostulante").value.trim();
                            let correoPostulante = document.getElementById("correoPostulante").value.trim();
                            let nombreTelefono = document.getElementById("nombreTelefono").value.trim();
                            let ciudadPostulante = document.getElementById("ciudadPostulante").value.trim();
                            let pretensionDeRentaTexto = document.getElementById("pretensionDeRentaTexto").value.trim();
                            let pretensionDeRentaNumero = document.getElementById("pretensionDeRentaNumero").value.trim();
                            let licenciaDeConducir = document.getElementById("licenciaDeConducir").value.trim();
                            let tieneDiscapacidad = document.getElementById("discapacidad").value.trim();
                            let nombreDiscapacidad = document.getElementById("nombreDiscapacidad").value.trim();
                            let carnetDiscapacidad = document.getElementById("carnetDiscapacidad").value.trim();
                            let disponibilidad = document.getElementById("disponibilidad").value.trim();
                            let experienciaGeneralTexto = document.getElementById("experienciaGeneralTexto").value.trim();
                            let experienciaGeneralNumero = document.getElementById("experienciaGeneralNumero").value.trim();
                            let experienciaEspecificaTexto = document.getElementById("experienciaEspecificaTexto").value.trim();
                            let experienciaEspecificaNumero = document.getElementById("experienciaEspecificaNumero").value.trim();
                            let listadoDeEnfermedades = [];
                            let listadoDePartes = [];
                            let listadoDeEstudios = [];
                            let listadoDeExperiencia = [];
                            let listadoArchivos = [];
                            let listadoArchivosCurriculum = [];
                            let listadoConflictoInteresEnEmpresaGuinez = [];
                            let listadoConflictoInteresEnEmpresaContratista = [];
                            let listadoConflictoInteresEnInspeccionTecnica = [];

                            let filasEnfermedades = document.getElementById('tabla-enfermedades').tBodies[0].querySelectorAll("tr");
                            filasEnfermedades.forEach(filaEnfermedad => {
                                if (filaEnfermedad.querySelector(".tabla-partes-enfermedad")) {
                                    let enfermedad = filaEnfermedad.querySelector(".tabla-partes-enfermedad").innerHTML.trim();
                                    listadoDeEnfermedades.push(enfermedad);
                                }
                            });

                            let filasPartes = document.getElementById('tabla-partes').tBodies[0].querySelectorAll("tr");
                            filasPartes.forEach(filaParte => {
                                if (filaParte.querySelector(".tabla-partes-partes")) {
                                    let parte = filaParte.querySelector(".tabla-partes-partes").innerHTML.trim();
                                    listadoDePartes.push(parte);
                                }
                            });

                            let filasEstudios = document.getElementById('tabla-estudios').tBodies[0].querySelectorAll("tr");
                            filasEstudios.forEach(filaEstudio => {
                                if (filaEstudio.querySelector(".tabla-estudio-estudios")) {
                                    let nombreEstudio = filaEstudio.querySelector(".tabla-estudio-estudios").innerHTML.trim();
                                    let tipoEstudio = filaEstudio.querySelector(".tabla-tipo-estudio-estudios").innerHTML.trim();
                                    let estadoEstudio = filaEstudio.querySelector(".tabla-estado-estudio-estudios").innerHTML.trim();

                                    let objectoEstudio = {
                                        nombreEstudio: nombreEstudio,
                                        tipoEstudio:tipoEstudio,
                                        estadoEstudio: estadoEstudio
                                    };
                                    listadoDeEstudios.push(objectoEstudio);
                                }
                            });

                            let filasExperiencias = document.getElementById('tabla-experiencias').tBodies[0].querySelectorAll("tr");
                            filasExperiencias.forEach(filaExperiencia => {
                                if (filaExperiencia.querySelector(".tabla-ano-experiencias")) {
                                    let anoExperiencia = filaExperiencia.querySelector(".tabla-ano-experiencias").innerHTML.trim();
                                    let cargoExperiencia = filaExperiencia.querySelector(".tabla-cargo-experiencias").innerHTML.trim();
                                    let empresaExperiencia = filaExperiencia.querySelector(".tabla-empresa-experiencias").innerHTML.trim();

                                    let objectoExperiencia = {
                                        anoExperiencia: anoExperiencia,
                                        cargoExperiencia: cargoExperiencia,
                                        empresaExperiencia: empresaExperiencia
                                    };
                                    listadoDeExperiencia.push(objectoExperiencia);
                                }
                            });

                            let filasArchivos = document.getElementById('tabla-archivos').tBodies[0].querySelectorAll("tr");
                            filasArchivos.forEach(filaArchivo => {
                                console.log(filaArchivo)
                                if (filaArchivo.querySelector(".id_archivo_archivos")) {
                                    let idArchivo = filaArchivo.querySelector(".id_archivo_archivos").innerHTML.trim();
                                    let nombreArchivo = filaArchivo.querySelector(".nombre_archivos").innerHTML.trim();
                                    let extensionArchivo = filaArchivo.querySelector(".extension_archivos").innerHTML.trim();

                                    let objectoArchivo = {
                                        idArchivo: idArchivo,
                                        nombreArchivo: nombreArchivo,
                                        extensionArchivo: extensionArchivo
                                    };
                                    listadoArchivos.push(objectoArchivo);
                                }
                            });

                            let filasArchivosCurriculum = document.getElementById('tabla-archivo-curriculum').tBodies[0].querySelectorAll("tr");
                            filasArchivosCurriculum.forEach(filaArchivoCurriculum => {
                                console.log(filaArchivoCurriculum)
                                if (filaArchivoCurriculum.querySelector(".id_archivo_archivo_curriculum")) {
                                    let idArchivo = filaArchivoCurriculum.querySelector(".id_archivo_archivo_curriculum").innerHTML.trim();
                                    let nombreArchivo = filaArchivoCurriculum.querySelector(".nombre_archivo_curriculum").innerHTML.trim();
                                    let extensionArchivo = filaArchivoCurriculum.querySelector(".extension_archivo_curriculum").innerHTML.trim();
            
                                    let objectoArchivo = {
                                        idArchivo: idArchivo,
                                        nombreArchivo: nombreArchivo,
                                        extensionArchivo: extensionArchivo
                                    };
                                    listadoArchivosCurriculum.push(objectoArchivo);
                                }
                            });

                            let filasConflictoInteresNuestraEmpresa = document.getElementById('tabla-conflicto-interes-familiar-nuestra-empresas').tBodies[0].querySelectorAll("tr");
                            filasConflictoInteresNuestraEmpresa.forEach(conflictoIntereNuestraEmpresa => {
                                if (conflictoIntereNuestraEmpresa.querySelector(".tabla-contador-conflicto-interes-nuestra-empresa")) {
                                    let nombre = conflictoIntereNuestraEmpresa.querySelector(".tabla-nombre-conflicto-interes-nuestra-empresa").innerHTML.trim()
                                    let area = conflictoIntereNuestraEmpresa.querySelector(".tabla-area-conflicto-interes-nuestra-empresa").innerHTML.trim()
                                    let parentesco = conflictoIntereNuestraEmpresa.querySelector(".tabla-parentesco-conflicto-interes-nuestra-empresa").innerHTML.trim()
                                    let estado = conflictoIntereNuestraEmpresa.querySelector(".tabla-estado-conflicto-interes-nuestra-empresa").innerHTML.trim()

                                    let conflictoInteres = {
                                        nombre: nombre,
                                        area: area,
                                        parentesco: parentesco,
                                        estado: estado
                                    }
                                    listadoConflictoInteresEnEmpresaGuinez.push(conflictoInteres);
                                }
                            });

                            filasConflictoInteresEmpresaContratistas = document.getElementById('tabla-conflicto-interes-familiar-empresa-contratista').tBodies[0].querySelectorAll("tr");
                            filasConflictoInteresEmpresaContratistas.forEach(conflictoInteresEmpresaContratista => {
                                if (conflictoInteresEmpresaContratista.querySelector(".tabla-contador-conflicto-interes-empresa-contratista")) {
                                    let nombre = conflictoInteresEmpresaContratista.querySelector(".tabla-nombre-conflicto-interes-empresa-contratista").innerHTML.trim()
                                    let empresa = conflictoInteresEmpresaContratista.querySelector(".tabla-empresa-conflicto-interes-empresa-contratista").innerHTML.trim()
                                    let parentesco = conflictoInteresEmpresaContratista.querySelector(".tabla-parentesco-conflicto-interes-empresa-contratista").innerHTML.trim()
                                    let estado = conflictoInteresEmpresaContratista.querySelector(".tabla-estado-conflicto-interes-empresa-contratista").innerHTML.trim()

                                    let conflictoInteres = {
                                        nombre: nombre,
                                        empresa: empresa,
                                        parentesco: parentesco,
                                        estado: estado
                                    }
                                    listadoConflictoInteresEnEmpresaContratista.push(conflictoInteres);
                                }
                            });

                            filasConflictoInteresInspeccionesTecnicas = document.getElementById('tabla-conflicto-interes-familiar-inspeccion-tecnica').tBodies[0].querySelectorAll("tr");
                            filasConflictoInteresInspeccionesTecnicas.forEach(conflictoInteresInspeccionTecnica => {
                                if (conflictoInteresInspeccionTecnica.querySelector(".tabla-contador-conflicto-interes-inspeccion-tecnica")) {
                                    let nombre = conflictoInteresInspeccionTecnica.querySelector(".tabla-nombre-conflicto-interes-inspeccion-tecnica").innerHTML.trim()
                                    let empresa = conflictoInteresInspeccionTecnica.querySelector(".tabla-empresa-conflicto-interes-inspeccion-tecnica").innerHTML.trim()
                                    let parentesco = conflictoInteresInspeccionTecnica.querySelector(".tabla-parentesco-conflicto-interes-inspeccion-tecnica").innerHTML.trim()
                                    let estado = conflictoInteresInspeccionTecnica.querySelector(".tabla-estado-conflicto-interes-inspeccion-tecnica").innerHTML.trim()

                                    let conflictoInteres = {
                                        nombre: nombre,
                                        empresa: empresa,
                                        parentesco: parentesco,
                                        estado: estado
                                    }
                                    listadoConflictoInteresEnInspeccionTecnica.push(conflictoInteres);
                                }
                            });

                            let listadoDeEnfermedadesString = JSON.stringify(listadoDeEnfermedades);
                            let listadoDePartesString = JSON.stringify(listadoDePartes);
                            let listadoDeEstudiosString = JSON.stringify(listadoDeEstudios);
                            let listadoDeExperienciaString = JSON.stringify(listadoDeExperiencia);
                            let listadoDeArchivoString = JSON.stringify(listadoArchivos);
                            let listadoDeArchivoCurriculumString = JSON.stringify(listadoArchivosCurriculum);
                            let listadoConflictoInteresEnEmpresaGuinezString = JSON.stringify(listadoConflictoInteresEnEmpresaGuinez);
                            let listadoConflictoInteresEnEmpresaContratistaString = JSON.stringify(listadoConflictoInteresEnEmpresaContratista);
                            let listadoConflictoInteresEnInspeccionTecnicaString = JSON.stringify(listadoConflictoInteresEnInspeccionTecnica);

                            let itemDropdowEnfermedades = '';
                            let itemDropdowPartes = '';
                            let itemDropdowEstudios = '';
                            let itemDropdowExperiencias = '';
                            let itemDropdowArchivos = '';
                            let itemDropdowArchivosCurriculum = '';
                            let itemDropdowConflictoInteres = '';

                            if (listadoDeEnfermedades.length > 0) {
                                itemDropdowEnfermedades = '<a class="dropdown-item" href="#" onclick="detalleEnfermedades(this)"><i class="fas fa-syringe" aria-hidden="true"></i> Enfermedades</a>';
                            }

                            if (listadoDePartes.length > 0) {
                                itemDropdowPartes = '<a class="dropdown-item" href="#" onclick="detallePartes(this)"><i class="fas fa-car-crash" aria-hidden="true"></i> Partes</a>';
                            }

                            if (listadoDeEstudios.length > 0) {
                                itemDropdowEstudios = '<a class="dropdown-item" href="#" onclick="detalleEstudios(this)"><i class="fas fa-graduation-cap" aria-hidden="true"></i> Estudios</a>';
                            }

                            if (listadoDeExperiencia.length > 0) {
                                itemDropdowExperiencias = '<a class="dropdown-item" href="#" onclick="detalleExperiencias(this)"><i class="fas fa-business-time" aria-hidden="true"></i> Experiencias</a>';
                            }

                            if (listadoArchivos.length > 0) {
                                itemDropdowArchivos = '<a class="dropdown-item" href="#" onclick="detalleArchivos(this)"><i class="fas fa-file" aria-hidden="true"></i> Archivos</a>';
                            }

                            if (listadoArchivosCurriculum.length > 0) {
                                itemDropdowArchivosCurriculum = '<a class="dropdown-item" href="#" onclick="detalleArchivosCurriculum(this)"><i class="fas fa-id-card-alt" aria-hidden="true"></i> Curriculum</a>';

                                let inputFileCurriculum = document.createElement("input");
                                inputFileCurriculum.setAttribute("type", "file");
                                inputFileCurriculum.setAttribute("class", "form-control-file");
                                inputFileCurriculum.setAttribute("id", uuid());
                                inputFileCurriculum.setAttribute("onchange", "GuardarArchivoCurriculumAlSeleccionarlo(this)");
                                document.getElementById("contenedorDelSeleccionadorDeArchivoCurriculum").appendChild(inputFileCurriculum);
                            }

                            if (listadoConflictoInteresEnEmpresaGuinez.length > 0 || listadoConflictoInteresEnEmpresaContratista.length > 0 || listadoConflictoInteresEnInspeccionTecnica.length > 0) {
                                itemDropdowConflictoInteres = '<a class="dropdown-item" href="#" onclick="detalleConflictoInteres(this)"><i class="fas fa-exchange-alt" aria-hidden="true"></i> Conflicto de Interes</a>';
                            }

                            elementoPadre.querySelector(".tabla-accion-postulantes").innerHTML =
                                '<div class="btn-group ">' +
                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>' +
                                '<div class="dropdown-menu">' +
                                itemDropdowEnfermedades +
                                itemDropdowPartes +
                                itemDropdowEstudios +
                                itemDropdowExperiencias +
                                itemDropdowConflictoInteres +
                                itemDropdowArchivos +
                                itemDropdowArchivosCurriculum +
                                '<a class="dropdown-item" href="#" onclick="establecerFormularioParaEditarPostulante(this)"><i class="fas fa-edit" aria-hidden="true"></i> Editar Fila</a>' +
                                '<a class="dropdown-item" href="#" onclick="eliminarFila(this)"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Fila</a>' +
                                '</div>' +
                                '</div>';
                            elementoPadre.querySelector(".tabla-rut-postulante-postulantes").innerHTML = rutPostulante;
                            elementoPadre.querySelector(".tabla-nombre-nombre-postulante-postulantes").innerHTML = nombrePostulante;
                            elementoPadre.querySelector(".tabla-correo-postulante-postulantes").innerHTML = correoPostulante;
                            elementoPadre.querySelector(".tabla-telefono-postulante-postulantes").innerHTML = nombreTelefono;
                            elementoPadre.querySelector(".tabla-ciudad-postulante-postulantes").innerHTML = ciudadPostulante;
                            elementoPadre.querySelector(".tabla-pretencion-renta-postulante-texto-postulantes").innerHTML = pretensionDeRentaTexto;
                            elementoPadre.querySelector(".tabla-pretencion-renta-postulante-numero-postulantes").innerHTML = pretensionDeRentaNumero;
                            elementoPadre.querySelector(".tabla-licencia-postulante-postulantes").innerHTML = licenciaDeConducir;
                            elementoPadre.querySelector(".tabla-discapacidad-postulante-postulantes").innerHTML = tieneDiscapacidad;
                            elementoPadre.querySelector(".tabla-nombre-discapacidad-postulante-postulantes").innerHTML = nombreDiscapacidad;
                            elementoPadre.querySelector(".tabla-carnet-discapacidad-postulante-postulantes").innerHTML = carnetDiscapacidad;
                            elementoPadre.querySelector(".tabla-disponibilidad-postulante-postulantes").innerHTML = disponibilidad;
                            elementoPadre.querySelector(".tabla-experiencia-general-numero-postulantes").innerHTML = experienciaGeneralNumero;
                            elementoPadre.querySelector(".tabla-experiencia-especifica-numero-postulantes").innerHTML = experienciaEspecificaNumero;
                            elementoPadre.querySelector(".tabla-experiencia-general-texto-postulantes").innerHTML = experienciaGeneralTexto;
                            elementoPadre.querySelector(".tabla-experiencia-especifica-texto-postulantes").innerHTML = experienciaEspecificaTexto;
                            elementoPadre.querySelector(".tabla-listado-enfermedades-postulantes").innerHTML = listadoDeEnfermedadesString;
                            elementoPadre.querySelector(".tabla-listado-partes-postulantes").innerHTML = listadoDePartesString;
                            elementoPadre.querySelector(".tabla-listado-estudios-postulantes").innerHTML = listadoDeEstudiosString;
                            elementoPadre.querySelector(".tabla-listado-experiencias-postulantes").innerHTML = listadoDeExperienciaString;
                            elementoPadre.querySelector(".tabla-listado-archivos-postulantes").innerHTML = listadoDeArchivoString;
                            elementoPadre.querySelector(".tabla-listado-archivos-curriculum-postulantes").innerHTML = listadoDeArchivoCurriculumString;
                            elementoPadre.querySelector(".tabla-listado-conflicto-interes-empresa-guinez-postulantes").innerHTML = listadoConflictoInteresEnEmpresaGuinezString;
                            elementoPadre.querySelector(".tabla-listado-conflicto-interes-empresa-contratista-postulantes").innerHTML = listadoConflictoInteresEnEmpresaContratistaString;
                            elementoPadre.querySelector(".tabla-listado-conflicto-interes-inspeccion-tecnica-postulantes").innerHTML = listadoConflictoInteresEnInspeccionTecnicaString;
                        }
                    }
                });

                Swal.fire({
                    icon: 'success',
                    title: '¡Editado!',
                    text: 'El postulante se edito con éxito',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })

                document.getElementById("custom-tabs-one-profile-tab").click();
                limpiarCamposSobreElPostulantes()
                document.getElementById("botonDeAgregarPostulante").style.display = "inline-block";
                document.getElementById("botonDeEditarPostulante").style.display = "none";
            }
        }
    </script>

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

            let filas = document.getElementById('tabla-postulantes').tBodies[0].querySelectorAll("tr");
            let listadoPostulantes = [];

            filas.forEach(elementoPadre => {
                if (elementoPadre.querySelector(".tabla-contador-postulantes")) {
                    let contadorFila = elementoPadre.querySelector(".tabla-contador-postulantes").innerHTML;
                    let rutPostulante = elementoPadre.querySelector(".tabla-rut-postulante-postulantes").innerHTML.trim();
                    let nombrePostulante = elementoPadre.querySelector(".tabla-nombre-nombre-postulante-postulantes").innerHTML.trim();
                    let correoPostulante = elementoPadre.querySelector(".tabla-correo-postulante-postulantes").innerHTML.trim();
                    let telefonoPostulante = elementoPadre.querySelector(".tabla-telefono-postulante-postulantes").innerHTML.trim();
                    let ciudadPostulante = elementoPadre.querySelector(".tabla-ciudad-postulante-postulantes").innerHTML.trim();
                    let pretencionDeRentaTexto = elementoPadre.querySelector(".tabla-pretencion-renta-postulante-texto-postulantes").innerHTML.trim();
                    let pretencionDeRentaNumero = elementoPadre.querySelector(".tabla-pretencion-renta-postulante-numero-postulantes").innerHTML.trim();
                    let licencias = elementoPadre.querySelector(".tabla-licencia-postulante-postulantes").innerHTML.trim();
                    let tieneDiscapacidad = elementoPadre.querySelector(".tabla-discapacidad-postulante-postulantes").innerHTML.trim();
                    let nombreDiscapacidad = elementoPadre.querySelector(".tabla-nombre-discapacidad-postulante-postulantes").innerHTML.trim();
                    let carnetDiscapacidad = elementoPadre.querySelector(".tabla-carnet-discapacidad-postulante-postulantes").innerHTML.trim();
                    let disponibilidad = elementoPadre.querySelector(".tabla-disponibilidad-postulante-postulantes").innerHTML.trim();
                    let experienciaGeneralNumero = elementoPadre.querySelector(".tabla-experiencia-general-numero-postulantes").innerHTML.trim();
                    let experienciaEspecificaNumero = elementoPadre.querySelector(".tabla-experiencia-especifica-numero-postulantes").innerHTML.trim();
                    let experienciaGeneralTexto = elementoPadre.querySelector(".tabla-experiencia-general-texto-postulantes").innerHTML.trim();
                    let experienciaEspecificaTexto = elementoPadre.querySelector(".tabla-experiencia-especifica-texto-postulantes").innerHTML.trim();
                    let listadoEnfermedades = elementoPadre.querySelector(".tabla-listado-enfermedades-postulantes").innerHTML.trim();
                    let listadoPartes = elementoPadre.querySelector(".tabla-listado-partes-postulantes").innerHTML.trim();
                    let listadoEstudios = elementoPadre.querySelector(".tabla-listado-estudios-postulantes").innerHTML.trim();
                    let listadoExperiencias = elementoPadre.querySelector(".tabla-listado-experiencias-postulantes").innerHTML.trim();
                    let listadoArchivos = elementoPadre.querySelector(".tabla-listado-archivos-postulantes").innerHTML.trim();
                    let listadoConflictoInteresEnEmpresaGuinez = elementoPadre.querySelector(".tabla-listado-conflicto-interes-empresa-guinez-postulantes").innerHTML.trim();
                    let listadoConflictoInteresEnEmpresaContratista = elementoPadre.querySelector(".tabla-listado-conflicto-interes-empresa-contratista-postulantes").innerHTML.trim();
                    let listadoConflictoInteresEnInspeccionTecnica = elementoPadre.querySelector(".tabla-listado-conflicto-interes-inspeccion-tecnica-postulantes").innerHTML.trim();

                    var postulante = {
                        contadorFila: contadorFila,
                        rutPostulante: rutPostulante,
                        nombrePostulante: nombrePostulante,
                        correoPostulante: correoPostulante,
                        telefonoPostulante: telefonoPostulante,
                        ciudadPostulante: ciudadPostulante,
                        pretencionDeRentaTexto: pretencionDeRentaTexto,
                        pretencionDeRentaNumero: pretencionDeRentaNumero,
                        licencias: licencias,
                        tieneDiscapacidad: tieneDiscapacidad,
                        nombreDiscapacidad: nombreDiscapacidad,
                        carnetDiscapacidad: carnetDiscapacidad,
                        disponibilidad: disponibilidad,
                        experienciaGeneralNumero: experienciaGeneralNumero,
                        experienciaEspecificaNumero: experienciaEspecificaNumero,
                        experienciaGeneralTexto: experienciaGeneralTexto,
                        experienciaEspecificaTexto: experienciaEspecificaTexto,
                        listadoEnfermedades: listadoEnfermedades,
                        listadoPartes: listadoPartes,
                        listadoEstudios: listadoEstudios,
                        listadoExperiencias: listadoExperiencias,
                        listadoArchivos: listadoArchivos,
                        listadoConflictoInteresEnEmpresaGuinez: listadoConflictoInteresEnEmpresaGuinez,
                        listadoConflictoInteresEnEmpresaContratista: listadoConflictoInteresEnEmpresaContratista,
                        listadoConflictoInteresEnInspeccionTecnica: listadoConflictoInteresEnInspeccionTecnica
                    }
                    listadoPostulantes.push(postulante);
                }
            });

            if (listadoPostulantes.length > 0) {
                document.getElementById("errorTablaPostulantes").style.display = "none";
                document.getElementById("errorTablaPostulantes").innerHTML = "";
                listadoPostulantes = JSON.stringify(listadoPostulantes);
                let formData = new FormData();
                formData.append('listado_postulantes', listadoPostulantes);
                let totalDeArchivos = document.getElementsByClassName("form-control-file").length;
                let archivosPostulantes = document.getElementsByClassName("form-control-file");
                for (let i = 0; i < totalDeArchivos; i++) {
                    if (archivosPostulantes[i].files.length > 0) {
                        formData.append(archivosPostulantes[i].id, archivosPostulantes[i].files[0]);
                    }
                }
                let csrf = '{{ csrf_token() }}';

                $.ajax({
                    url: '{{ route('postulante.store', $cargo) }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        eliminarLoading()
                        Swal.fire({
                                icon: 'success',
                                title: '¡Creado!',
                                text: 'Los postulantes se generaron con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.reload();
                            })
                            .catch((error) => {
                                location.reload();
                            });
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                    }
                })
            } else {
                eliminarLoading()
                document.getElementById("botonDeCreacion").removeAttribute("disabled")
                document.getElementById("errorTablaPostulantes").style.display = "block";
                document.getElementById("errorTablaPostulantes").innerHTML = "No hay postulantes agregados, para registrar los postulantes debe tener al menos un postulante agregado";
                document.getElementById("custom-tabs-one-profile-tab").click();
            }
        }
    </script>
@stop