@extends('adminlte::page')

@section('plugins.Datatables', true)
@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)
@section('plugins.Sortable', true)
@section('plugins.ClockPicker', true)
@section('plugins.momentJs', true)

@section('title', 'Intranet | Detalle Postulantes 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">

                    @if ($cargo->solicitudDeReclutamiento->estado == 'Pendiente')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-secondary" id="estadoDeLaRequisicion">
                                {{ $cargo->solicitudDeReclutamiento->estado }}
                            </div>
                        </div>
                    @endif

                    @if ($cargo->solicitudDeReclutamiento->estado == 'Aprobado')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-success" id="estadoDeLaRequisicion">
                                {{ $cargo->solicitudDeReclutamiento->estado }}
                            </div>
                        </div>
                    @endif

                    @if ($cargo->solicitudDeReclutamiento->estado == 'Rechazado')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-danger" id="estadoDeLaRequisicion">
                                {{ $cargo->solicitudDeReclutamiento->estado }}
                            </div>
                        </div>
                    @endif

                    @if ($cargo->solicitudDeReclutamiento->estado == 'Anulada')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-info" id="estadoDeLaRequisicion">
                                {{ $cargo->solicitudDeReclutamiento->estado }}
                            </div>
                        </div>
                    @endif

                    <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" 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 De La Solicitud</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link active" 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">Sondeo De Postulantes</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="false">Status Del Procesos</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" 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 De Sondeo</label>
                                                    <input type="text" class="form-control" name="responsableSondeo" value="{{ old('responsableSondeo', $cargo->solicitudDeReclutamiento->responsableSondeo->name) }}" readonly="true">
                                                </div>

                                                <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->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" id="numeroVacantes" 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 class="form-group">
                                            <label for="cargo">Sucursal</label>
                                            <input type="text" class="form-control" name="sucursal" value="{{ old('sucursal', $cargo->centroCosto->sucursal) }}" 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>

                                    @if ($cargo->solicitudDeReclutamiento->estado == 'Rechazado')
                                        <div class="form-group" id="ContenedorMotivoRechazo">
                                            <label style="color:#dc3545">Motivo Del Rechazo</label>
                                            <textarea style="background-color:#E8C3C6;" class="form-control" rows="3" id="motivoRechazoTextArea" readonly="true">{{ $cargo->solicitudDeReclutamiento->observacion_estado }}</textarea>
                                        </div>
                                    @endif

                                    @if ($cargo->solicitudDeReclutamiento->estado == 'Anulada')
                                        <div class="form-group" id="ContenedorMotivoRechazo">
                                            <label style="color:#17a2b8">Motivo De La Anulación</label>
                                            <textarea style="background-color:#ACF3FE;" class="form-control" rows="3" id="motivoRechazoTextArea" readonly="true">{{ $cargo->solicitudDeReclutamiento->observacion_estado }}</textarea>
                                        </div>
                                    @endif

                                    @if (count($cargo->enviosSondeo) > 0)
                                        <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>Acciones</th>
                                                        <th>Fecha</th>
                                                        <th>Días De Proceso</th>
                                                        <th>Usuario Que Envio El Sondeo</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="registroModalSondeos">
                                                    @php
                                                        $cantidadDeSondeo = 0;
                                                    @endphp
                                                    @foreach ($cargo->enviosSondeo as $sondeo)
                                                        @php
                                                            $cantidadDeSondeo++;
                                                        @endphp
                                                        <tr>
                                                            <td>{{ $cantidadDeSondeo }}</td>
                                                            <td>
                                                                <button type="button" class="btn btn-secondary" onclick="detallePostulantesDeUnSondeo({{ $sondeo->id }},'{{ $sondeo->fecha }}')"><i class="fas fa-users" style="margin-right: 2px;"></i> Postulantes</button>
                                                            </td>
                                                            <td>{{ $sondeo->fecha }}</td>
                                                            <td>{{ $sondeo->dias_atraso }}</td>
                                                            <td>{{ $sondeo->nombre_usuario }}</td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    @endif

                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Nombre Cargo</th>
                                                    <th>Numero De Vacantes</th>
                                                    <th>Avances De Postulantes Pendientes</th>
                                                    <th>Avances De Postulantes Descartado</th>
                                                    <th>Avances De Postulantes Aceptado</th>
                                                    <th>Avances De Postulantes Con Fecha Y Hora Entrevista Tecnica Establecido</th>
                                                    <th>Avances De Postulantes Con Ficha Entrevista Tecnica</th>
                                                    <th>Avances De Postulantes En Etapa De Documentos/Actividades</th>
                                                    <th>Avances De Postulantes Con Carpeta De Documentos Enviada</th>
                                                    <th>Avances De Postulantes Con Carpeta Aprobadas</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroModalResumenAvances">
                                                @php
                                                    $cantidadCargoAvances = 0;
                                                @endphp
                                                @foreach ($cargo->solicitudDeReclutamiento->elementos as $elemento)
                                                    @php
                                                        $cantidadCargoAvances++;
                                                        $numeroVacantes = $elemento->numero_vacante;
                                                        $cantidadPostulantePendiente = 0;
                                                        $cantidadPostulanteDescartado = 0;
                                                        $cantidadPostulanteAceptado = 0;
                                                        $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido = 0;
                                                        $cantidadPostulanteConFichaTecnicaEstablecido = 0;
                                                        $cantidadPostulanteEnEtapaDeDocumentos = 0;
                                                        $cantidadPostulanteCarpetaEnviada = 0;
                                                        $cantidadPostulanteCarpetaAprobada = 0;
                                                        
                                                        foreach ($elemento->postulantes as $postulante) {
                                                            if ($postulante->estado == 'Pendiente') {
                                                                $cantidadPostulantePendiente++;
                                                            } elseif ($postulante->estado == 'Descartado') {
                                                                $cantidadPostulanteDescartado++;
                                                            } elseif ($postulante->estado == 'Aceptado') {
                                                                $cantidadPostulanteAceptado++;
                                                                if (isset($postulante->fecha_entrevista_tecnica)) {
                                                                    $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido++;
                                                                    if (isset($postulante->fichaRespondida)) {
                                                                        $cantidadPostulanteConFichaTecnicaEstablecido++;
                                                                        if ($elemento->establecio_prioridad == true && count($postulante->referencias) > 0 && $postulante->estado_coordinacion == 'Coordinado') {
                                                                            $cantidadPostulanteEnEtapaDeDocumentos++;
                                                                            if ($postulante->carpetaDeDocumentos->envio_carpeta == true) {
                                                                                $cantidadPostulanteCarpetaEnviada++;
                                                                                if ($postulante->carpetaDeDocumentos->estado_carpeta == 'Aprobado') {
                                                                                    $cantidadPostulanteCarpetaAprobada++;
                                                                                }
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                        
                                                        //---------------Avances Postulantes Pendientes-------------------
                                                        if ($cantidadPostulantePendiente > 0) {
                                                            $porcentajePostulantePendiente = $cantidadPostulantePendiente / $numeroVacantes;
                                                        } else {
                                                            $porcentajePostulantePendiente = 0;
                                                        }
                                                        $porcentajePostulantePendiente = $porcentajePostulantePendiente * 100;
                                                        $barraDeProgresoPostulantePendiente = '';
                                                        if ($cantidadPostulantePendiente >= $numeroVacantes) {
                                                            $barraDeProgresoPostulantePendiente = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulantePendiente . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulantePendiente . '/' . $numeroVacantes . '</span></div>';
                                                        } elseif ($cantidadPostulantePendiente > 0) {
                                                            $barraDeProgresoPostulantePendiente = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulantePendiente . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulantePendiente . '/' . $numeroVacantes . '</span></div>';
                                                        } else {
                                                            $barraDeProgresoPostulantePendiente = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulantePendiente . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulantePendiente . '/' . $numeroVacantes . '</span></div>';
                                                        }
                                                        
                                                        //---------------Avances Postulantes Descartado-------------------
                                                        if ($cantidadPostulanteDescartado > 0) {
                                                            $porcentajePostulanteDescartado = $cantidadPostulanteDescartado / $numeroVacantes;
                                                        } else {
                                                            $porcentajePostulanteDescartado = 0;
                                                        }
                                                        $porcentajePostulanteDescartado = $porcentajePostulanteDescartado * 100;
                                                        $barraDeProgresoPostulanteDescartado = '';
                                                        if ($cantidadPostulanteDescartado >= $numeroVacantes) {
                                                            $barraDeProgresoPostulanteDescartado = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteDescartado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteDescartado . '/' . $numeroVacantes . '</span></div>';
                                                        } elseif ($cantidadPostulanteDescartado > 0) {
                                                            $barraDeProgresoPostulanteDescartado = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteDescartado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteDescartado . '/' . $numeroVacantes . '</span></div>';
                                                        } else {
                                                            $barraDeProgresoPostulanteDescartado = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteDescartado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteDescartado . '/' . $numeroVacantes . '</span></div>';
                                                        }
                                                        
                                                        //---------------Avances Postulantes Aceptado-------------------
                                                        if ($cantidadPostulanteAceptado > 0) {
                                                            $porcentajePostulanteAceptado = $cantidadPostulanteAceptado / $numeroVacantes;
                                                        } else {
                                                            $porcentajePostulanteAceptado = 0;
                                                        }
                                                        $porcentajePostulanteAceptado = $porcentajePostulanteAceptado * 100;
                                                        $barraDeProgresoPostulanteAceptado = '';
                                                        if ($cantidadPostulanteAceptado >= $numeroVacantes) {
                                                            $barraDeProgresoPostulanteAceptado = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteAceptado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteAceptado . '/' . $numeroVacantes . '</span></div>';
                                                        } elseif ($cantidadPostulanteAceptado > 0) {
                                                            $barraDeProgresoPostulanteAceptado = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePostulanteAceptado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadPostulanteAceptado . '/' . $numeroVacantes . '</span></div>';
                                                        } else {
                                                            $barraDeProgresoPostulanteAceptado = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulanteAceptado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulanteAceptado . '/' . $numeroVacantes . '</span></div>';
                                                        }
                                                        
                                                        //---------------Avances Postulantes Con Fecha Y Hora Entrevista Tecnica Establecido-------------------
                                                        if ($cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido > 0) {
                                                            $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido = $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido / $numeroVacantes;
                                                        } else {
                                                            $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido = 0;
                                                        }
                                                        $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido = $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido * 100;
                                                        $barraDeProgresoPostulanteConFechaHoraEntrevistaTecnicaEstablecido = '';
                                                        if ($cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido >= $numeroVacantes) {
                                                            $barraDeProgresoPostulanteConFechaHoraEntrevistaTecnicaEstablecido = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido . '/' . $numeroVacantes . '</span></div>';
                                                        } elseif ($cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido > 0) {
                                                            $barraDeProgresoPostulanteConFechaHoraEntrevistaTecnicaEstablecido = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido . '/' . $numeroVacantes . '</span></div>';
                                                        } else {
                                                            $barraDeProgresoPostulanteConFechaHoraEntrevistaTecnicaEstablecido = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido . '/' . $numeroVacantes . '</span></div>';
                                                        }
                                                        
                                                        //---------------Avances Postulantes Con Ficha De Entrevista Tecnica-------------------
                                                        if ($cantidadPostulanteConFichaTecnicaEstablecido > 0) {
                                                            $porcentajePostulanteConFichaTecnicaEstablecido = $cantidadPostulanteConFichaTecnicaEstablecido / $numeroVacantes;
                                                        } else {
                                                            $porcentajePostulanteConFichaTecnicaEstablecido = 0;
                                                        }
                                                        $porcentajePostulanteConFichaTecnicaEstablecido = $porcentajePostulanteConFichaTecnicaEstablecido * 100;
                                                        $barraDeProgresoPostulanteConFichaTecnicaEstablecido = '';
                                                        if ($cantidadPostulanteConFichaTecnicaEstablecido >= $numeroVacantes) {
                                                            $barraDeProgresoPostulanteConFichaTecnicaEstablecido = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteConFichaTecnicaEstablecido . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteConFichaTecnicaEstablecido . '/' . $numeroVacantes . '</span></div>';
                                                        } elseif ($cantidadPostulanteConFichaTecnicaEstablecido > 0) {
                                                            $barraDeProgresoPostulanteConFichaTecnicaEstablecido = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePostulanteConFichaTecnicaEstablecido . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadPostulanteConFichaTecnicaEstablecido . '/' . $numeroVacantes . '</span></div>';
                                                        } else {
                                                            $barraDeProgresoPostulanteConFichaTecnicaEstablecido = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulanteConFichaTecnicaEstablecido . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulanteConFichaTecnicaEstablecido . '/' . $numeroVacantes . '</span></div>';
                                                        }
                                                        
                                                        //---------------Avances Postulantes En Etapa De Documentos-------------------
                                                        if ($cantidadPostulanteEnEtapaDeDocumentos > 0) {
                                                            $porcentajePostulanteEnEtapaDeDocumentos = $cantidadPostulanteEnEtapaDeDocumentos / $numeroVacantes;
                                                        } else {
                                                            $porcentajePostulanteEnEtapaDeDocumentos = 0;
                                                        }
                                                        $porcentajePostulanteEnEtapaDeDocumentos = $porcentajePostulanteEnEtapaDeDocumentos * 100;
                                                        $barraDeProgresoPostulanteEnEtapaDeDocumentos = '';
                                                        if ($cantidadPostulanteEnEtapaDeDocumentos >= $numeroVacantes) {
                                                            $barraDeProgresoPostulanteEnEtapaDeDocumentos = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteEnEtapaDeDocumentos . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteEnEtapaDeDocumentos . '/' . $numeroVacantes . '</span></div>';
                                                        } elseif ($cantidadPostulanteEnEtapaDeDocumentos > 0) {
                                                            $barraDeProgresoPostulanteEnEtapaDeDocumentos = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePostulanteEnEtapaDeDocumentos . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadPostulanteEnEtapaDeDocumentos . '/' . $numeroVacantes . '</span></div>';
                                                        } else {
                                                            $barraDeProgresoPostulanteEnEtapaDeDocumentos = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulanteEnEtapaDeDocumentos . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulanteEnEtapaDeDocumentos . '/' . $numeroVacantes . '</span></div>';
                                                        }
                                                        
                                                        //---------------Avances Postulantes Carpeta Enviada-------------------
                                                        if ($cantidadPostulanteCarpetaEnviada > 0) {
                                                            $porcentajePostulanteCarpetaEnviada = $cantidadPostulanteCarpetaEnviada / $numeroVacantes;
                                                        } else {
                                                            $porcentajePostulanteCarpetaEnviada = 0;
                                                        }
                                                        $porcentajePostulanteCarpetaEnviada = $porcentajePostulanteCarpetaEnviada * 100;
                                                        $barraDeProgresoPostulanteCarpetaEnviada = '';
                                                        if ($cantidadPostulanteCarpetaEnviada >= $numeroVacantes) {
                                                            $barraDeProgresoPostulanteCarpetaEnviada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteCarpetaEnviada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteCarpetaEnviada . '/' . $numeroVacantes . '</span></div>';
                                                        } elseif ($cantidadPostulanteCarpetaEnviada > 0) {
                                                            $barraDeProgresoPostulanteCarpetaEnviada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePostulanteCarpetaEnviada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadPostulanteCarpetaEnviada . '/' . $numeroVacantes . '</span></div>';
                                                        } else {
                                                            $barraDeProgresoPostulanteCarpetaEnviada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulanteCarpetaEnviada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulanteCarpetaEnviada . '/' . $numeroVacantes . '</span></div>';
                                                        }
                                                        
                                                        //---------------Avances Postulantes Carpeta Aprobada-------------------
                                                        if ($cantidadPostulanteCarpetaAprobada > 0) {
                                                            $porcentajePostulanteCarpetaAprobada = $cantidadPostulanteCarpetaAprobada / $numeroVacantes;
                                                        } else {
                                                            $porcentajePostulanteCarpetaAprobada = 0;
                                                        }
                                                        $porcentajePostulanteCarpetaAprobada = $porcentajePostulanteCarpetaAprobada * 100;
                                                        $barraDeProgresoPostulanteCarpetaAprobada = '';
                                                        if ($cantidadPostulanteCarpetaAprobada >= $numeroVacantes) {
                                                            $barraDeProgresoPostulanteCarpetaAprobada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteCarpetaAprobada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteCarpetaAprobada . '/' . $numeroVacantes . '</span></div>';
                                                        } elseif ($cantidadPostulanteCarpetaAprobada > 0) {
                                                            $barraDeProgresoPostulanteCarpetaAprobada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePostulanteCarpetaAprobada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadPostulanteCarpetaAprobada . '/' . $numeroVacantes . '</span></div>';
                                                        } else {
                                                            $barraDeProgresoPostulanteCarpetaAprobada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulanteCarpetaAprobada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulanteCarpetaAprobada . '/' . $numeroVacantes . '</span></div>';
                                                        }
                                                    @endphp

                                                    <tr>
                                                        <td>{{ $cantidadCargoAvances }}</td>
                                                        <td>{{ $elemento->cargo }}</td>
                                                        <td>{{ $elemento->numero_vacante }}</td>
                                                        <td>{!! $barraDeProgresoPostulantePendiente !!}</td>
                                                        <td>{!! $barraDeProgresoPostulanteDescartado !!}</td>
                                                        <td>{!! $barraDeProgresoPostulanteAceptado !!}</td>
                                                        <td>{!! $barraDeProgresoPostulanteConFechaHoraEntrevistaTecnicaEstablecido !!}</td>
                                                        <td>{!! $barraDeProgresoPostulanteConFichaTecnicaEstablecido !!}</td>
                                                        <td>{!! $barraDeProgresoPostulanteEnEtapaDeDocumentos !!}</td>
                                                        <td>{!! $barraDeProgresoPostulanteCarpetaEnviada !!}</td>
                                                        <td>{!! $barraDeProgresoPostulanteCarpetaAprobada !!}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>

                                </div>

                                <div class="tab-pane fade show active" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-postulantes">
                                            <thead>
                                                <tr>
                                                    <th colspan="17" class="text-center">DATOS POSTULANTES</th>
                                                    <th colspan="6" class="text-center">DATOS DE APROBACIÓN</th>
                                                    <th colspan="7" class="text-center">DATOS DE ENTREVISTA TÉCNICA</th>
                                                </tr>
                                                <tr role="row">
                                                    <th>Prioridad</th>
                                                    <th>
                                                        
                                                        <div class="form-group">
                                                            <div class="custom-control custom-checkbox">
                                                                <input class="custom-control-input" type="checkbox" id="seleccionarTodasLosItem" onclick="selecionarTodasLosItems(this)">
                                                                <label for="seleccionarTodasLosItem" class="custom-control-label">Selección</label>
                                                            </div>
                                                        </div>
                                                    </th>
                                                    <th>Acciones/Datos De Sondeos</th>
                                                    <th>Rut Postulante</th>
                                                    <th>Nombre Postulante</th>
                                                    <th>Correo Postulante</th>
                                                    <th>Telefono Postulante</th>
                                                    <th>Ciudad</th>
                                                    <th>Referido</th>
                                                    <th>Pretencion De Renta</th>
                                                    <th>Licencia De Conducir</th>
                                                    <th>Tiene Discapacidad</th>
                                                    <th>Nombre Discapacidad</th>
                                                    <th>Carnet Discapacidad</th>
                                                    <th>Disponibilidad</th>
                                                    <th>Experencia General</th>
                                                    <th>Experencia Especifica</th>

                                                    <th>Fecha Aprobación</th>
                                                    <th>Días De Proceso De La Aprobación</th>
                                                    <th>Usuario Que Aprobo Al Postulante</th>
                                                    <th>Observación Estado</th>
                                                    <th>Envio Carta De Agradecimiento</th>
                                                    <th>Estado</th>

                                                    <th>Acciones Sobre La Entrevista Técnica</th>
                                                    <th>Días De Proceso Fecha Y Hora Entrevista Tecnica</th>
                                                    <th>Fecha Y Hora Entrevista Tecnica</th>
                                                    <th>Fecha De Cuando Se Respondio La Ficha</th>
                                                    <th>Días De Proceso Ficha</th>
                                                    <th>Resultado Ficha Entrevista Tecnica</th>
                                                    <th>Estado Ficha Entrevista Tecnica</th>

                                                </tr>
                                            </thead>
                                            <tbody id="registroPostualntes">
                                                @php
                                                    $cantidadPostulante = 0;
                                                    $cantidadDePostulanteSinSondeo=0;
                                                    $cantidadDePostulanteConSondeo=0;
                                                    $cantidadDePostulanteConFichaEntrevistaTecnica=0;
                                                    $cantidadDePostulantePendiente=0;
                                                @endphp
                                                @foreach ($cargo->postulantes as $postulante)
                                                    @php
                                                        $cantidadPostulante++;
                                                        if (isset($postulante->envioSondeo)) {
                                                            $cantidadDePostulanteConSondeo++;
                                                        }else{
                                                            $cantidadDePostulanteSinSondeo++;
                                                        }
                                                        if(isset($postulante->fichaRespondida) && count($postulante->carpetaDeDocumentos->detalleDocumentosRequeridos)==0 && count($postulante->referencias)==0){
                                                            $cantidadDePostulanteConFichaEntrevistaTecnica++;
                                                        }

                                                        if($postulante->estado == 'Pendiente'){
                                                            $cantidadDePostulantePendiente++;
                                                        }

                                                        $listadoEnfermedades = json_encode($postulante->enfermedades);
                                                        $listadoPartes = json_encode($postulante->partes);
                                                        $listadoEstudios = json_encode($postulante->estudios);
                                                        $listadoExperiencias = json_encode($postulante->experiencias);
                                                        $listadoArchivos = json_encode($postulante->archivos);
                                                        $listadoReferencias = json_encode($postulante->referencias);
                                                        $listadoConflictoInteresEmpresaGuinez = json_encode($postulante->conflictoInteresEmpresaGuinez);
                                                        $listadoConflictoInteresEmpresaContratista = json_encode($postulante->conflictoInteresEmpresaContratista);
                                                        $listadoConflictoInteresInspeccionTecnica = json_encode($postulante->conflictoInteresInspeccionTecnica);
                                                    @endphp
                                                    @if (Gate::check('postulante.edit') || Gate::check('postulante.destroy') || Gate::check('postulante.create') || Gate::check('postulante.edit-referencia') || Gate::check('postulante.index-carpeta-documentos-postulantes') || Gate::check('postulante.index-carpeta-documentos-postulantes') || Gate::check('postulante.editar-carpeta-documentos-postulantes'))
                                                        <tr>
                                                            <td style="display: none;" class="id_postulante_tabla">{{ $postulante->id }}</td>
                                                            @if ($postulante->prioridad > 0)
                                                                <td>{{ $postulante->prioridad . ' Prioridad' }}</td>
                                                            @else
                                                                <td>Sin Prioridad</td>
                                                            @endif
                                                            <td class="tabla-check"></td>
                                                            <td>
                                                                <div class="btn-group ">
                                                                    <button id="dropdownGrande" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>
                                                                    <div class="dropdown-menu">
                                                                        @if (count($postulante->enfermedades) > 0)
                                                                            <a class="dropdown-item" href="#" onclick="detalleEnfermedades('{{ $listadoEnfermedades }}','{{ $postulante->nombre }}')"><i class="fas fa-syringe" aria-hidden="true"></i> Enfermedades</a>
                                                                        @endif
    
                                                                        @if (count($postulante->partes) > 0)
                                                                            <a class="dropdown-item" href="#" onclick="detallePartes('{{ $listadoPartes }}','{{ $postulante->nombre }}')"><i class="fas fa-car-crash" aria-hidden="true"></i> Partes</a>
                                                                        @endif
    
                                                                        @if (count($postulante->estudios) > 0)
                                                                            <a class="dropdown-item" href="#" onclick="detalleEstudios('{{ $listadoEstudios }}','{{ $postulante->nombre }}')"><i class="fas fa-graduation-cap" aria-hidden="true"></i> Estudios</a>
                                                                        @endif

                                                                        @if (count($postulante->experiencias) > 0)
                                                                            <a class="dropdown-item" href="#" onclick="detalleExperiencias('{{ $listadoExperiencias }}','{{ $postulante->nombre }}')"><i class="fas fa-business-time" aria-hidden="true"></i> Experiencias</a>
                                                                        @endif
    
                                                                        @if (count($postulante->referencias) > 0)
                                                                            <a class="dropdown-item" href="#" onclick="detalleReferencias('{{ $listadoReferencias }}','{{ $postulante->nombre }}')"><i class="far fa-building" aria-hidden="true"></i> Referencias</a>
                                                                        @endif
    
                                                                        @if (count($postulante->conflictoInteres) > 0)
                                                                            <a class="dropdown-item" href="#" onclick="detalleConflictoInteres('{{ $listadoConflictoInteresEmpresaGuinez }}','{{ $listadoConflictoInteresEmpresaContratista }}','{{ $listadoConflictoInteresInspeccionTecnica }}','{{ $postulante->nombre }}')"><i class="fas fa-exchange-alt" aria-hidden="true"></i> Conflictos Interes</a>
                                                                        @endif
    
                                                                        @if (count($postulante->archivos) > 0)
                                                                            <a class="dropdown-item" href="#" onclick="detalleArchivos('{{ $listadoArchivos }}','{{ $postulante->nombre }}')"><i class="fas fa-file" aria-hidden="true"></i> Archivos</a>
                                                                        @endif

                                                                        <a class="dropdown-item" href="{{ route('postulante.administracion-procesos', [$postulante->id]) }}"><i class="fas fa-bezier-curve" aria-hidden="true"></i> Seguimientos De Procesos</a>
                                                                        
                                                                        @isset($cargo->solicitudDeReclutamiento->responsableSondeo)
                                                                            @if (Gate::check('postulante.edit'))
                                                                                <a class="dropdown-item" href="{{ route('postulante.edit', [$postulante->id, $cargo]) }}"><i class="fas fa-user-edit" aria-hidden="true"></i> Editar Postulante</a>
                                                                            @endif
        
                                                                            @if (Gate::check('postulante.destroy') && !isset($postulante->envioSondeo))
                                                                                <a class="dropdown-item" href="#" onclick="confirmarEliminacionDelPostulante('{{ $postulante->id }}',this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-user-times" aria-hidden="true"></i> Eliminar Postulante</a>
                                                                            @endif
    
                                                                            @if (Gate::check('postulante.edit'))
                                                                                @if ($postulante->estado == 'Aceptado')
                                                                                    <a class="dropdown-item" href="#" onclick="abrirModalDescartePostulante(this.parentElement.parentElement.parentElement.parentElement,'{{ $postulante->nombre }}')"><i class="fas fa-user-alt-slash" aria-hidden="true"></i> Descartar Postulante</a>
                                                                                    @if (!isset($postulante->fichaRespondida) && !isset($postulante->fecha_entrevista_tecnica))
                                                                                        <a class="dropdown-item" href="#" onclick="cambiarEstadoDelPostulanteHaPendiente(this.parentElement.parentElement.parentElement.parentElement,'{{ $postulante->nombre }}')"><i class="fas fa-user-clock" aria-hidden="true"></i> Cambiar Estado Del Postulante A Pendiente</a>
                                                                                    @endif
                                                                                @endif
        
                                                                                @if ($postulante->estado == 'Descartado' && !isset($postulante->fecha_entrevista_tecnica))
                                                                                    @if (!isset($postulante->fichaRespondida))
                                                                                        <a class="dropdown-item" href="#" onclick="aceptarUnPostulante(this.parentElement.parentElement.parentElement.parentElement,'{{ $postulante->nombre }}')"><i class="fas fa-user-check" aria-hidden="true"></i> Aceptar Postulante</a>
                                                                                        <a class="dropdown-item" href="#" onclick="cambiarEstadoDelPostulanteHaPendiente(this.parentElement.parentElement.parentElement.parentElement,'{{ $postulante->nombre }}')"><i class="fas fa-user-clock" aria-hidden="true"></i> Cambiar Estado Del Postulante A Pendiente</a>
                                                                                    @endif
                                                                                @endif
        
                                                                                @if ($postulante->estado == 'Pendiente' && !isset($postulante->fecha_entrevista_tecnica))
                                                                                    @if(isset($postulante->id_envio_sondeo))
                                                                                    <a class="dropdown-item" href="#" onclick="aceptarUnPostulante(this.parentElement.parentElement.parentElement.parentElement,'{{ $postulante->nombre }}')"><i class="fas fa-user-check" aria-hidden="true"></i> Aceptar Postulante</a>
                                                                                    <a class="dropdown-item" href="#" onclick="abrirModalDescartePostulante(this.parentElement.parentElement.parentElement.parentElement,'{{ $postulante->nombre }}')"><i class="fas fa-user-alt-slash" aria-hidden="true"></i> Descartar Postulante</a>
                                                                                    @endif
                                                                                @endif
                                                                            @endif
                                                                        @endisset

                                                                        @isset($cargo->solicitudDeReclutamiento->responsableDocumentacion)
                                                                            @if ($postulante->estado == 'Aceptado' && $postulante->estado_coordinacion == "Coordinado")
                                                                                @if (Gate::check('postulante.edit') || Gate::check('postulante.edit-referencia'))
                                                                                    @if(isset($postulante->fichaRespondida))
                                                                                        @if (count($postulante->referencias) > 0)
                                                                                            <a class="dropdown-item" href="{{ route('postulante.crate-editar-referencias', [$postulante->id]) }}"><i class="fas fa-building" aria-hidden="true"></i> Editar Referencias</a>
                                                                                        @else
                                                                                            <a class="dropdown-item" href="{{ route('postulante.crate-agregar-referencias', [$postulante->id]) }}"><i class="fas fa-building" aria-hidden="true"></i> Agregar Referencias</a>
                                                                                        @endif
                                                                                    @endif
                                                                                @endif
                                                                            @endif
                                                                        @endisset

                                                                        @isset($cargo->solicitudDeReclutamiento->responsableSondeo)
                                                                            @if ($postulante->estado == 'Descartado' && $postulante->envio_carta_agredecimiento == false && Gate::check('postulante.edit') )
                                                                                <a class="dropdown-item" href="{{ route('postulante.enviar-carta-agredecimiento', [$postulante->id]) }}" onclick="generarLoading('{{ asset('img/logo.png') }}')"><i class="fas fa-envelope-square"></i> Enviar Carta De Agradecimiento</a>
                                                                            @endif
                                                                        @endisset
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>{{ $postulante->rut }}</td>
                                                            <td>{{ $postulante->nombre }}</td>
                                                            <td>{{ $postulante->correo }}</td>
                                                            <td>{{ $postulante->telefono }}</td>
                                                            <td>{{ $postulante->ciudad }}</td>
                                                            <td>
                                                                @if ($postulante->referido == true)
                                                                    Si
                                                                @else
                                                                    No
                                                                @endif
                                                            </td>
                                                            <td>{{ $postulante->pretencion_renta_texto }}</td>
                                                            <td>{{ $postulante->licencia_conducir }}</td>
                                                            @if ($postulante->discapacidad == true)
                                                                <td>Si</td>
                                                            @else
                                                                <td>No</td>
                                                            @endif
                                                            <td>{{ $postulante->nombre_discapacidad }}</td>
                                                            <td>{{ $postulante->carnet_discapacidad }}</td>
                                                            <td>{{ $postulante->disponibilidad }}</td>
                                                            @if ($postulante->experiencia_general > 0)
                                                                <td>{{ $postulante->experiencia_general }} Años</td>
                                                            @else
                                                                <td>Sin Experiencia</td>
                                                            @endif

                                                            @if ($postulante->experiencia_especifica > 0)
                                                                <td>{{ $postulante->experiencia_especifica }} Años</td>
                                                            @else
                                                                <td>Sin Experiencia</td>
                                                            @endif


                                                            @if (isset($postulante->fecha_postulante_aceptado))
                                                                <td>{{ fechaConFormatoDeChile($postulante->fecha_postulante_aceptado) }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->dias_atraso_postulante_aceptado))
                                                                <td>{{ $postulante->dias_atraso_postulante_aceptado }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->usuarioQueAceptoElPostulante))
                                                                <td>{{ $postulante->usuarioQueAceptoElPostulante->name }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            <td>
                                                                @isset($postulante->observacion_estado)
                                                                    <button type="button" onclick="verMotivoDelDescarte('{{ $postulante->observacion_estado }}','{{ $postulante->nombre }}')" class="btn btn-block btn-default"><i class="fas fa-eye" aria-hidden="true"></i></button>
                                                                @endisset
                                                            </td>
                                                            <td>
                                                                @if ($postulante->estado == 'Aceptado' || $postulante->estado == 'Pendiente')
                                                                    No Aplica
                                                                @elseif($postulante->estado == 'Descartado')
                                                                    @if ($postulante->envio_carta_agredecimiento == true)
                                                                        Enviado
                                                                    @else
                                                                        No Enviado
                                                                    @endif
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @switch($postulante->estado)
                                                                    @case('Descartado')
                                                                        <span class="badge badge-danger">{{ $postulante->estado }}</span>
                                                                    @break

                                                                    @case('Aceptado')
                                                                        <span class="badge badge-success">{{ $postulante->estado }}</span>
                                                                    @break

                                                                    @case('Pendiente')
                                                                        <span class="badge badge-secondary">{{ $postulante->estado }}</span>
                                                                    @break
                                                                @endswitch
                                                            </td>


                                                            <td>
                                                                @if (Gate::check('postulante.edit'))
                                                                    @if($cargo->solicitudDeReclutamiento->estado == 'Aprobado' && $postulante->estado == 'Aceptado')
                                                                        @if (count($postulante->carpetaDeDocumentos->detalleDocumentosRequeridos)==0 || isset($postulante->fichaRespondida))
                                                                            <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">
                                                                                    @isset($cargo->solicitudDeReclutamiento->responsableSondeo)
                                                                                        @if ($cargo->solicitudDeReclutamiento->estado_cierre == 'Abierta' && $postulante->estado_cierre== 'Abierta')
                                                                                            @if (count($postulante->carpetaDeDocumentos->detalleDocumentosRequeridos)==0 && $postulante->estado_coordinacion=="Pendiente")
                                                                                                @if (isset($postulante->fecha_entrevista_tecnica))
                                                                                                    <a class="dropdown-item" href="#" onclick="abrirModalNuevoHorarioEntrevistaTecnica(this.parentElement.parentElement.parentElement.parentElement,'{{ $postulante->nombre }}')"><i class="fas fa-calendar-day" aria-hidden="true"></i> Cambiar Fecha Y Hora De La Entrevista Tecnica</a>
                                                                                                @else
                                                                                                    <a class="dropdown-item" href="#" onclick="abrirModalNuevoHorarioEntrevistaTecnica(this.parentElement.parentElement.parentElement.parentElement,'{{ $postulante->nombre }}')"><i class="fas fa-calendar-day" aria-hidden="true"></i> Establecer Fecha Y Hora De La Entrevista Tecnica</a>
                                                                                                @endif
                                                                                            @endif
                                                                                        @endif
                                                                                    @endisset
    
                                                                                    @if (isset($postulante->fichaRespondida))
                                                                                        <a class="dropdown-item" href="{{ route('ficha-entrevista-tecnica.show-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-comments" aria-hidden="true"></i> Detalle Ficha Entrevista Tecnica Respondida</a>
                                                                                        <a class="dropdown-item" href="{{ route('ficha-entrevista-tecnica.descargar-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-file-excel"></i> Descargar Ficha Entrevista Tecnica</a>
                                                                                        @isset($cargo->solicitudDeReclutamiento->responsableSondeo)
                                                                                            @if(count($postulante->carpetaDeDocumentos->detalleDocumentosRequeridos)==0 && count($postulante->referencias) == 0)
                                                                                                @if(Gate::check('postulante.anular-ficha-entrevista-tecnica'))
                                                                                                    <a class="dropdown-item" href="#" onclick="anularFichaEntrevistaTecnica({{$postulante->id}})"><i class="fas fa-times-circle"></i> Anular Ficha Entrevista Tecnica</a>
                                                                                                @endif
                                                                                            @endif
                                                                                        @endisset
                                                                                    @endif
                                                                                </div>
                                                                            </div>
                                                                        @endif
                                                                    @elseif($cargo->solicitudDeReclutamiento->estado == 'Aprobado' && $postulante->estado == 'Descartado')   
                                                                        @if (isset($postulante->fichaRespondida))
                                                                            <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="{{ route('ficha-entrevista-tecnica.show-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-comments" aria-hidden="true"></i> Detalle Ficha Entrevista Tecnica Respondida</a>
                                                                                    <a class="dropdown-item" href="{{ route('ficha-entrevista-tecnica.descargar-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-file-excel"></i> Descargar Ficha Entrevista Tecnica</a>
                                                                                    @isset($cargo->solicitudDeReclutamiento->responsableSondeo)
                                                                                        @if(count($postulante->carpetaDeDocumentos->detalleDocumentosRequeridos)==0 && count($postulante->referencias) == 0)
                                                                                            @if(Gate::check('postulante.anular-ficha-entrevista-tecnica'))
                                                                                                <a class="dropdown-item" href="#" onclick="anularFichaEntrevistaTecnica({{$postulante->id}})"><i class="fas fa-times-circle"></i> Anular Ficha Entrevista Tecnica</a>
                                                                                            @endif
                                                                                        @endif
                                                                                    @endisset
                                                                                </div>
                                                                            </div>
                                                                        @endif
                                                                    @endif
                                                                @else    
                                                                    @if (isset($postulante->fichaRespondida))
                                                                        <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="{{ route('ficha-entrevista-tecnica.show-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-comments" aria-hidden="true"></i> Detalle Ficha Entrevista Tecnica Respondida</a>
                                                                                <a class="dropdown-item" href="{{ route('ficha-entrevista-tecnica.descargar-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-file-excel"></i> Descargar Ficha Entrevista Tecnica</a>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                @endif
                                                            </td>
                                                            @if (isset($postulante->dias_atraso_establecer_fecha_entrevista_tecnica ))
                                                                <td>{{ $postulante->dias_atraso_establecer_fecha_entrevista_tecnica  }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->fecha_entrevista_tecnica))
                                                                <td>{{ fechaHoraConFormatoDeChile($postulante->fecha_entrevista_tecnica) }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->fecha_responder_ficha_entrevista_tecnica))
                                                                <td>{{ fechaConFormatoDeChile($postulante->fecha_responder_ficha_entrevista_tecnica) }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->dias_atraso_responder_ficha_entrevista_tecnica ))
                                                                <td>{{ $postulante->dias_atraso_responder_ficha_entrevista_tecnica }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->fichaRespondida))
                                                                @if ($postulante->fichaRespondida->estimacion == 'Muy Satisfactorio' || $postulante->fichaRespondida->estimacion == 'Satisfactorio')
                                                                    <td style="font-weight: 700; color:#28a745;">{{ $postulante->fichaRespondida->porcentaje . '% ' . $postulante->fichaRespondida->estimacion }}</td>
                                                                @elseif($postulante->fichaRespondida->estimacion == 'Regular')  
                                                                    <td style="font-weight: 700; color:#ffc107;">{{ $postulante->fichaRespondida->porcentaje . '% ' . $postulante->fichaRespondida->estimacion }}</td>  
                                                                @elseif($postulante->fichaRespondida->estimacion == 'Muy Deficiente' || $postulante->fichaRespondida->estimacion == 'Deficiente')
                                                                    <td style="font-weight: 700; color:#dc3545;">{{ $postulante->fichaRespondida->porcentaje . '% ' . $postulante->fichaRespondida->estimacion }}</td>
                                                                @endif
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->fichaRespondida))
                                                                @if ($postulante->fichaRespondida->estimacion == 'Muy Satisfactorio' || $postulante->fichaRespondida->estimacion == 'Satisfactorio')
                                                                    <td><span class="badge badge-success">Aprobado</span></td>
                                                                @elseif($postulante->fichaRespondida->estimacion == 'Regular')  
                                                                    <td><span class="badge badge-warning">Aprobado</span></td>  
                                                                @elseif($postulante->fichaRespondida->estimacion == 'Muy Deficiente' || $postulante->fichaRespondida->estimacion == 'Deficiente')
                                                                    <td><span class="badge badge-danger">Rechazado</span></td>
                                                                @endif
                                                            @else
                                                                <td></td>
                                                            @endif
                                                        </tr>
                                                    @elseif($cargo->solicitudDeReclutamiento->id_usuario == auth()->user()->id)
                                                        @isset($postulante->envioSondeo)  
                                                            <tr>
                                                                <td style="display: none;" class="id_postulante_tabla">{{ $postulante->id }}</td>
                                                                @if ($postulante->prioridad > 0)
                                                                    <td>{{ $postulante->prioridad . ' Prioridad' }}</td>
                                                                @else
                                                                    <td>Sin Prioridad</td>
                                                                @endif
                                                                <td class="tabla-check">
                                                                    @if ($postulante->estado == 'Pendiente')
                                                                        <div class="form-group">
                                                                            <div class="custom-control custom-checkbox">
                                                                                <input class="custom-control-input checkbox-seleccion-item" type="checkbox" id="customCheckbox{{ $cantidadPostulante }}" value="{{ $postulante->id }}">
                                                                                <label for="customCheckbox{{ $cantidadPostulante }}" class="custom-control-label"></label>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    <div class="btn-group ">
                                                                        <button id="dropdownGrande" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>
                                                                        <div class="dropdown-menu">
                                                                            @if (count($postulante->enfermedades) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detalleEnfermedades('{{ $listadoEnfermedades }}','{{ $postulante->nombre }}')"><i class="fas fa-syringe" aria-hidden="true"></i> Enfermedades</a>
                                                                            @endif
        
                                                                            @if (count($postulante->partes) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detallePartes('{{ $listadoPartes }}','{{ $postulante->nombre }}')"><i class="fas fa-car-crash" aria-hidden="true"></i> Partes</a>
                                                                            @endif
        
                                                                            @if (count($postulante->estudios) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detalleEstudios('{{ $listadoEstudios }}','{{ $postulante->nombre }}')"><i class="fas fa-graduation-cap" aria-hidden="true"></i> Estudios</a>
                                                                            @endif
    
                                                                            @if (count($postulante->experiencias) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detalleExperiencias('{{ $listadoExperiencias }}','{{ $postulante->nombre }}')"><i class="fas fa-business-time" aria-hidden="true"></i> Experiencias</a>
                                                                            @endif
        
                                                                            @if (count($postulante->referencias) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detalleReferencias('{{ $listadoReferencias }}','{{ $postulante->nombre }}')"><i class="far fa-building" aria-hidden="true"></i> Referencias</a>
                                                                            @endif
        
                                                                            @if (count($postulante->conflictoInteres) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detalleConflictoInteres('{{ $listadoConflictoInteresEmpresaGuinez }}','{{ $listadoConflictoInteresEmpresaContratista }}','{{ $listadoConflictoInteresInspeccionTecnica }}','{{ $postulante->nombre }}')"><i class="fas fa-exchange-alt" aria-hidden="true"></i> Conflictos Interes</a>
                                                                            @endif
        
                                                                            @if (count($postulante->archivos) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detalleArchivos('{{ $listadoArchivos }}','{{ $postulante->nombre }}')"><i class="fas fa-file" aria-hidden="true"></i> Archivos</a>
                                                                            @endif
    
                                                                            <a class="dropdown-item" href="{{ route('postulante.administracion-procesos', [$postulante->id]) }}"><i class="fas fa-bezier-curve" aria-hidden="true"></i> Seguimientos De Procesos</a>    
                                                                            
                                                                            @if ($cargo->solicitudDeReclutamiento->estado == 'Aprobado')
                                                                                @if ($cargo->solicitudDeReclutamiento->id_usuario == auth()->user()->id && $postulante->estado == 'Pendiente' && isset($postulante->id_envio_sondeo))
                                                                                    <a class="dropdown-item" href="#" onclick="aceptarUnPostulante(this.parentElement.parentElement.parentElement.parentElement,'{{ $postulante->nombre }}')"><i class="fas fa-user-check" aria-hidden="true"></i> Aceptar Postulante</a>
                                                                                    <a class="dropdown-item" href="#" onclick="abrirModalDescartePostulante(this.parentElement.parentElement.parentElement.parentElement,'{{ $postulante->nombre }}')"><i class="fas fa-user-alt-slash" aria-hidden="true"></i> Descartar Postulante</a>
                                                                                @endif
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                                <td>{{ $postulante->rut }}</td>
                                                                <td>{{ $postulante->nombre }}</td>
                                                                <td>{{ $postulante->correo }}</td>
                                                                <td>{{ $postulante->telefono }}</td>
                                                                <td>{{ $postulante->ciudad }}</td>
                                                                <td>
                                                                    @if ($postulante->referido == true)
                                                                        Si
                                                                    @else
                                                                        No
                                                                    @endif
                                                                </td>
                                                                <td>{{ $postulante->pretencion_renta_texto }}</td>
                                                                <td>{{ $postulante->licencia_conducir }}</td>
                                                                @if ($postulante->discapacidad == true)
                                                                    <td>Si</td>
                                                                @else
                                                                    <td>No</td>
                                                                @endif
                                                                <td>{{ $postulante->nombre_discapacidad }}</td>
                                                                <td>{{ $postulante->carnet_discapacidad }}</td>
                                                                <td>{{ $postulante->disponibilidad }}</td>
                                                                @if ($postulante->experiencia_general > 0)
                                                                    <td>{{ $postulante->experiencia_general }} Años</td>
                                                                @else
                                                                    <td>Sin Experiencia</td>
                                                                @endif
        
                                                                @if ($postulante->experiencia_especifica > 0)
                                                                    <td>{{ $postulante->experiencia_especifica }} Años</td>
                                                                @else
                                                                    <td>Sin Experiencia</td>
                                                                @endif
        
    
                                                                @if (isset($postulante->fecha_postulante_aceptado))
                                                                    <td>{{ fechaConFormatoDeChile($postulante->fecha_postulante_aceptado) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->dias_atraso_postulante_aceptado))
                                                                    <td>{{ $postulante->dias_atraso_postulante_aceptado }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->usuarioQueAceptoElPostulante))
                                                                    <td>{{ $postulante->usuarioQueAceptoElPostulante->name }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                <td>
                                                                    @isset($postulante->observacion_estado)
                                                                        <button type="button" onclick="verMotivoDelDescarte('{{ $postulante->observacion_estado }}','{{ $postulante->nombre }}')" class="btn btn-block btn-default"><i class="fas fa-eye" aria-hidden="true"></i></button>
                                                                    @endisset
                                                                </td>
                                                                <td>
                                                                    @if ($postulante->estado == 'Aceptado' || $postulante->estado == 'Pendiente')
                                                                        No Aplica
                                                                    @elseif($postulante->estado == 'Descartado')
                                                                        @if ($postulante->envio_carta_agredecimiento == true)
                                                                            Enviado
                                                                        @else
                                                                            No Enviado
                                                                        @endif
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    @switch($postulante->estado)
                                                                        @case('Descartado')
                                                                            <span class="badge badge-danger">{{ $postulante->estado }}</span>
                                                                        @break
    
                                                                        @case('Aceptado')
                                                                            <span class="badge badge-success">{{ $postulante->estado }}</span>
                                                                        @break
    
                                                                        @case('Pendiente')
                                                                            <span class="badge badge-secondary">{{ $postulante->estado }}</span>
                                                                        @break
                                                                    @endswitch
                                                                </td>
    
                                                                <td>
                                                                    @if ($postulante->referido == true)
                                                                        @if ($cargo->solicitudDeReclutamiento->estado == 'Aprobado' && $postulante->estado == 'Aceptado')
                                                                            @if (isset($postulante->fichaRespondida))
                                                                                <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="{{ route('ficha-entrevista-tecnica.show-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-comments" aria-hidden="true"></i> Detalle Ficha Entrevista Tecnica Respondida</a>
                                                                                        <a class="dropdown-item" href="{{ route('ficha-entrevista-tecnica.descargar-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-file-excel"></i> Descargar Ficha Entrevista Tecnica</a>
                                                                                    </div>
                                                                                </div>
                                                                            @else
                                                                                <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="abrirModalSeleccionFicha({{ $postulante->id }},'{{ $postulante->nombre }}')"><i class="fas fa-comments" aria-hidden="true"></i> Responder Ficha Entrevista Tecnica</a>
                                                                                    </div>
                                                                                </div>
                                                                            @endif
                                                                        @elseif($cargo->solicitudDeReclutamiento->estado == 'Aprobado' && $postulante->estado == 'Descartado') 
                                                                            @if (isset($postulante->fichaRespondida))
                                                                                <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="{{ route('ficha-entrevista-tecnica.show-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-comments" aria-hidden="true"></i> Detalle Ficha Entrevista Tecnica Respondida</a>
                                                                                        <a class="dropdown-item" href="{{ route('ficha-entrevista-tecnica.descargar-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-file-excel"></i> Descargar Ficha Entrevista Tecnica</a>
                                                                                    </div>
                                                                                </div>
                                                                            @endif   
                                                                        @endif
                                                                    @else
                                                                        @if ($cargo->solicitudDeReclutamiento->estado == 'Aprobado' && $postulante->estado == 'Aceptado' && isset($postulante->fecha_entrevista_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">
                                                                                    @if (isset($postulante->fichaRespondida))
                                                                                        <a class="dropdown-item" href="{{ route('ficha-entrevista-tecnica.show-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-comments" aria-hidden="true"></i> Detalle Ficha Entrevista Tecnica Respondida</a>
                                                                                        <a class="dropdown-item" href="{{ route('ficha-entrevista-tecnica.descargar-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-file-excel"></i> Descargar Ficha Entrevista Tecnica</a>
                                                                                    @else
                                                                                        @isset($postulante->fecha_entrevista_tecnica)
                                                                                            <a class="dropdown-item" href="#" onclick="abrirModalSeleccionFicha({{ $postulante->id }},'{{ $postulante->nombre }}')"><i class="fas fa-comments" aria-hidden="true"></i> Responder Ficha Entrevista Tecnica</a>
                                                                                        @endisset
                                                                                    @endif
                                                                                </div>
                                                                            </div>
                                                                        @elseif($cargo->solicitudDeReclutamiento->estado == 'Aprobado' && $postulante->estado == 'Descartado' && isset($postulante->fecha_entrevista_tecnica))
                                                                            @if (isset($postulante->fichaRespondida))
                                                                                <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="{{ route('ficha-entrevista-tecnica.show-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-comments" aria-hidden="true"></i> Detalle Ficha Entrevista Tecnica Respondida</a>
                                                                                            <a class="dropdown-item" href="{{ route('ficha-entrevista-tecnica.descargar-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-file-excel"></i> Descargar Ficha Entrevista Tecnica</a>
                                                                                    </div>
                                                                                </div>
                                                                            @endif
                                                                        @endif    
                                                                    @endif
                                                                </td>
                                                                @if (isset($postulante->dias_atraso_establecer_fecha_entrevista_tecnica ))
                                                                    <td>{{ $postulante->dias_atraso_establecer_fecha_entrevista_tecnica  }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->fecha_entrevista_tecnica))
                                                                    <td>{{ fechaHoraConFormatoDeChile($postulante->fecha_entrevista_tecnica) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->fecha_responder_ficha_entrevista_tecnica))
                                                                    <td>{{ fechaConFormatoDeChile($postulante->fecha_responder_ficha_entrevista_tecnica) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->dias_atraso_responder_ficha_entrevista_tecnica ))
                                                                    <td>{{ $postulante->dias_atraso_responder_ficha_entrevista_tecnica }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->fichaRespondida))
                                                                    @if ($postulante->fichaRespondida->estimacion == 'Muy Satisfactorio' || $postulante->fichaRespondida->estimacion == 'Satisfactorio')
                                                                        <td style="font-weight: 700; color:#28a745;">{{ $postulante->fichaRespondida->porcentaje . '% ' . $postulante->fichaRespondida->estimacion }}</td>
                                                                    @elseif($postulante->fichaRespondida->estimacion == 'Regular')  
                                                                        <td style="font-weight: 700; color:#ffc107;">{{ $postulante->fichaRespondida->porcentaje . '% ' . $postulante->fichaRespondida->estimacion }}</td>  
                                                                    @elseif($postulante->fichaRespondida->estimacion == 'Muy Deficiente' || $postulante->fichaRespondida->estimacion == 'Deficiente')
                                                                        <td style="font-weight: 700; color:#dc3545;">{{ $postulante->fichaRespondida->porcentaje . '% ' . $postulante->fichaRespondida->estimacion }}</td>
                                                                    @endif
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->fichaRespondida))
                                                                    @if ($postulante->fichaRespondida->estimacion == 'Muy Satisfactorio' || $postulante->fichaRespondida->estimacion == 'Satisfactorio')
                                                                        <td><span class="badge badge-success">Aprobado</span></td>
                                                                    @elseif($postulante->fichaRespondida->estimacion == 'Regular')  
                                                                        <td><span class="badge badge-warning">Aprobado</span></td>  
                                                                    @elseif($postulante->fichaRespondida->estimacion == 'Muy Deficiente' || $postulante->fichaRespondida->estimacion == 'Deficiente')
                                                                        <td><span class="badge badge-danger">Rechazado</span></td>
                                                                    @endif
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                            </tr>
                                                        @endisset
                                                    @else
                                                        @isset($postulante->envioSondeo)  
                                                            <tr>
                                                                <td style="display: none;" class="id_postulante_tabla">{{ $postulante->id }}</td>
                                                                @if ($postulante->prioridad > 0)
                                                                    <td>{{ $postulante->prioridad . ' Prioridad' }}</td>
                                                                @else
                                                                    <td>Sin Prioridad</td>
                                                                @endif
                                                                <td class="tabla-check"></td>
                                                                <td>
                                                                    <div class="btn-group ">
                                                                        <button id="dropdownGrande" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>
                                                                        <div class="dropdown-menu">
                                                                            @if (count($postulante->enfermedades) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detalleEnfermedades('{{ $listadoEnfermedades }}','{{ $postulante->nombre }}')"><i class="fas fa-syringe" aria-hidden="true"></i> Enfermedades</a>
                                                                            @endif
        
                                                                            @if (count($postulante->partes) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detallePartes('{{ $listadoPartes }}','{{ $postulante->nombre }}')"><i class="fas fa-car-crash" aria-hidden="true"></i> Partes</a>
                                                                            @endif
        
                                                                            @if (count($postulante->estudios) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detalleEstudios('{{ $listadoEstudios }}','{{ $postulante->nombre }}')"><i class="fas fa-graduation-cap" aria-hidden="true"></i> Estudios</a>
                                                                            @endif
        
                                                                            @if (count($postulante->experiencias) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detalleExperiencias('{{ $listadoExperiencias }}','{{ $postulante->nombre }}')"><i class="fas fa-business-time" aria-hidden="true"></i> Experiencias</a>
                                                                            @endif
        
                                                                            @if (count($postulante->referencias) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detalleReferencias('{{ $listadoReferencias }}','{{ $postulante->nombre }}')"><i class="far fa-building" aria-hidden="true"></i> Referencias</a>
                                                                            @endif
        
                                                                            @if (count($postulante->conflictoInteres) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detalleConflictoInteres('{{ $listadoConflictoInteresEmpresaGuinez }}','{{ $listadoConflictoInteresEmpresaContratista }}','{{ $listadoConflictoInteresInspeccionTecnica }}','{{ $postulante->nombre }}')"><i class="fas fa-exchange-alt" aria-hidden="true"></i> Conflictos Interes</a>
                                                                            @endif
        
                                                                            @if (count($postulante->archivos) > 0)
                                                                                <a class="dropdown-item" href="#" onclick="detalleArchivos('{{ $listadoArchivos }}','{{ $postulante->nombre }}')"><i class="fas fa-file" aria-hidden="true"></i> Archivos</a>
                                                                            @endif
        
                                                                            <a class="dropdown-item" href="{{ route('postulante.administracion-procesos', [$postulante->id]) }}"><i class="fas fa-bezier-curve" aria-hidden="true"></i> Seguimientos De Procesos</a>    
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                                <td>{{ $postulante->rut }}</td>
                                                                <td>{{ $postulante->nombre }}</td>
                                                                <td>{{ $postulante->correo }}</td>
                                                                <td>{{ $postulante->telefono }}</td>
                                                                <td>{{ $postulante->ciudad }}</td>
                                                                <td>
                                                                    @if ($postulante->referido == true)
                                                                        Si
                                                                    @else
                                                                        No
                                                                    @endif
                                                                </td>
                                                                <td>{{ $postulante->pretencion_renta_texto }}</td>
                                                                <td>{{ $postulante->licencia_conducir }}</td>
                                                                @if ($postulante->discapacidad == true)
                                                                    <td>Si</td>
                                                                @else
                                                                    <td>No</td>
                                                                @endif
                                                                <td>{{ $postulante->nombre_discapacidad }}</td>
                                                                <td>{{ $postulante->carnet_discapacidad }}</td>
                                                                <td>{{ $postulante->disponibilidad }}</td>
                                                                @if ($postulante->experiencia_general > 0)
                                                                    <td>{{ $postulante->experiencia_general }} Años</td>
                                                                @else
                                                                    <td>Sin Experiencia</td>
                                                                @endif
        
                                                                @if ($postulante->experiencia_especifica > 0)
                                                                    <td>{{ $postulante->experiencia_especifica }} Años</td>
                                                                @else
                                                                    <td>Sin Experiencia</td>
                                                                @endif
        
        
                                                                @if (isset($postulante->fecha_postulante_aceptado))
                                                                    <td>{{ fechaConFormatoDeChile($postulante->fecha_postulante_aceptado) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->dias_atraso_postulante_aceptado))
                                                                    <td>{{ $postulante->dias_atraso_postulante_aceptado }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->usuarioQueAceptoElPostulante))
                                                                    <td>{{ $postulante->usuarioQueAceptoElPostulante->name }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                <td>
                                                                    @isset($postulante->observacion_estado)
                                                                        <button type="button" onclick="verMotivoDelDescarte('{{ $postulante->observacion_estado }}','{{ $postulante->nombre }}')" class="btn btn-block btn-default"><i class="fas fa-eye" aria-hidden="true"></i></button>
                                                                    @endisset
                                                                </td>
                                                                <td>
                                                                    @if ($postulante->estado == 'Aceptado' || $postulante->estado == 'Pendiente')
                                                                        No Aplica
                                                                    @elseif($postulante->estado == 'Descartado')
                                                                        @if ($postulante->envio_carta_agredecimiento == true)
                                                                            Enviado
                                                                        @else
                                                                            No Enviado
                                                                        @endif
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    @switch($postulante->estado)
                                                                        @case('Descartado')
                                                                            <span class="badge badge-danger">{{ $postulante->estado }}</span>
                                                                        @break
        
                                                                        @case('Aceptado')
                                                                            <span class="badge badge-success">{{ $postulante->estado }}</span>
                                                                        @break
        
                                                                        @case('Pendiente')
                                                                            <span class="badge badge-secondary">{{ $postulante->estado }}</span>
                                                                        @break
                                                                    @endswitch
                                                                </td>
        
                                                                <td>
                                                                    @if ($cargo->solicitudDeReclutamiento->estado == 'Aprobado' && $postulante->estado == 'Aceptado'  && isset($postulante->fichaRespondida))
                                                                        <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="{{ route('ficha-entrevista-tecnica.show-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-comments" aria-hidden="true"></i> Detalle Ficha Entrevista Tecnica Respondida</a>
                                                                                <a class="dropdown-item" href="{{ route('ficha-entrevista-tecnica.descargar-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-file-excel"></i> Descargar Ficha Entrevista Tecnica</a>
                                                                            </div>
                                                                        </div>
                                                                    @elseif($cargo->solicitudDeReclutamiento->estado == 'Aprobado' && $postulante->estado == 'Descartado' && isset($postulante->fichaRespondida)) 
                                                                        <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="{{ route('ficha-entrevista-tecnica.show-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-comments" aria-hidden="true"></i> Detalle Ficha Entrevista Tecnica Respondida</a>
                                                                                <a class="dropdown-item" href="{{ route('ficha-entrevista-tecnica.descargar-ficha-respondida', [$postulante->id]) }}" target="_blank"><i class="fas fa-file-excel"></i> Descargar Ficha Entrevista Tecnica</a>
                                                                            </div>
                                                                        </div> 
                                                                    @endif
                                                                </td>
                                                                @if (isset($postulante->dias_atraso_establecer_fecha_entrevista_tecnica ))
                                                                    <td>{{ $postulante->dias_atraso_establecer_fecha_entrevista_tecnica  }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->fecha_entrevista_tecnica))
                                                                    <td>{{ fechaHoraConFormatoDeChile($postulante->fecha_entrevista_tecnica) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->fecha_responder_ficha_entrevista_tecnica))
                                                                    <td>{{ fechaConFormatoDeChile($postulante->fecha_responder_ficha_entrevista_tecnica) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->dias_atraso_responder_ficha_entrevista_tecnica ))
                                                                    <td>{{ $postulante->dias_atraso_responder_ficha_entrevista_tecnica }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->fichaRespondida))
                                                                    @if ($postulante->fichaRespondida->estimacion == 'Muy Satisfactorio' || $postulante->fichaRespondida->estimacion == 'Satisfactorio')
                                                                        <td style="font-weight: 700; color:#28a745;">{{ $postulante->fichaRespondida->porcentaje . '% ' . $postulante->fichaRespondida->estimacion }}</td>
                                                                    @elseif($postulante->fichaRespondida->estimacion == 'Regular')  
                                                                        <td style="font-weight: 700; color:#ffc107;">{{ $postulante->fichaRespondida->porcentaje . '% ' . $postulante->fichaRespondida->estimacion }}</td>  
                                                                    @elseif($postulante->fichaRespondida->estimacion == 'Muy Deficiente' || $postulante->fichaRespondida->estimacion == 'Deficiente')
                                                                        <td style="font-weight: 700; color:#dc3545;">{{ $postulante->fichaRespondida->porcentaje . '% ' . $postulante->fichaRespondida->estimacion }}</td>
                                                                    @endif
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->fichaRespondida))
                                                                    @if ($postulante->fichaRespondida->estimacion == 'Muy Satisfactorio' || $postulante->fichaRespondida->estimacion == 'Satisfactorio')
                                                                        <td><span class="badge badge-success">Aprobado</span></td>
                                                                    @elseif($postulante->fichaRespondida->estimacion == 'Regular')  
                                                                        <td><span class="badge badge-warning">Aprobado</span></td>  
                                                                    @elseif($postulante->fichaRespondida->estimacion == 'Muy Deficiente' || $postulante->fichaRespondida->estimacion == 'Deficiente')
                                                                        <td><span class="badge badge-danger">Rechazado</span></td>
                                                                    @endif
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                            </tr>
                                                        @endisset
                                                    @endif
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

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

                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-postulantes-documentos">
                                            <thead>
                                                <tr>
                                                    <th colspan="4" class="text-center">DATOS POSTULANTES</th>
                                                    @if (Gate::check('postulante.edit') || Gate::check('postulante.destroy') || Gate::check('postulante.create') || Gate::check('postulante.index-carpeta-documentos-postulantes'))
                                                        <th colspan="3" class="text-center">DATOS DE FORMALIZACIÓN</th>
                                                    @else
                                                        <th colspan="2" class="text-center">DATOS DE FORMALIZACIÓN</th>
                                                    @endif
                                                    <th colspan="10" class="text-center">DATOS DE DOCUMENTOS/ACTIVIDADES</th>
                                                </tr>
                                                <tr role="row">
                                                    <th>Prioridad</th>
                                                    <th>Coordinación De Documentos/Actividades</th>
                                                    <th>Rut Postulante</th>
                                                    <th>Nombre Postulante</th>

                                                    @if (Gate::check('postulante.edit') || Gate::check('postulante.destroy') || Gate::check('postulante.create') || Gate::check('postulante.edit-referencia') || Gate::check('postulante.index-carpeta-documentos-postulantes') || Gate::check('postulante.index-carpeta-documentos-postulantes') || Gate::check('postulante.editar-carpeta-documentos-postulantes'))
                                                        <th>Acciones De Formalización</th>
                                                    @endif
                                                    <th>Fecha De Formalización</th>
                                                    <th>Observación De Formalización</th>

                                                    <th>Acciones Documentos/Actividades</th>
                                                    <th>Fecha Documentos/Actividades</th>
                                                    <th>Días De Proceso Documentos/Actividades</th>
                                                    <th>Fecha Envio Carpeta</th>
                                                    <th>Días De Proceso Envio Carpeta</th>
                                                    <th>Fecha Aprobación/Rechazo Carpeta</th>
                                                    <th>Días De Proceso Aprobación/Rechazo Carpeta</th>
                                                    <th>Avances Documentos</th>
                                                    <th>Avances Actividades</th>
                                                    <th>Estado Carpeta</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroPostualntesStatus">
                                                @foreach ($cargo->postulantes as $postulante)
                                                    @php
                                                        $documentos = $postulante->carpetaDeDocumentos->detalleDocumentosRequeridos;
                                                        $cantidadDocumentos = 0;
                                                        $cantidadDocumentosEntregado = 0;
                                                        $cantidadDocumentosNoEntregado = 0;
                                                        foreach ($documentosRequeridos as $documentosReq) {
                                                            if ($documentosReq->tipo_documento == 'Documento') {
                                                                $detalleDocumentoEntregado = false;
                                                                $cantidadDocumentos++;
                                                                foreach ($documentos as $documento) {
                                                                    if ($documento->documentoPostulante->id == $documentosReq->id) {
                                                                        if ($documento->estado == 'Entregado') {
                                                                            $detalleDocumentoEntregado = true;
                                                                        }
                                                                    }
                                                                }
                                                        
                                                                if ($detalleDocumentoEntregado == true) {
                                                                    $cantidadDocumentosEntregado++;
                                                                } else {
                                                                    $cantidadDocumentosNoEntregado++;
                                                                }
                                                            }
                                                        }
                                                        
                                                        if ($cantidadDocumentosEntregado > 0) {
                                                            $porcentaje = $cantidadDocumentosEntregado / $cantidadDocumentos;
                                                        } else {
                                                            $porcentaje = 0;
                                                        }
                                                        
                                                        $porcentaje = $porcentaje * 100;
                                                        $barraDeProgresoDocumento = '';
                                                        
                                                        if ($cantidadDocumentos == $cantidadDocumentosEntregado) {
                                                            $barraDeProgresoDocumento = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentaje . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadDocumentosEntregado . '/' . $cantidadDocumentos . '</span></div>';
                                                        } elseif ($cantidadDocumentosEntregado > 0) {
                                                            $barraDeProgresoDocumento = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentaje . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadDocumentosEntregado . '/' . $cantidadDocumentos . '</span></div>';
                                                        } else {
                                                            $barraDeProgresoDocumento = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentaje . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadDocumentosEntregado . '/' . $cantidadDocumentos . '</span></div>';
                                                        }
                                                        
                                                        $actividades = $postulante->carpetaDeDocumentos->detalleDocumentosRequeridos;
                                                        $cantidadActividades = 0;
                                                        $cantidadActividadesApto = 0;
                                                        $cantidadActividadesNoApto = 0;
                                                        foreach ($documentosRequeridos as $documentosReq) {
                                                            if ($documentosReq->tipo_documento == 'Actividad') {
                                                                $detalleActividadApto = false;
                                                                $cantidadActividades++;
                                                                foreach ($actividades as $actividad) {
                                                                    if ($actividad->documentoPostulante->id == $documentosReq->id) {
                                                                        if ($actividad->estado == 'Apto' || $actividad->estado == 'Apto c/observaciones') {
                                                                            $detalleActividadApto = true;
                                                                        }
                                                                    }
                                                                }
                                                        
                                                                if ($detalleActividadApto == true) {
                                                                    $cantidadActividadesApto++;
                                                                } else {
                                                                    $cantidadActividadesNoApto++;
                                                                }
                                                            }
                                                        }
                                                        
                                                        if ($cantidadActividadesApto > 0) {
                                                            $porcentaje = $cantidadActividadesApto / $cantidadActividades;
                                                        } else {
                                                            $porcentaje = 0;
                                                        }
                                                        
                                                        $porcentaje = $porcentaje * 100;
                                                        $barraDeProgresoActividad = '';
                                                        
                                                        if ($cantidadActividades == $cantidadActividadesApto) {
                                                            $barraDeProgresoActividad = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentaje . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadActividadesApto . '/' . $cantidadActividades . '</span></div>';
                                                        } elseif ($cantidadActividadesApto > 0) {
                                                            $barraDeProgresoActividad = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentaje . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadActividadesApto . '/' . $cantidadActividades . '</span></div>';
                                                        } else {
                                                            $barraDeProgresoActividad = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentaje . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadActividadesApto . '/' . $cantidadActividades . '</span></div>';
                                                        }
                                                    @endphp
                                                    @if (Gate::check('postulante.edit') || Gate::check('postulante.destroy') || Gate::check('postulante.create') || Gate::check('postulante.edit-referencia') || Gate::check('postulante.index-carpeta-documentos-postulantes') || Gate::check('postulante.index-carpeta-documentos-postulantes') || Gate::check('postulante.editar-carpeta-documentos-postulantes'))
                                                        <tr>
                                                            <td style="display: none;" class="id_postulante_tabla">{{ $postulante->id }}</td>
                                                            @if ($postulante->prioridad > 0)
                                                                <td>{{ $postulante->prioridad . ' Prioridad' }}</td>
                                                            @else
                                                                <td>Sin Prioridad</td>
                                                            @endif
                                                            @if ($postulante->estado == 'Descartado')
                                                                <td>Rechazado</td>
                                                            @else
                                                                <td>{{ $postulante->estado_coordinacion }}</td>
                                                            @endif
                                                            <td>{{ $postulante->rut }}</td>
                                                            <td>{{ $postulante->nombre }}</td>
                                                            <td>
                                                                @isset($cargo->solicitudDeReclutamiento->responsableSondeo)
                                                                    @if (isset($postulante->fichaRespondida) && $postulante->estado == 'Aceptado' && Gate::check('postulante.edit')  && $postulante->estado_cierre == 'Abierta' && $postulante->estado_coordinacion=="Coordinado")
                                                                        <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">
                                                                                @if (isset($postulante->fecha_formalizacion))
                                                                                    <a class="dropdown-item" href="#" onclick="abrirModalEstablecerFechaObservacionDeFormalizacion(this.parentElement.parentElement.parentElement.parentElement,'{{ $postulante->nombre }}')"><i class="fas fa-calendar-day" aria-hidden="true"></i> Cambiar Fecha Y Observación De Formalización</a>
                                                                                @else
                                                                                    <a class="dropdown-item" href="#" onclick="abrirModalEstablecerFechaObservacionDeFormalizacion(this.parentElement.parentElement.parentElement.parentElement,'{{ $postulante->nombre }}')"><i class="fas fa-calendar-day" aria-hidden="true"></i> Establecer Fecha Y Observación De Formalización</a>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                @endisset
                                                            </td>
                                                            @if (isset($postulante->fecha_formalizacion))
                                                                <td>{{ fechaHoraConFormatoDeChile($postulante->fecha_formalizacion) }}</td>
                                                            @else    
                                                                <td></td>
                                                            @endif
                                                            <td>
                                                                @isset($postulante->observacion_formalizacion)
                                                                    <button type="button" onclick="verObservacionFormalizacion('{{ $postulante->observacion_formalizacion }}','{{ $postulante->nombre }}')" class="btn btn-block btn-default"><i class="fas fa-eye" aria-hidden="true"></i></button>
                                                                @endisset
                                                            </td>
                                                            <td>
                                                                @isset($cargo->solicitudDeReclutamiento->responsableDocumentacion)
                                                                    @if (isset($postulante->fichaRespondida) && $postulante->estado == 'Aceptado' && Gate::check('postulante.index-carpeta-documentos-postulantes') && $postulante->estado_coordinacion=="Coordinado" && count($postulante->referencias) > 0)
                                                                        <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="{{ route('documento-postulante.show', [$postulante->id]) }}"><i class="fas fa-archive" aria-hidden="true"></i> Documentos Requeridos</a>
                                                                            </div>
                                                                        </div>
                                                                    @endif        
                                                                @endisset
                                                            </td>
                                                            @if (isset($postulante->fecha_acceso_checklist_documentacion))
                                                                    <td>{{ fechaConFormatoDeChile($postulante->fecha_acceso_checklist_documentacion) }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->dias_atraso_acceso_checklist_documentacion ))
                                                                <td>{{$postulante->dias_atraso_acceso_checklist_documentacion  }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->fecha_envio_carpeta))
                                                                <td>{{ fechaConFormatoDeChile($postulante->fecha_envio_carpeta) }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->dias_atraso_envio_carpeta))
                                                                <td>{{ $postulante->dias_atraso_envio_carpeta }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->fecha_aprobacion_carpeta))
                                                                <td>{{ fechaConFormatoDeChile($postulante->fecha_aprobacion_carpeta) }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->dias_atraso_aprobacion_carpeta))
                                                                <td>{{ $postulante->dias_atraso_aprobacion_carpeta }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            <td>{!! $barraDeProgresoDocumento !!}</td>
                                                            <td>{!! $barraDeProgresoActividad !!}</td>
                                                            <td>
                                                                @switch($postulante->carpetaDeDocumentos->estado_carpeta)
                                                                    @case('Rechazado')
                                                                        <span class="badge badge-danger">{{ $postulante->carpetaDeDocumentos->estado_carpeta }}</span>
                                                                    @break
    
                                                                    @case('Aprobado')
                                                                        <span class="badge badge-success">{{ $postulante->carpetaDeDocumentos->estado_carpeta }}</span>
                                                                    @break
    
                                                                    @case('Pendiente')
                                                                        <span class="badge badge-secondary">{{ $postulante->carpetaDeDocumentos->estado_carpeta }}</span>
                                                                    @break
                                                                @endswitch
                                                            </td>
                                                        </tr>
                                                    @elseif($cargo->solicitudDeReclutamiento->id_usuario == auth()->user()->id)
                                                        @isset($postulante->envioSondeo) 
                                                            <tr>
                                                                <td style="display: none;" class="id_postulante_tabla">{{ $postulante->id }}</td>
                                                                @if ($postulante->prioridad > 0)
                                                                    <td>{{ $postulante->prioridad . ' Prioridad' }}</td>
                                                                @else
                                                                    <td>Sin Prioridad</td>
                                                                @endif
                                                                @if ($postulante->estado == 'Descartado')
                                                                    <td>Rechazado</td>
                                                                @else
                                                                    <td>{{ $postulante->estado_coordinacion }}</td>
                                                                @endif
                                                                <td>{{ $postulante->rut }}</td>
                                                                <td>{{ $postulante->nombre }}</td>
                                                                @if (isset($postulante->fecha_formalizacion))
                                                                    <td>{{ fechaHoraConFormatoDeChile($postulante->fecha_formalizacion) }}</td>
                                                                @else    
                                                                    <td></td>
                                                                @endif
                                                                <td>
                                                                    @isset($postulante->observacion_formalizacion)
                                                                        <button type="button" onclick="verObservacionFormalizacion('{{ $postulante->observacion_formalizacion }}','{{ $postulante->nombre }}')" class="btn btn-block btn-default"><i class="fas fa-eye" aria-hidden="true"></i></button>
                                                                    @endisset
                                                                </td>
                                                                <td>
                                                                    @if ($postulante->estado == 'Aceptado')
                                                                        <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="{{ route('documento-postulante.show', [$postulante->id]) }}"><i class="fas fa-archive" aria-hidden="true"></i> Documentos Requeridos</a>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                </td>
                                                                @if (isset($postulante->fecha_acceso_checklist_documentacion))
                                                                    <td>{{ fechaConFormatoDeChile($postulante->fecha_acceso_checklist_documentacion) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->dias_atraso_acceso_checklist_documentacion ))
                                                                    <td>{{$postulante->dias_atraso_acceso_checklist_documentacion  }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->fecha_envio_carpeta))
                                                                    <td>{{ fechaConFormatoDeChile($postulante->fecha_envio_carpeta) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->dias_atraso_envio_carpeta))
                                                                    <td>{{ $postulante->dias_atraso_envio_carpeta }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->fecha_aprobacion_carpeta))
                                                                    <td>{{ fechaConFormatoDeChile($postulante->fecha_aprobacion_carpeta) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->dias_atraso_aprobacion_carpeta))
                                                                    <td>{{ $postulante->dias_atraso_aprobacion_carpeta }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                <td>{!! $barraDeProgresoDocumento !!}</td>
                                                                <td>{!! $barraDeProgresoActividad !!}</td>
                                                                <td>
                                                                    @switch($postulante->carpetaDeDocumentos->estado_carpeta)
                                                                        @case('Rechazado')
                                                                            <span class="badge badge-danger">{{ $postulante->carpetaDeDocumentos->estado_carpeta }}</span>
                                                                        @break      
                                                                        @case('Aprobado')
                                                                            <span class="badge badge-success">{{ $postulante->carpetaDeDocumentos->estado_carpeta }}</span>
                                                                        @break
                                                                        @case('Pendiente')
                                                                            <span class="badge badge-secondary">{{ $postulante->carpetaDeDocumentos->estado_carpeta }}</span>
                                                                        @break
                                                                    @endswitch
                                                                </td>
                                                            </tr>
                                                        @endisset
                                                    @else
                                                        @isset($postulante->envioSondeo) 
                                                            <tr>
                                                                <td style="display: none;" class="id_postulante_tabla">{{ $postulante->id }}</td>
                                                                @if ($postulante->prioridad > 0)
                                                                    <td>{{ $postulante->prioridad . ' Prioridad' }}</td>
                                                                @else
                                                                    <td>Sin Prioridad</td>
                                                                @endif
                                                                @if ($postulante->estado == 'Descartado')
                                                                    <td>Rechazado</td>
                                                                @else
                                                                    <td>{{ $postulante->estado_coordinacion }}</td>
                                                                @endif
                                                                <td>{{ $postulante->rut }}</td>
                                                                <td>{{ $postulante->nombre }}</td>
                                                                @if (isset($postulante->fecha_formalizacion))
                                                                    <td>{{ fechaHoraConFormatoDeChile($postulante->fecha_formalizacion) }}</td>
                                                                @else    
                                                                    <td></td>
                                                                @endif
                                                                <td>
                                                                    @isset($postulante->observacion_formalizacion)
                                                                        <button type="button" onclick="verObservacionFormalizacion('{{ $postulante->observacion_formalizacion }}','{{ $postulante->nombre }}')" class="btn btn-block btn-default"><i class="fas fa-eye" aria-hidden="true"></i></button>
                                                                    @endisset
                                                                </td>
                                                                <td>
                                                                    @if ($postulante->estado == 'Aceptado')
                                                                        <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="{{ route('documento-postulante.show', [$postulante->id]) }}"><i class="fas fa-archive" aria-hidden="true"></i> Documentos Requeridos</a>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                </td>
                                                                @if (isset($postulante->fecha_acceso_checklist_documentacion))
                                                                        <td>{{ fechaConFormatoDeChile($postulante->fecha_acceso_checklist_documentacion) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->dias_atraso_acceso_checklist_documentacion ))
                                                                    <td>{{$postulante->dias_atraso_acceso_checklist_documentacion  }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->fecha_envio_carpeta))
                                                                    <td>{{ fechaConFormatoDeChile($postulante->fecha_envio_carpeta) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->dias_atraso_envio_carpeta))
                                                                    <td>{{ $postulante->dias_atraso_envio_carpeta }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->fecha_aprobacion_carpeta))
                                                                    <td>{{ fechaConFormatoDeChile($postulante->fecha_aprobacion_carpeta) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                @if (isset($postulante->dias_atraso_aprobacion_carpeta))
                                                                    <td>{{ $postulante->dias_atraso_aprobacion_carpeta }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                                <td>{!! $barraDeProgresoDocumento !!}</td>
                                                                <td>{!! $barraDeProgresoActividad !!}</td>
                                                                <td>
                                                                    @switch($postulante->carpetaDeDocumentos->estado_carpeta)
                                                                        @case('Rechazado')
                                                                            <span class="badge badge-danger">{{ $postulante->carpetaDeDocumentos->estado_carpeta }}</span>
                                                                        @break      
                                                                        @case('Aprobado')
                                                                            <span class="badge badge-success">{{ $postulante->carpetaDeDocumentos->estado_carpeta }}</span>
                                                                        @break
                                                                        @case('Pendiente')
                                                                            <span class="badge badge-secondary">{{ $postulante->carpetaDeDocumentos->estado_carpeta }}</span>
                                                                        @break
                                                                    @endswitch
                                                                </td>
                                                            </tr>
                                                        @endisset
                                                    @endif
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class=" card-footer">
                            @isset($cargo->solicitudDeReclutamiento->responsableSondeo)
                                @if ($cargo->solicitudDeReclutamiento->estado == 'Aprobado' && $cantidadDePostulanteSinSondeo > 0 && Gate::check('solicitud-reclutamiento.enviar-sondeo') && $cargo->solicitudDeReclutamiento->estado_cierre == 'Abierta')
                                    <button type="button" class="btn btn-aspen" onclick="enviarSondeo('{{ $cargo->id }}','{{ $cargo->cargo }}')"><i class="fas fa-share-square" style="margin-right: 2px;"></i> Enviar Sondeo </button>
                                @endif
                            @endisset

                            @if ($cargo->solicitudDeReclutamiento->estado == 'Aprobado' && $cargo->solicitudDeReclutamiento->estado_cierre == 'Abierta')
                                @if (Gate::check('postulante.create'))
                                    @isset($cargo->solicitudDeReclutamiento->responsableSondeo)
                                        <a role="button" class="btn btn-aspen" href="{{ route('postulante.create', $cargo->id) }}"><i class="fas fa-user-plus" style="margin-right: 2px;"></i> Crear Postulante </a>
                                    @endisset
                                @else
                                    @if ($cargo->solicitudDeReclutamiento->id_usuario == auth()->user()->id)
                                        @if ($cantidadDePostulantePendiente > 0)
                                            <button type="button" class="btn btn-success" onclick="aceptarVariosPostulantes()" id="botonAceptarVariosPostulantes"><i class="fas fa-user-check" style="margin-right: 2px;"></i> Aceptar Postulantes </button>
                                        @endif

                                        @if ($cantidadDePostulanteConSondeo > 0)
                                            <button type="button" class="btn btn-success" onclick="abrirModalPrioridadPostulantes()"><i class="fas fa-sort-amount-up-alt" style="margin-right: 2px;"></i> Establecer Prioridad De Postulantes </button>
                                        @endif

                                        @if ($cantidadDePostulanteConFichaEntrevistaTecnica > 0)
                                            <button type="button" class="btn btn-aspen" onclick="abrirModalCoordinacionPostulantes()"><i class="fas fa-stream" style="margin-right: 2px;"></i> Establecer Coordinación De Documentos/Actividades De Los Postulantes </button>
                                        @endif
                                    @endif
                                @endif
                            @endif

                            @if ($cargo->solicitudDeReclutamiento->estado_cierre == 'Abierta')
                                @if ($cargo->solicitudDeReclutamiento->estado == 'Pendiente')
                                    @if (Gate::check('solicitud-reclutamiento.aprobador-general'))
                                        <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="aprobarSolicitud()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud</button>
                                        <button type="button" class="btn btn-danger mt-1" onclick="abrirModalRechazoSolicitud()"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Solicitud</button>
                                        <button type="button" class="btn btn-info mt-1" onclick="abrirModalAnulacionSolicitud()"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Solicitud</button>
                                    @else
                                        @if ($usuarioPuedeAprobar == true)
                                            <a href="{{ route('solicitud-reclutamiento.edit', $cargo->solicitudDeReclutamiento) }}" role="button" class="btn btn-warning mt-1"><i class="fas fa-edit" aria-hidden="true"></i> Editar Solicitud</a>
                                            <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="aprobarSolicitud()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud</button>
                                            <button type="button" class="btn btn-danger mt-1" onclick="abrirModalRechazoSolicitud()"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Solicitud</button>
                                            <button type="button" class="btn btn-info mt-1" onclick="abrirModalAnulacionSolicitud()"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Solicitud</button>
                                        @endif
                                    @endif
                                @else
                                    @if ($cargo->solicitudDeReclutamiento->estado == 'Rechazado' && $cargo->solicitudDeReclutamiento->id_usuario == auth()->user()->id)
                                        <a href="{{ route('solicitud-reclutamiento.edit', $cargo->solicitudDeReclutamiento) }}" role="button" class="btn btn-warning mt-1"><i class="fas fa-edit" aria-hidden="true"></i> Editar Solicitud</a>
                                    @else
                                        @if ($cargo->solicitudDeReclutamiento->estado == 'Aprobado')
                                        @endif
                                    @endif
                                @endif

                                @if ($cargo->solicitudDeReclutamiento->estado == 'Aprobado')
                                    @if ($cargo->solicitudDeReclutamiento->centroCosto->sucursal == 'Antofagasta')
                                        @if (Gate::check('solicitud-reclutamiento.asignar-responsable-sondeo'))
                                            <button type="button" class="btn btn-info mt-1" id="botonAsignarResponsableSondeo" onclick="abrirModalAsignadorResponsableSondeo({{$cargo->solicitudDeReclutamiento->id_responsable_sondeo}})"><i class="fas fa-user-check" style="margin-right: 2px;"></i> Asignar Responsable De Sondeo</button>
                                        @endif
                                    @else
                                        @if (Gate::check('solicitud-reclutamiento.asignar-responsable-sondeo'))
                                            <button type="button" class="btn btn-info mt-1" id="botonAsignarResponsableSondeo" onclick="abrirModalAsignadorResponsableSondeo({{$cargo->solicitudDeReclutamiento->id_responsable_sondeo}})"><i class="fas fa-user-check" style="margin-right: 2px;"></i> Asignar Responsable De Sondeo</button>
                                        @endif
        
                                        @if (Gate::check('solicitud-reclutamiento.asignar-responsable-documentos'))
                                            <button type="button" class="btn btn-info mt-1" id="botonAsignarResponsableDocumentacion" onclick="abrirModalAsignadorResponsableDocumentacion({{$cargo->solicitudDeReclutamiento->id_responsable_documentacion}})"><i class="fas fa-user-check" style="margin-right: 2px;"></i> Asignar Responsable De Documentación</button>
                                        @endif
                                    @endif
                                @endif
                            @endif
                            <a href="{{ route('solicitud-reclutamiento.index') }}" 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 Estudio</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="modalReferencias" 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="tituloModalReferencias"></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>Empresa</th>
                                    <th>Cargo</th>
                                    <th>Tiempo De Experiencias En La Empresa</th>
                                    <th>Observación</th>
                                    <th>Estado</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalReferencias">
                            </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="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>

    <div class="modal fade" id="modalPrioridadPostulantes" 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">Establecer Prioridad De Los Postulantes</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 id="listapostulantePrioridad">
                        @php
                            $cantidadPrioridad = 0;
                        @endphp
                        @foreach ($cargo->postulantes as $postulante)
                            @if ($postulante->estado == 'Aceptado')
                                @isset($postulante->id_envio_sondeo)
                                    @php
                                        $cantidadPrioridad++;
                                    @endphp
                                    <div class="col-md-12 col-sm-12 col-12 prioridadPostulante" id="prioridad_postulante_{{ $postulante->id }}">
                                        <div class="info-box">
                                            @if (isset($postulante->prioridad))
                                                <span class="info-box-icon bg-success" style="font-weight: 700;">{{ $postulante->prioridad }}</span>
                                            @else
                                                <span class="info-box-icon bg-success" style="font-weight: 700;">{{ $cantidadPrioridad }}</span>
                                            @endif
                                            <div class="contenidoPrioridadPostulantes">
                                                <div class="info-box-content">
                                                    <span class="info-box-text">Nombre</span>
                                                    <span class="info-box-number">{{ $postulante->nombre }}</span>
                                                </div>

                                                <div class="info-box-content">
                                                    <span class="info-box-text">Telefono</span>
                                                    <span class="info-box-number">{{ $postulante->telefono }}</span>
                                                </div>

                                                <div class="info-box-content">
                                                    <span class="info-box-text">Correo</span>
                                                    <span class="info-box-number">{{ $postulante->correo }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endisset
                            @endif
                        @endforeach

                        @foreach ($cargo->postulantes as $postulante)
                            @if ($postulante->estado == 'Pendiente')
                                @isset($postulante->id_envio_sondeo)
                                    @php
                                        $cantidadPrioridad++;
                                    @endphp
                                    <div class="col-md-12 col-sm-12 col-12 prioridadPostulante" id="prioridad_postulante_{{ $postulante->id }}">
                                        <div class="info-box">
                                            @if (isset($postulante->prioridad))
                                                <span class="info-box-icon bg-success" style="font-weight: 700;">{{ $postulante->prioridad }}</span>
                                            @else
                                                <span class="info-box-icon bg-success" style="font-weight: 700;">{{ $cantidadPrioridad }}</span>
                                            @endif
                                            <div class="contenidoPrioridadPostulantes">
                                                <div class="info-box-content">
                                                    <span class="info-box-text">Nombre</span>
                                                    <span class="info-box-number">{{ $postulante->nombre }}</span>
                                                </div>

                                                <div class="info-box-content">
                                                    <span class="info-box-text">Telefono</span>
                                                    <span class="info-box-number">{{ $postulante->telefono }}</span>
                                                </div>

                                                <div class="info-box-content">
                                                    <span class="info-box-text">Correo</span>
                                                    <span class="info-box-number">{{ $postulante->correo }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endisset
                            @endif
                        @endforeach
                    </div>

                    <div>
                        @foreach ($cargo->postulantes as $postulante)
                            @if ($postulante->estado == 'Descartado')
                                @isset($postulante->id_envio_sondeo)
                                    @php
                                        $cantidadPrioridad++;
                                    @endphp
                                    <div class="col-md-12 col-sm-12 col-12 prioridadPostulante" id="prioridad_postulante_{{ $postulante->id }}">
                                        <div class="info-box">
                                            @if (isset($postulante->prioridad))
                                                <span class="info-box-icon bg-danger" style="font-weight: 700;">{{ $postulante->prioridad }}</span>
                                            @else
                                                <span class="info-box-icon bg-danger" style="font-weight: 700;">{{ $cantidadPrioridad }}</span>
                                            @endif
                                            <div class="contenidoPrioridadPostulantes">
                                                <div class="info-box-content">
                                                    <span class="info-box-text">Nombre</span>
                                                    <span class="info-box-number">{{ $postulante->nombre }}</span>
                                                </div>

                                                <div class="info-box-content">
                                                    <span class="info-box-text">Telefono</span>
                                                    <span class="info-box-number">{{ $postulante->telefono }}</span>
                                                </div>

                                                <div class="info-box-content">
                                                    <span class="info-box-text">Correo</span>
                                                    <span class="info-box-number">{{ $postulante->correo }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endisset
                            @endif
                        @endforeach
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-aspen" id="botonEstablecerPrioridad" onclick="establecerPrioridad()">Establecer Prioridad</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalDescartePostulante" tabindex="-1" aria-labelledby="LabelRechazoRequisicion" aria-hidden="true">
        <form id="formularioModalDescartePostulante">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="LabelModalDescartePostulante"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Motivo Del Descarte</label>
                            <textarea class="form-control" id="descartePostulante" name="descartePostulante" rows="3"></textarea>
                            <div class="invalid-feedback" id="valicacionDescartePostulante">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" id="botonDescartePostulante">Descartar Postulante</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalVerDescartePostulante" tabindex="-1" aria-labelledby="LabelRechazoRequisicion" aria-hidden="true">
        <form id="formularioModalDescartePostulante">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="LabelModalVerDescartePostulante"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Motivo Del Descarte</label>
                            <textarea class="form-control" id="verDescartePostulante" name="verDescartePostulante" rows="3" readonly="true"></textarea>
                            <div class="invalid-feedback" id="valicacionVerDescartePostulante">

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

    <div class="modal fade" id="modalEstablecerNuevoHorarioEntrevistaTecnica" tabindex="-1" aria-labelledby="LabelRechazoRequisicion" aria-hidden="true">
        <form id="formularioModalEstablecerNuevoHorarioEntrevistaTecnica">
            @csrf
            <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="LabelModalEstablecerNuevoHorarioEntrevistaTecnica"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="cargo">Fecha</label>
                            <input type="date" class="form-control" id="fechaHorarioEntrevistaTecnica" name="fecha_horario_entrevista_tecnica">
                            <div class="invalid-feedback" id="valicacionCampoFechaHorarioEntrevistaTecnica">

                            </div>
                        </div>

                        <div class="form-group">
                            <label for="horaHorarioEntrevistaTecnica">Hora</label>
                            <div class="input-group clockpicker">
                                <input style="background-color: white;" type="text" class="form-control" id="horaHorarioEntrevistaTecnica" name="hora_horario_entrevista_tecnica" readonly="true">
                                <div class="input-group-append">
                                    <span class="input-group-text"><i class="fas fa-clock"></i></span>
                                </div>
                            </div>
                            <div class="invalid-feedback" id="valicacionCampoHoraHorarioEntrevistaTecnica">

                            </div>
                        </div>


                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-aspen" id="botonEstablecerNuevoHorarioEntrevistaTecnica" onclick="establecerNuevoHorarioDeEntrevistaTecnica()">Establecer Horario</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalSeleccionarFichaEntrevistaTecnica" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <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="tituloModalSeleccionarFichaEntrevistaTecnica">Listado De Artículos De La requisición </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">


                        <div class="table-responsive">
                            <table class="table" id="datatable-seleccion-ficha-entrevista-tecnica" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th style="display:none;">Id Ficha</th>
                                        <th>#</th>
                                        <th>Nombre Ficha</th>
                                        <th>Fecha Que Se Genero La Ficha</th>
                                    </tr>
                                </thead>
                                <tbody id="tabla-seleccion-ficha-entrevista-tecnica">
                                    @php
                                        $cantidadSeleccionFicha = 0;
                                    @endphp
                                    @foreach ($cargo->solicitudDeReclutamiento->centroCosto->detalleFicha as $key => $detalleFicha)
                                        @php
                                            $cantidadSeleccionFicha++;
                                        @endphp
                                        <tr>
                                            <td>{{ $detalleFicha->fichaEntrevistaTecnica->id }}</td>
                                            <td>{{ $cantidadSeleccionFicha }}</td>
                                            <td>{{ $detalleFicha->fichaEntrevistaTecnica->nombre }}</td>
                                            <td>{{ fechaHoraConFormatoDeChile($detalleFicha->fichaEntrevistaTecnica->created_at) }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonModalSeleccionarFichaEntrevistaTecnica" onclick="responderFichaSeleccionada()">Seleccionar Ficha</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalCoordinacionPostulantes" 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">Status De Coordinación De Documentos</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">
                    <fieldset class="fieldset-color-gris" id="fieldsetCoordinacionPostulantesCoordinado" style="background-color:rgba(108,117,125,0.2);">
                        <legend class="titulo-fieldset-color-gris" id="legendCoordinacionPostulantesCoordinado">Coordinado</legend>
                        @foreach ($cargo->postulantes as $postulante)
                            @isset($postulante->id_envio_sondeo)
                                @if ($postulante->estado_coordinacion == 'Coordinado' && $postulante->estado == 'Aceptado')
                                    @if (count($postulante->carpetaDeDocumentos->detalleDocumentosRequeridos) > 0 || count($postulante->referencias) > 0)
                                        <div class="col-md-12 col-sm-12 col-12 coordinadoPostulante filtered" id="coordinado_postulante_{{ $postulante->id }}">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-success" style="font-weight: 700;"><i class="fas fa-check-double"></i></span>
                                                <div class="contenidoCoordinacionPostulantes">
                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Nombre</span>
                                                        <span class="info-box-number">{{ $postulante->nombre }}</span>
                                                    </div>

                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Telefono</span>
                                                        <span class="info-box-number">{{ $postulante->telefono }}</span>
                                                    </div>

                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Correo</span>
                                                        <span class="info-box-number">{{ $postulante->correo }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        <div class="col-md-12 col-sm-12 col-12 coordinadoPostulante" id="coordinado_postulante_{{ $postulante->id }}">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-success" style="font-weight: 700;"><i class="fas fa-check-double"></i></span>
                                                <div class="contenidoCoordinacionPostulantes">
                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Nombre</span>
                                                        <span class="info-box-number">{{ $postulante->nombre }}</span>
                                                    </div>

                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Telefono</span>
                                                        <span class="info-box-number">{{ $postulante->telefono }}</span>
                                                    </div>

                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Correo</span>
                                                        <span class="info-box-number">{{ $postulante->correo }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                @endif
                            @endisset
                        @endforeach
                    </fieldset>

                    <fieldset class="fieldset-color-gris" id="fieldsetCoordinacionPostulantesPendiente" style="background-color:rgba(108,117,125,0.2);">
                        <legend class="titulo-fieldset-color-gris" id="legendCoordinacionPostulantesPendiente">Pendiente</legend>
                        @foreach ($cargo->postulantes as $postulante)
                            @isset($postulante->id_envio_sondeo)
                                @if ($postulante->estado_coordinacion == 'Pendiente' && $postulante->estado == 'Aceptado')
                                    @isset($postulante->fichaRespondida)
                                        <div class="col-md-12 col-sm-12 col-12 coordinadoPostulante" id="coordinado_postulante_{{ $postulante->id }}">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-secondary" style="font-weight: 700;"><i class="fas fa-stopwatch"></i></span>
                                                <div class="contenidoCoordinacionPostulantes">
                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Nombre</span>
                                                        <span class="info-box-number">{{ $postulante->nombre }}</span>
                                                    </div>
    
                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Telefono</span>
                                                        <span class="info-box-number">{{ $postulante->telefono }}</span>
                                                    </div>
    
                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Correo</span>
                                                        <span class="info-box-number">{{ $postulante->correo }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endisset
                                @endif
                            @endisset
                        @endforeach
                    </fieldset>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-aspen" id="botonEstablecerCoordinacion" onclick="establecerCoodinacion()">Guardar Información</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalVerObservacionFormalizacion" tabindex="-1" aria-labelledby="LabelRechazoRequisicion" aria-hidden="true">
        <form id="formularioModalDescartePostulante">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="LabelModalVerObservacionFormalizacion"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Observación De Formalización</label>
                            <textarea class="form-control" id="verObservacionFormalizacion" name="verObservacionFormalizacione" rows="3" readonly="true"></textarea>
                            <div class="invalid-feedback" id="valicacionVerObservacionFormalizacion">

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

    <div class="modal fade" id="modalEstablecerFechaObservacionDeFormalizacion" tabindex="-1" aria-labelledby="LabelRechazoRequisicion" aria-hidden="true">
        <form id="formularioModalEstablecerFechaObservacionDeFormalizacion">
            @csrf
            <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="LabelModalEstablecerFechaObservacionDeFormalizacion"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="cargo">Fecha De Formalización</label>
                            <input type="date" class="form-control" id="fechaFormalizacion" name="fecha_formalizacion">
                            <div class="invalid-feedback" id="valicacionCampoFechaFormalizacion">

                            </div>
                        </div>

                        <div class="form-group">
                            <label>Observación De Formalización <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                            <textarea class="form-control" id="observacionFormalizacion" name="observacion_formalizacion" rows="3"></textarea>
                            <div class="invalid-feedback" id="valicacionObservacionFormalizacion">

                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-aspen" id="botonEstablecerFechaObservacionDeFormalizacion" onclick="">Establecer Fecha Y Observación De Formalización</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="RechazoDeSolicitud" tabindex="-1" aria-labelledby="LabelRechazoSolicitud" aria-hidden="true">
        <form id="formularioRechazoSolicitud">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="LabelRechazoSolicitud">Rechazar Solicitud De Reclutamiento</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Motivo Del Rechazo</label>
                            <textarea class="form-control" id="observacionRechazo" name="observacionRechazo" rows="3"></textarea>
                            <div class="invalid-feedback" id="valicacionObservacionRechazo">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" id="cerrarRechazoSolicitud">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonRechazado" onclick="rechazarSolicitud()">Rechazar Solicitud</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="AnularDeSolicitud" tabindex="-1" aria-labelledby="LabelAnularSolicitud" aria-hidden="true">
        <form id="formularioAnularSolicitud">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="LabelAnularSolicitud">Anular Solicitud De Reclutamiento</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Motivo De La Anulación</label>
                            <textarea class="form-control" id="observacionAnular" name="observacionAnular" rows="3"></textarea>
                            <div class="invalid-feedback" id="valicacionObservacionAnular">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" id="cerrarAnularSolicitud">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonAnulacion" onclick="anularSolicitud()">Anular Solicitud</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalPostulantesSondeos" 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="tituloModalPostulantesSondeos"></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>Nombre</th>
                                    <th>Correo</th>
                                    <th>Telefono</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalPostulantesSondeos">
                            </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="ModalAsignarResponsableSondeo" tabindex="-1" aria-labelledby="LabelAsignarRequisicion" aria-hidden="true">
        <form id="formularioResponsableSondeo">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        @if ($cargo->solicitudDeReclutamiento->centroCosto->sucursal == 'Antofagasta')
                            <h5 class="modal-title" id="LabelAsignarResponsableSondeo">Asignar Responsable</h5>
                        @else
                            <h5 class="modal-title" id="LabelAsignarResponsableSondeo">Asignar Responsable De Sondeo</h5>
                        @endif
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Usuario</label>
                            <select class="form-control listaDespegableConBuscador" id="usuarioAsignadoResponsableSondeo" name="usuario_asignado" data-live-search="true">
                                <option value="">--Seleccionar Usuario--</option>
                                @foreach ($listadoDeUsuariosResponsableSondeo as $usuarioSondeo)
                                    @if (old('usuario_asignado', $cargo->solicitudDeReclutamiento->id_responsable_sondeo) == $usuarioSondeo->id)
                                        <option selected value="{{ $usuarioSondeo->id }}">{{ $usuarioSondeo->name }}</option>
                                    @else
                                        <option value="{{ $usuarioSondeo->id }}">{{ $usuarioSondeo->name }}</option>
                                    @endif
                                @endforeach
                            </select>
                            <div class="invalid-feedback" id="validarUsuarioAsignadoResponsableSondeo">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        @if ($cargo->solicitudDeReclutamiento->centroCosto->sucursal == 'Antofagasta')
                            <button type="button" class="btn btn-aspen" id="botonAsignadorResponsableSondeo" onclick="asignarResponsableSondeo('{{ $cargo->solicitudDeReclutamiento->centroCosto->sucursal }}')">Asignar Responsable</button>
                        @else
                            <button type="button" class="btn btn-aspen" id="botonAsignadorResponsableSondeo" onclick="asignarResponsableSondeo('{{ $cargo->solicitudDeReclutamiento->centroCosto->sucursal }}')">Asignar Responsable De Sondeo</button>
                        @endif
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="ModalAsignarResponsableDocumentacion" tabindex="-1" aria-labelledby="LabelAsignarRequisicion" aria-hidden="true">
        <form id="formularioResponsableDocumentacion">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="LabelAsignarResponsableSondeo">Asignar Responsable De Documentación</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Usuario</label>
                            <select class="form-control listaDespegableConBuscador" id="usuarioAsignadoResponsableDocumentacion" name="usuario_asignado" data-live-search="true">
                                <option value="">--Seleccionar Usuario--</option>
                                @foreach ($listadoDeUsuariosResponsableDocumentacion as $usuario)
                                    @if (old('usuario_asignado', $cargo->solicitudDeReclutamiento->id_responsable_documentacion) == $usuario->id)
                                        <option selected value="{{ $usuario->id }}">{{ $usuario->name }}</option>
                                    @else
                                        <option value="{{ $usuario->id }}">{{ $usuario->name }}</option>
                                    @endif
                                @endforeach
                            </select>
                            <div class="invalid-feedback" id="validarUsuarioAsignadoResponsableDocumentacion">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonAsignadorResponsableDocumentacion" onclick="asignarResponsableSondeoDocumentacion()">Asignar Responsable De Documentación</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@stop

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

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <style>
        .fieldset-color-gris {
            border: 1px solid rgba(108, 117, 125, 0.2);
            padding: 10px;
            margin-bottom: 10px;
        }

        .titulo-fieldset-color-gris {
            font-size: 18px;
            font-weight: 700;
            color: #414549;
            display: inline;
            width: inherit;
            max-width: inherit;
        }

        .contenidoLink {
            display: grid;
            grid-template-columns: 85% 15%;
            grid-column-gap: 10px;
        }

        .fila-verde-claro {
            background-color: #74c687;
        }

        .contenidoPrioridadPostulantes {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-column-gap: 10px;
        }

        .contenidoCoordinacionPostulantes {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-column-gap: 10px;
        }

        #listapostulantePrioridad .prioridadPostulante {
            cursor: pointer;
        }

        #listapostulantePrioridad .prioridadPostulante.seleccionado {
            transform: scale(1.02) rotate(-1deg);
            box-shadow: 0px 9px 20px rgba(149, 153, 159, .16);
        }

        #listapostulantePrioridad .prioridadPostulante.seleccionado .info-box {
            background: #ccc;
        }

        .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>
        function selecionarTodasLosItems(checkbox){
            if(checkbox.checked == true){
                var todosCheckBocSeleccionArticuloOc=document.querySelectorAll(".checkbox-seleccion-item");
                todosCheckBocSeleccionArticuloOc.forEach(articuloOc=>{
                    articuloOc.checked = true;
                });
            }else if(checkbox.checked == false){
                var todosCheckBocSeleccionArticuloOc=document.querySelectorAll(".checkbox-seleccion-item");
                todosCheckBocSeleccionArticuloOc.forEach(articuloOc=>{
                    articuloOc.checked = false;
                });
            }
        }
    </script>


    <script>
        var datatableSeleccionFicha = $("#datatable-seleccion-ficha-entrevista-tecnica").DataTable({
            columnDefs: [{
                "targets": [0],
                "visible": true,
                "searchable": false,
                "className": "hide_column"
            }, ],
            select: {
                style: 'single'
            },
            orderCellsTop: true,
            //fixedHeader: true,
            lengthMenu: [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "Todos"],
            ],
            language: {
                processing: "Cargando Registros...",
                search: "Buscar",
                lengthMenu: "Mostrar_MENU_ Registros",
                info: "Mostrar desde _START_ hasta _END_ de _TOTAL_ registros",
                infoEmpty: "Opcion no disponible",
                infoFiltered: "",
                infoPostFix: "",
                loadingRecords: "Cargandos registros.",
                zeroRecords: "No hay datos disponibles en la tabla",
                emptyTable: "No hay datos disponibles en la tabla",
                paginate: {
                    first: "Primero",
                    previous: "Anterior",
                    next: "Siguiente",
                    last: "Ultimo",
                },
            },
            dom: "<'row'<'col-sm-4'l><'col-sm-4 d-flex justify-content-center' ><'col-sm-4'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-6'i><'col-sm-6'p>>"
        });

        $("#datatable-seleccion-ficha-entrevista-tecnica thead tr").clone(true).appendTo("#datatable-seleccion-ficha-entrevista-tecnica thead");

        $("#datatable-seleccion-ficha-entrevista-tecnica thead tr:eq(1) th").each(function(i) {
            var title = $(this).text(); //es el nombre de la columna
            if (title != "Acción" && title != "Selección") {
                $(this).html(
                    '<input class="form-control" type="text" placeholder="Buscar ' + title + '" />'
                );
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
                $(this).unbind();
                $(this).parent().attr('id', 'searchColumns');

                $("input", this).on("keyup change", function() {
                    if (datatableSeleccionFicha.column(i).search() !== this.value) {
                        datatableSeleccionFicha.column(i).search(this.value).draw();
                    }
                });
            } else {
                $(this).html("<div></div>");
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
            }
        });
    </script>

    <script>
        $('.table-responsive').on('show.bs.dropdown', function() {
            let elementoFocus = document.activeElement; //dropdownGrande
            if (elementoFocus.id == "dropdownGrande") {
                $('.table-responsive').css("overflow", "inherit")
            };
        });

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

        const listaPostulantes = document.getElementById("listapostulantePrioridad");
        new Sortable(listaPostulantes, {
            animation: 150,
            chosenClass: "seleccionado",
            onEnd: () => {
                let cantidadPrioridadPostulante = 0;
                let prioridadPostulantes = document.getElementsByClassName("prioridadPostulante");
                for (let elemento of prioridadPostulantes) {
                    cantidadPrioridadPostulante++;
                    elemento.querySelector(".info-box-icon").innerHTML = cantidadPrioridadPostulante;
                }
            }
        });

        const fieldsetCoordinacionPostulantesCoordinado = document.getElementById("fieldsetCoordinacionPostulantesCoordinado");
        const fieldsetCoordinacionPostulantesPendiente = document.getElementById("fieldsetCoordinacionPostulantesPendiente");
        new Sortable(fieldsetCoordinacionPostulantesCoordinado, {
            group: 'coordinacion', // set both lists to same group
            animation: 150,
            chosenClass: "seleccionado",
            filter: '.filtered',
            onEnd: () => {
                let coordinadoPostulanteCoordinado = fieldsetCoordinacionPostulantesCoordinado.querySelectorAll(".coordinadoPostulante");
                for (let elemento of coordinadoPostulanteCoordinado) {
                    elemento.querySelector(".info-box-icon").setAttribute("class", "info-box-icon bg-success");
                    elemento.querySelector(".info-box-icon").innerHTML = '<i class="fas fa-check-double"></i>';
                }

                let coordinadoPostulantePendiente = fieldsetCoordinacionPostulantesPendiente.querySelectorAll(".coordinadoPostulante");
                for (let elemento of coordinadoPostulantePendiente) {
                    elemento.querySelector(".info-box-icon").setAttribute("class", "info-box-icon bg-secondary");
                    elemento.querySelector(".info-box-icon").innerHTML = '<i class="fas fa-stopwatch"></i>';
                }
            }
        });

        new Sortable(fieldsetCoordinacionPostulantesPendiente, {
            group: 'coordinacion',
            animation: 150,
            chosenClass: "seleccionado",
            onEnd: () => {
                let coordinadoPostulanteCoordinado = fieldsetCoordinacionPostulantesCoordinado.querySelectorAll(".coordinadoPostulante");
                for (let elemento of coordinadoPostulanteCoordinado) {
                    elemento.querySelector(".info-box-icon").setAttribute("class", "info-box-icon bg-success");
                    elemento.querySelector(".info-box-icon").innerHTML = '<i class="fas fa-check-double"></i>';
                }

                let coordinadoPostulantePendiente = fieldsetCoordinacionPostulantesPendiente.querySelectorAll(".coordinadoPostulante");
                for (let elemento of coordinadoPostulantePendiente) {
                    elemento.querySelector(".info-box-icon").setAttribute("class", "info-box-icon bg-secondary");
                    elemento.querySelector(".info-box-icon").innerHTML = '<i class="fas fa-stopwatch"></i>';
                }
            }
        });
    </script>

    <script>
        function detalleEnfermedades(enfermedades, postulante) {
            let listadoEnfermedades = JSON.parse(enfermedades);
            document.getElementById("registroModalEnfermedades").innerHTML = "";
            let cantidadEnfermedades = 0;
            listadoEnfermedades.forEach(enfermedad => {
                cantidadEnfermedades++;
                document.getElementById("registroModalEnfermedades").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-enfermedades">' + cantidadEnfermedades + '</td>' +
                    '<td class="tabla-modal-enfermedad-enfermedades">' + enfermedad.enfermedad + '</td>' +
                    '</tr>';
            });
            document.getElementById("tituloModalEnfermedades").innerHTML = "Enfermedades del postulante " + postulante;
            $("#modalEnfermedades").modal("show");
        }

        function detallePartes(partes, postulante) {
            let listadoPartes = JSON.parse(partes);
            document.getElementById("registroModalPartes").innerHTML = "";
            let cantidadPartes = 0;
            listadoPartes.forEach(parte => {
                cantidadPartes++;
                document.getElementById("registroModalPartes").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-partes">' + cantidadPartes + '</td>' +
                    '<td class="tabla-modal-parte-partes">' + parte.parte + '</td>' +
                    '</tr>';
            });
            document.getElementById("tituloModalPartes").innerHTML = "Partes del postulante " + postulante;
            $("#modalPartes").modal("show");
        }

        function detalleEstudios(estudios, postulante) {
            let listadoEstudios = JSON.parse(estudios);
            document.getElementById("registroModalEstudios").innerHTML = "";
            let cantidadEstudios = 0;
            listadoEstudios.forEach(estudio => {
                cantidadEstudios++;
                document.getElementById("registroModalEstudios").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-estudios">' + cantidadEstudios + '</td>' +
                    '<td class="tabla-modal-tipo-estudios">' + estudio.tipo + '</td>' +
                    '<td class="tabla-modal-estudio-estudios">' + estudio.estudio + '</td>' +
                    '<td class="tabla-modal-estado-estudio-estudios">' + estudio.estado + '</td>' +
                    '</tr>';
            });
            document.getElementById("tituloModalEstudios").innerHTML = "Estudios del postulante " + postulante;
            $("#modalEstudios").modal("show");
        }

        function detalleExperiencias(experiencias, postulante) {
            let listadoExperiencias = JSON.parse(experiencias);
            document.getElementById("registroModalExperiencia").innerHTML = "";
            let cantidadExperiencias = 0;
            listadoExperiencias.forEach(experiencia => {
                cantidadExperiencias++;
                document.getElementById("registroModalExperiencia").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-experiencias">' + cantidadExperiencias + '</td>' +
                    '<td class="tabla-modal-ano-experiencias">' + experiencia.ano + '</td>' +
                    '<td class="tabla-modal-cargo-experiencias">' + experiencia.cargo + '</td>' +
                    '<td class="tabla-modal-empresa-experiencias">' + experiencia.empresa + '</td>' +
                    '</tr>';
            });
            document.getElementById("tituloModalExperiencia").innerHTML = "Experiencias del postulante " + postulante;
            $("#modalExperiencia").modal("show");
        }

        function detalleReferencias(referencias, postulante) {
            let listadoReferencias = JSON.parse(referencias);
            document.getElementById("registroModalReferencias").innerHTML = "";
            let cantidadReferencias = 0;
            listadoReferencias.forEach(referencia => {
                cantidadReferencias++;

                estado = "";
                switch (referencia.estado) {
                    case "Buena Referencia":
                        estado = '<span class="badge badge-success">Buena Referencia</span>';
                        break;
                    case "Referencia Regular":
                        estado = '<span class="badge badge-secondary">Referencia Regular</span>';
                        break;
                    case "No Aplica":
                        estado = '<span class="badge badge-secondary">No Aplica</span>';
                        break;
                    case "Mala Referencia":
                        estado = '<span class="badge badge-danger">Mala Referencia</span>';
                        break;
                }

                document.getElementById("registroModalReferencias").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-referencias">' + cantidadReferencias + '</td>' +
                    '<td class="tabla-modal-empresa-referencias">' + referencia.empresa + '</td>' +
                    '<td class="tabla-modal-cargo-referencias">' + referencia.cargo + '</td>' +
                    '<td class="tabla-modal-ano_experiencia-referencias">' + referencia.ano_experiencia + '</td>' +
                    '<td class="tabla-modal-observacion-referencias">' + referencia.observacion + '</td>' +
                    '<td class="tabla-modal-estado-referencias">' + estado + '</td>' +
                    '</tr>';
            });
            document.getElementById("tituloModalReferencias").innerHTML = "Referencias del postulante " + postulante;
            $("#modalReferencias").modal("show");
        }

        function detalleArchivos(archivos, postulante) {
            let listadoArchivos = JSON.parse(archivos);
            document.getElementById("registroModalArchivos").innerHTML = "";
            listadoArchivos.forEach(archivo => {
                let extensionarchivo = archivo.extension;
                let urlDescarga = "{{ route('postulante.descargar-archivo', ':idArchivo') }}";
                urlDescarga = urlDescarga.replace(':idArchivo', archivo.id);
                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="visualizarArchivoRegistrado(\'' + archivo.nombre_Archivo + '\',\'' + extensionarchivo + '\',\'' + archivo.id_postulante + '\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                        '<a class="dropdown-item" href="' + urlDescarga + '" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar 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="' + urlDescarga + '" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar 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="' + urlDescarga + '" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "pdf") {
                    extensionarchivo = "PDF";
                    accionesRegistroDeArchivo =
                        '<a class="dropdown-item" href="#" onclick="visualizarArchivoRegistrado(\'' + archivo.nombre_Archivo + '\',\'' + extensionarchivo + '\',\'' + archivo.id_postulante + '\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                        '<a class="dropdown-item" href="' + urlDescarga + '" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "xlsx" || extensionarchivo.toLowerCase() == "xls") {
                    extensionarchivo = "OFFICE EXCEL";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="' + urlDescarga + '" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "pptx" || extensionarchivo.toLowerCase() == "ppt") {
                    extensionarchivo = "OFFICE POWER POINT";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="' + urlDescarga + '" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "docx" || extensionarchivo.toLowerCase() == "doc") {
                    extensionarchivo = "OFFICE WORD";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="' + urlDescarga + '" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>';
                } else if (extensionarchivo.toLowerCase() == "txt") {
                    extensionarchivo = "ARCHIVO DE TEXTO";
                    accionesRegistroDeArchivo =
                        '<a class="dropdown-item" href="#" onclick="visualizarArchivoRegistrado(\'' + archivo.nombre_Archivo + '\',\'' + extensionarchivo + '\',\'' + archivo.id_postulante + '\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                        '<a class="dropdown-item" href="' + urlDescarga + '" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar 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="' + urlDescarga + '" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>';
                } else {
                    extensionarchivo = "ARCHIVO DESCONOCIDO";
                    accionesRegistroDeArchivo = '<a class="dropdown-item" href="' + urlDescarga + '" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>';
                }

                document.getElementById("registroModalArchivos").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-modal-accion-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 +
                    '</div>' +
                    '</div>' +
                    '</td>' +
                    '<td class="tabla-modal-nombre-archivos">' + archivo.nombre_Archivo + '</td>' +
                    '<td class="tabla-modal-extension-archivos">' + extensionarchivo + '</td>' +
                    '</tr>';
            });
            document.getElementById("tituloModalArchivos").innerHTML = "Archivos del postulante " + postulante;
            $("#modalArchivos").modal("show");
        }

        function verMotivoDelDescarte(motivo, nombrePostulante) {
            document.getElementById("verDescartePostulante").value = motivo;
            document.getElementById("LabelModalVerDescartePostulante").innerHTML = "Descarte Del Postulante " + nombrePostulante;
            $("#modalVerDescartePostulante").modal("show");
        }

        function verObservacionFormalizacion(observacion, nombrePostulante) {
            document.getElementById("verObservacionFormalizacion").value = observacion;
            document.getElementById("LabelModalVerObservacionFormalizacion").innerHTML = "Observación De Formalización Del Postulante " + nombrePostulante;
            $("#modalVerObservacionFormalizacion").modal("show");
        }

        function detalleConflictoInteres(conflictoInteresEmpresaGuinez, conflictoInteresEmpresaContratista, conflictoInteresInspeccionTecnica, postulante) {
            document.getElementById("registroModalConflictoInteresEmpresaGuinez").innerHTML = "";
            document.getElementById("registroModalConflictoInteresEmpresaContratista").innerHTML = "";
            document.getElementById("registroModalConflictoInteresInspeccionTecnica").innerHTML = "";

            let listadoConflictoInteresEmpresaGuinez = JSON.parse(conflictoInteresEmpresaGuinez);
            let listadoConflictoInteresEmpresaContratista = JSON.parse(conflictoInteresEmpresaContratista);
            let listadoConflictoInteresInspeccionTecnica = JSON.parse(conflictoInteresInspeccionTecnica);
            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 " + postulante;
            $("#modalConflictoInteres").modal("show");
        }
    </script>

    <script>
        function visualizarArchivoRegistrado(archivo, tipo, idPostulante) {
            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");

            var rutaUrl = 'storage/postulantes/' + idPostulante + '/' + archivo;
            var url = '{{ asset('') }}';
            url = url + rutaUrl;
            console.log(rutaUrl)

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

                elementoImagen.setAttribute("src", url);
                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.toLowerCase() == "pdf") {
                var elementoImagen = document.createElement("iframe");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", url);
                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.toLowerCase() == "archivo de texto") {
                var elementoImagen = document.createElement("iframe");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", url);
                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);
        }
    </script>

    <script>
        function confirmarEliminacionDelPostulante(idPostulante, filaPostulante) {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Este postulante se eliminara definitivamente del cargo",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, eliminar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    eliminarPostulante(idPostulante, filaPostulante);
                }
            })
        }

        function eliminarPostulante(idPostulante, filaPostulante) {
            generarLoading('{{ asset('img/logo.png') }}')
            var url = '{{ route('postulante.destroy', [':idPostulante']) }}';
            url = url.replace(':idPostulante', idPostulante);
            var csrf = '{{ csrf_token() }}';

            $.ajax({
                type: 'DELETE',
                datatype: 'json',
                url: url,
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    eliminarLoading();

                    if (data.estado == "eliminado") {
                        filaPostulante.remove();
                        Swal.fire({
                            icon: 'success',
                            title: '¡Eliminado!',
                            text: 'El postulante ' + data.nombre + ' se elimino con éxito',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        })
                    }

                    if (data.estado == "no-eliminado") {
                        Swal.fire({
                            icon: 'error',
                            title: '¡Problemas Con La Eliminación!',
                            text: 'El postulante ' + data.nombre + ' no puede ser eliminado tiene asociaciones',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        })
                    }
                },
                error: function(data) {
                    eliminarLoading();
                }
            })
        }
    </script>

    <script>
        function enviarSondeo(idCargo, nombreCargo) {
            var csrf = '{{ csrf_token() }}';
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Se enviara el sondeo de postulantes del cargo solicitado " + nombreCargo,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, enviar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    var url = '{{ route('solicitud-reclutamiento.enviar-sondeo', [':idCargo']) }}';
                    url = url.replace(':idCargo', idCargo);
                    generarLoading('{{ asset('img/logo.png') }}')
                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: url,
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            eliminarLoading()
                            if (data == "se_envio_sondeo") {
                                Swal.fire({
                                        icon: 'success',
                                        title: '¡Enviado!',
                                        text: 'Se envio el sondeo de postulante del cargo solicitado ' + nombreCargo,
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                            } else if (data == "no_se_envio_sondeo") {
                                Swal.fire({
                                    icon: 'error',
                                    title: '¡Faltan Datos!',
                                    text: 'No es posible enviar el sondeo, algunos postulantes le faltan datos',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                })
                            }
                        },
                        error: function(data) {
                            eliminarLoading()
                            console.log(data)
                        }
                    })
                }
            })
        }

        function alertaEstablecerPrioridad() {
            Swal.fire({
                icon: 'warning',
                text: 'Es necesario establecer una prioridad de postulantes para empezar con la aprobación de estos, se exige la prioridad cuando hay mas postulantes que el numero de vacantes',
                confirmButtonColor: "#448aff",
                confirmButtonText: "Confirmar"
            })
        }

        function aceptarUnPostulante(fila, nombrePostulante) {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Se aceptara el postulante " + nombrePostulante + " para que continue con el proceso de reclutamiento. Despues de aceptar el postulante no podra cambiar el estado del postulante.",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, aceptar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    var csrf = '{{ csrf_token() }}';
                    let idPostulante = fila.querySelector(".id_postulante_tabla").innerHTML;
                    let url = '{{ route('postulante.aceptar-postulante', [':idPostulante']) }}';
                    url = url.replace(':idPostulante', idPostulante);

                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: url,
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            eliminarLoading()
                            Swal.fire({
                                    icon: 'success',
                                    title: '¡Aceptado!',
                                    text: 'El postulante ' + nombrePostulante + ' se acepto con éxito',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                        },
                        error: function(data) {
                            console.log(data)
                            eliminarLoading()
                        }
                    })
                }
            })
        }

        function abrirModalDescartePostulante(fila, nombrePostulante) {
            document.getElementById("descartePostulante").value = "";
            document.getElementById("descartePostulante").setAttribute("class", "form-control");
            document.getElementById("LabelModalDescartePostulante").innerHTML = "Descarte Del Postulante " + nombrePostulante;
            document.getElementById("botonDescartePostulante").addEventListener("click", function() {
                descartarUnPostulante(fila, nombrePostulante);
            }, false);
            $("#modalDescartePostulante").modal("show");
        }

        function descartarUnPostulante(fila, nombrePostulante) {
            document.getElementById("botonDescartePostulante").setAttribute("disabled", true);
            if (document.getElementById("descartePostulante").value.trim().length > 0) {
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "Se descartara el postulante " + nombrePostulante + ", no continuara con el proceso de reclutamiento. Despues de descartar el postulante no podra cambiar el estado del postulante.",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, descartar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        var datosFormulario = $("#formularioModalDescartePostulante").serialize();
                        var csrf = '{{ csrf_token() }}';
                        let idPostulante = fila.querySelector(".id_postulante_tabla").innerHTML;
                        let url = '{{ route('postulante.descartar-postulante', [':idPostulante']) }}';
                        url = url.replace(':idPostulante', idPostulante);

                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: url,
                            data: datosFormulario,
                            headers: {
                                'X-CSRF-TOKEN': csrf
                            },
                            success: function(data) {
                                eliminarLoading()
                                Swal.fire({
                                        icon: 'success',
                                        title: '¡Descartado!',
                                        text: 'El postulante ' + nombrePostulante + ' se descarto con éxito',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                            },
                            error: function(data) {
                                console.log(data)
                                document.getElementById("botonDescartePostulante").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })
                    } else {
                        document.getElementById("botonDescartePostulante").removeAttribute("disabled");
                    }
                })
            } else {
                document.getElementById("botonDescartePostulante").removeAttribute("disabled");
                document.getElementById("descartePostulante").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionDescartePostulante").innerHTML = "El campo motivo del descarte es obligatorio";
            }
        }

        function cambiarEstadoDelPostulanteHaPendiente(fila, nombrePostulante) {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "El postulante " + nombrePostulante + " cambiara su estado a pendiente. El solicitante debera aceptar o descartar el postulante.",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, cambiar estado!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    var csrf = '{{ csrf_token() }}';
                    let idPostulante = fila.querySelector(".id_postulante_tabla").innerHTML;
                    let url = '{{ route('postulante.cambiar-estado-ha-pendiente', [':idPostulante']) }}';
                    url = url.replace(':idPostulante', idPostulante);

                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: url,
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            eliminarLoading()
                            Swal.fire({
                                    icon: 'success',
                                    title: '¡Aceptado!',
                                    text: 'El postulante ' + nombrePostulante + ' cambio su estado con éxito',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                        },
                        error: function(data) {
                            console.log(data)
                            eliminarLoading()
                        }
                    })
                }
            })
        }

        function aceptarVariosPostulantes(){
            let filas = document.getElementById('tabla-postulantes').tBodies[0].querySelectorAll("tr");
            let listadoDeIdPostulantes = [];
            filas.forEach(elementoPadre => {
                var inputCheck = elementoPadre.querySelector(".tabla-check").querySelector(".custom-control-input");

                if (inputCheck.checked) {
                    listadoDeIdPostulantes.push(inputCheck.value);
                }
            });

            if(listadoDeIdPostulantes.length>0){
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "Se aceptarán todos los postulantes seleccionados",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, Aceptar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        //document.getElementById("botonAceptarVariosPostulantes").setAttribute("disabled", true);
                        generarLoading('{{ asset('img/logo.png') }}')
                        listadoDeIdPostulantes = JSON.stringify(listadoDeIdPostulantes);
                        let formData = new FormData();
                        formData.append('listadoDeIdPostulantes', listadoDeIdPostulantes);
        
                        let csrf = '{{ csrf_token() }}';
                        $.ajax({
                            url: '{{ route('postulante.aceptar-varios-postulante',$cargo) }}',
                            //type: 'POST',
                            method: 'POST',
                            data: formData,
                            contentType: false,
                            processData: false,
                            dataType: 'json',
                            headers: {
                                'X-CSRF-TOKEN': csrf
                            },
                            success: function(data) {
                                eliminarLoading()
                                Swal.fire({
                                        icon: 'success',
                                        title: '¡Postulantes Aceptados!',
                                        text: 'Los postulantes se aceptaron con éxito',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                            },
                            error: function(data) {
                                console.log(data);
                                document.getElementById("botonAceptarVariosPostulantes").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })
                    }else{
                        document.getElementById("botonAceptarVariosPostulantes").setAttribute("disabled", true);
                    }
                })
            }else{
                Swal.fire({
                    icon: 'error',
                    title: '¡Aceptar Postulantes!',
                    text: 'Debe seleccionar al menos un postulante para realizar la operación',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }
        }
    </script>

    <script>
        function abrirModalNuevoHorarioEntrevistaTecnica(fila, nombrePostulante) {
            document.getElementById("fechaHorarioEntrevistaTecnica").value = "";
            document.getElementById("horaHorarioEntrevistaTecnica").value = "";
            document.getElementById("fechaHorarioEntrevistaTecnica").setAttribute("class", "form-control");
            document.getElementById("horaHorarioEntrevistaTecnica").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").style.display = "none";
            document.getElementById("LabelModalEstablecerNuevoHorarioEntrevistaTecnica").innerHTML = "Horario De La Entrevista Tecnica Del Postulante " + nombrePostulante;
            document.getElementById("botonEstablecerNuevoHorarioEntrevistaTecnica").addEventListener("click", function() {
                establecerNuevoHorarioDeEntrevistaTecnica(fila, nombrePostulante);
            }, false);
            $("#modalEstablecerNuevoHorarioEntrevistaTecnica").modal("show");
            $('.clockpicker').clockpicker({
                placement: 'bottom',
                align: 'left',
                autoclose: true
            });
        }

        function establecerNuevoHorarioDeEntrevistaTecnica(fila, nombrePostulante) {
            document.getElementById("botonEstablecerNuevoHorarioEntrevistaTecnica").setAttribute("disabled", true);

            if (document.getElementById("fechaHorarioEntrevistaTecnica").value.trim().length > 0 && document.getElementById("horaHorarioEntrevistaTecnica").value.trim().length > 0) {
                let fechaActual = new moment().format("YYYYMMDD");
                let fechaEntrevistaTecnica = new moment(document.getElementById("fechaHorarioEntrevistaTecnica").value).format("YYYYMMDD");
                if (fechaEntrevistaTecnica >= fechaActual) {
                    Swal.fire({
                        title: '¿Esta seguro?',
                        text: "Se establecera un horario para la entrevista tecnica del postulante " + nombrePostulante,
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: '¡Si, establecer!',
                        cancelButtonText: 'Cancelar'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            generarLoading('{{ asset('img/logo.png') }}')
                            var datosFormulario = $("#formularioModalEstablecerNuevoHorarioEntrevistaTecnica").serialize();
                            var csrf = '{{ csrf_token() }}';
                            let idPostulante = fila.querySelector(".id_postulante_tabla").innerHTML;
                            let url = '{{ route('postulante.establecer-horario-entrevista-tecnica', [':idPostulante']) }}';
                            url = url.replace(':idPostulante', idPostulante);

                            $.ajax({
                                type: 'POST',
                                datatype: 'json',
                                url: url,
                                data: datosFormulario,
                                headers: {
                                    'X-CSRF-TOKEN': csrf
                                },
                                success: function(data) {
                                    eliminarLoading()
                                    //document.getElementById("botonEstablecerNuevoHorarioEntrevistaTecnica").removeAttribute("disabled");
                                    Swal.fire({
                                            icon: 'success',
                                            title: '¡Fecha y hora establecido!',
                                            text: 'Se establecio con éxito el horario para la entrevista tecnica del postulante ' + nombrePostulante,
                                            confirmButtonColor: "#448aff",
                                            confirmButtonText: "Confirmar"
                                        }).then((result) => {
                                            location.reload();
                                        })
                                        .catch((error) => {
                                            location.reload();
                                        });
                                },
                                error: function(data) {
                                    document.getElementById("botonEstablecerNuevoHorarioEntrevistaTecnica").removeAttribute("disabled");
                                    eliminarLoading()
                                }
                            })
                        } else {
                            document.getElementById("botonEstablecerNuevoHorarioEntrevistaTecnica").removeAttribute("disabled");
                        }
                    })
                } else {
                    document.getElementById("botonEstablecerNuevoHorarioEntrevistaTecnica").removeAttribute("disabled");
                    if (document.getElementById("horaHorarioEntrevistaTecnica").value.trim().length > 0) {
                        document.getElementById("horaHorarioEntrevistaTecnica").setAttribute("class", "form-control is-valid");
                        document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").style.display = "none";
                        document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").innerHTML = "";
                    } else {
                        document.getElementById("horaHorarioEntrevistaTecnica").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").style.display = "block";
                        document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").innerHTML = "El campo hora es obligatorio";
                    }

                    document.getElementById("fechaHorarioEntrevistaTecnica").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoFechaHorarioEntrevistaTecnica").innerHTML = "El campo fecha debe ser mayor que la fecha actual";
                }
            } else {
                document.getElementById("botonEstablecerNuevoHorarioEntrevistaTecnica").removeAttribute("disabled");
                if (document.getElementById("fechaHorarioEntrevistaTecnica").value.trim().length > 0) {
                    document.getElementById("fechaHorarioEntrevistaTecnica").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoFechaHorarioEntrevistaTecnica").innerHTML = "";
                } else {
                    document.getElementById("fechaHorarioEntrevistaTecnica").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoFechaHorarioEntrevistaTecnica").innerHTML = "El campo fecha es obligatorio";
                }

                if (document.getElementById("horaHorarioEntrevistaTecnica").value.trim().length > 0) {
                    document.getElementById("horaHorarioEntrevistaTecnica").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").style.display = "none";
                    document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").innerHTML = "";
                } else {
                    document.getElementById("horaHorarioEntrevistaTecnica").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").style.display = "block";
                    document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").innerHTML = "El campo hora es obligatorio";
                }
            }
        }
    </script>

    <script>
        function abrirModalEstablecerFechaObservacionDeFormalizacion(fila, nombrePostulante) {
            document.getElementById("fechaFormalizacion").value = "";
            document.getElementById("observacionFormalizacion").value = "";
            document.getElementById("fechaFormalizacion").setAttribute("class", "form-control");
            document.getElementById("observacionFormalizacion").setAttribute("class", "form-control");
            document.getElementById("LabelModalEstablecerFechaObservacionDeFormalizacion").innerHTML = "Fecha Y Observación De Formalización Del Postulante " + nombrePostulante;
            document.getElementById("botonEstablecerFechaObservacionDeFormalizacion").addEventListener("click", function() {
                establecerFechaObservacionDeFormalizacion(fila, nombrePostulante);
            }, false);
            $("#modalEstablecerFechaObservacionDeFormalizacion").modal("show");
        }

        function establecerFechaObservacionDeFormalizacion(fila, nombrePostulante) {
            document.getElementById("botonEstablecerFechaObservacionDeFormalizacion").setAttribute("disabled", true);

            if (document.getElementById("fechaFormalizacion").value.trim().length > 0) {
                let fechaActual = new Date();
                let fechaEntrevistaTecnica = new Date(document.getElementById("fechaFormalizacion").value);
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "Se establecera la fecha y observación de formalización del postulante " + nombrePostulante,
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, establecer!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        var datosFormulario = $("#formularioModalEstablecerFechaObservacionDeFormalizacion").serialize();
                        var csrf = '{{ csrf_token() }}';
                        let idPostulante = fila.querySelector(".id_postulante_tabla").innerHTML;
                        let url = '{{ route('postulante.establecer-fecha-observacion-formalizacion', [':idPostulante']) }}';
                        url = url.replace(':idPostulante', idPostulante);

                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: url,
                            data: datosFormulario,
                            headers: {
                                'X-CSRF-TOKEN': csrf
                            },
                            success: function(data) {
                                console.log(data)
                                eliminarLoading()
                                document.getElementById("botonEstablecerFechaObservacionDeFormalizacion").removeAttribute("disabled");
                                Swal.fire({
                                        icon: 'success',
                                        title: '¡Fecha y observación de formalización establecido!',
                                        text: 'Se establecio con éxito la fecha y observación de formalización del postulante ' + nombrePostulante,
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                            },
                            error: function(data) {
                                console.log(data)
                                document.getElementById("botonEstablecerFechaObservacionDeFormalizacion").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })
                    } else {
                        document.getElementById("botonEstablecerFechaObservacionDeFormalizacion").removeAttribute("disabled");
                    }
                })
            } else {
                document.getElementById("botonEstablecerFechaObservacionDeFormalizacion").removeAttribute("disabled");
                if (document.getElementById("fechaFormalizacion").value.trim().length > 0) {
                    document.getElementById("fechaFormalizacion").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoFechaFormalizacion").innerHTML = "";
                } else {
                    document.getElementById("fechaFormalizacion").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoFechaFormalizacion").innerHTML = "El campo fecha de formalización es obligatorio";
                }

                document.getElementById("observacionFormalizacion").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionObservacionFormalizacion").innerHTML = "";
            }
        }
    </script>

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

            let filas = document.getElementById('tabla-postulantes').tBodies[0].querySelectorAll("tr");
            let listadoIdPostulantes = [];
            filas.forEach(elementoPadre => {
                let inputCheck = elementoPadre.querySelector(".tabla-check").querySelector(".custom-control-input");
                if (inputCheck) {
                    if (inputCheck.checked) {
                        listadoIdPostulantes.push(inputCheck.value);
                    }
                }
            });

            if (listadoIdPostulantes.length > 0) {
                var formData = new FormData();
                formData.append('listado_postulantes', JSON.stringify(listadoIdPostulantes));
                var csrf = '{{ csrf_token() }}';

                $.ajax({
                    url: '{{ route('postulante.generar-link-para-ficha', $cargo) }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        eliminarLoading()
                        document.getElementById("botonGenerarLink").removeAttribute("disabled");
                        Swal.fire({
                                icon: 'success',
                                title: '¡Creado!',
                                text: 'El link se genero con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.reload();
                            })
                            .catch((error) => {
                                location.reload();
                            });
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                        document.getElementById("botonGenerarLink").removeAttribute("disabled");
                    }
                })
            } else {
                eliminarLoading()
                document.getElementById("botonGenerarLink").removeAttribute("disabled");
                Swal.fire({
                    icon: 'error',
                    title: '¡Seleccione Postulantes!',
                    text: 'Debe seleccionar al menos un postulante para generar el link',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }
        }

        function copiarLink(texto) {
            let areaTexto = document.createElement("textarea");
            areaTexto.value = texto;
            areaTexto.setAttribute("readonly", "");
            areaTexto.style.position = "absolute";
            areaTexto.style.left = "-9999px";

            document.body.appendChild(areaTexto);

            areaTexto.select();

            document.execCommand("copy");

            document.body.removeChild(areaTexto);
        }
    </script>

    <script>
        let idPostulanteActual = null;

        function abrirModalSeleccionFicha(idPostulante, nombrePostulante) {
            idPostulanteActual = idPostulante;
            datatableSeleccionFicha.rows().deselect();
            document.getElementById("tituloModalSeleccionarFichaEntrevistaTecnica").innerHTML = "Ficha A Resposder Para El Postulante " + nombrePostulante;
            $("#modalSeleccionarFichaEntrevistaTecnica").modal("show");
        }

        function responderFichaSeleccionada() {
            let data = datatableSeleccionFicha.rows({
                selected: true
            }).data();

            let url = '{{ route('ficha-entrevista-tecnica.create-responder-ficha', [':idficha', ':idPostulante']) }}';
            url = url.replace(':idficha', data[0][0]);
            url = url.replace(':idPostulante', idPostulanteActual);

            location.href = url;
        }
    </script>

    <script>
        function abrirModalPrioridadPostulantes() {
            $("#modalPrioridadPostulantes").modal("show");
        }

        function establecerPrioridad() {
            document.getElementById("botonEstablecerPrioridad").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')
            prioridadPostulantes = document.getElementsByClassName("prioridadPostulante");
            let listadoPrioridadPostulante = [];
            for (let elemento of prioridadPostulantes) {
                let prioridad = elemento.querySelector(".info-box-icon").innerHTML;
                let idElemento = elemento.id;
                idElemento = idElemento.split("prioridad_postulante_");
                let objectoPrioridadPostulante = {
                    prioridad: prioridad,
                    idPostulante: idElemento[1]
                }
                listadoPrioridadPostulante.push(objectoPrioridadPostulante);
            }

            let formData = new FormData();
            formData.append('postulante_establecer_prioridad', JSON.stringify(listadoPrioridadPostulante));
            let csrf = '{{ csrf_token() }}';

            $.ajax({
                url: '{{ route('postulante.establecer-prioridad', $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: '¡Establecido!',
                            text: 'Se establecio la prioridad de los postulantes con éxito',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.reload();
                        })
                        .catch((error) => {
                            location.reload();
                        });
                },
                error: function(data) {
                    console.log(data)
                    document.getElementById("botonEstablecerPrioridad").removeAttribute("disabled")
                    eliminarLoading()
                }
            })
        }
    </script>

    <script>
        function abrirModalCoordinacionPostulantes() {
            $("#modalCoordinacionPostulantes").modal("show");
        }

        function establecerCoodinacion() {
            document.getElementById("botonEstablecerCoordinacion").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')
            let listadoCoordinacionPostulante = [];
            let coordinadoPostulanteCoordinado = fieldsetCoordinacionPostulantesCoordinado.querySelectorAll(".coordinadoPostulante");
            let coordinadoPostulantePendiente = fieldsetCoordinacionPostulantesPendiente.querySelectorAll(".coordinadoPostulante");

            for (let elemento of coordinadoPostulanteCoordinado) {
                let idElemento = elemento.id;
                idElemento = idElemento.split("coordinado_postulante_");
                let objectoCordinacionPostulante = {
                    estado_coordinacion: "Coordinado",
                    idPostulante: idElemento[1]
                }
                listadoCoordinacionPostulante.push(objectoCordinacionPostulante);
            }

            for (let elemento of coordinadoPostulantePendiente) {
                let idElemento = elemento.id;
                idElemento = idElemento.split("coordinado_postulante_");
                let objectoCordinacionPostulante = {
                    estado_coordinacion: "Pendiente",
                    idPostulante: idElemento[1]
                }
                listadoCoordinacionPostulante.push(objectoCordinacionPostulante);
            }

            let formData = new FormData();
            formData.append('postulante_establecer_coordinacion', JSON.stringify(listadoCoordinacionPostulante));
            let csrf = '{{ csrf_token() }}';
            $.ajax({
                url: '{{ route('postulante.establecer-coordinacion', $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: '¡Establecido!',
                            text: 'Se establecio la coordinación de documentos/exámenes de los postulantes',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.reload();
                        })
                        .catch((error) => {
                            location.reload();
                        });
                },
                error: function(data) {
                    console.log(data)
                    document.getElementById("botonEstablecerCoordinacion").removeAttribute("disabled")
                    eliminarLoading()
                }
            })
        }
    </script>

    <script>
        function abrirModalRechazoSolicitud() {
            document.getElementById("observacionRechazo").value = "";
            $("#RechazoDeSolicitud").modal("show");
        }

        function abrirModalAnulacionSolicitud() {
            document.getElementById("observacionAnular").value = "";
            $("#AnularDeSolicitud").modal("show");
        }

        function aprobarSolicitud() {
            document.getElementById("botonAprobado").setAttribute("disabled", true);
            var csrf = '{{ csrf_token() }}';
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La solicitud de reclutamiento cambiará su estado ha aprobado",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, aprobar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('solicitud-reclutamiento.aprobar', $cargo->solicitudDeReclutamiento) }}',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            eliminarLoading()
                            Swal.fire({
                                    icon: 'success',
                                    title: '¡Aprobada!',
                                    text: 'La solicitud de reclutamiento cambio de estado ha aprobada',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                        },
                        error: function(data) {
                            eliminarLoading()
                            console.log(data)
                            document.getElementById("botonAprobado").removeAttribute("disabled");
                        }
                    })
                } else {
                    document.getElementById("botonAprobado").removeAttribute("disabled");
                }
            })
        }

        function rechazarSolicitud() {
            document.getElementById("botonRechazado").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La solicitud de reclutamiento cambiará su estado ha rechazada",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, rechazar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    if (document.getElementById("observacionRechazo").value.trim().length > 0) {
                        var datosFormulario = $("#formularioRechazoSolicitud").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('solicitud-reclutamiento.rechazar', $cargo->solicitudDeReclutamiento) }}',
                            data: datosFormulario,
                            success: function(data) {
                                eliminarLoading()
                                Swal.fire({
                                        icon: 'success',
                                        title: '¡Rechazada!',
                                        text: 'La solicitud de reclutamiento cambio de estado ha rechazada',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                            },
                            error: function(data) {
                                eliminarLoading()
                                console.log(data)
                                document.getElementById("botonRechazado").removeAttribute("disabled");
                            }
                        })
                    } else {
                        eliminarLoading()
                        document.getElementById("observacionRechazo").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionObservacionRechazo").innerHTML = "El campo motivo de rechazo es obligatorio.";
                        document.getElementById("botonRechazado").removeAttribute("disabled");
                    }
                } else {
                    document.getElementById("botonRechazado").removeAttribute("disabled");
                }
            })
        }

        function anularSolicitud() {
            document.getElementById("botonAnulacion").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La solicitud de reclutamiento cambiará su estado ha anulada",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, anular!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    if (document.getElementById("observacionAnular").value.trim().length > 0) {
                        var datosFormulario = $("#formularioAnularSolicitud").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('solicitud-reclutamiento.anular', $cargo->solicitudDeReclutamiento) }}',
                            data: datosFormulario,
                            success: function(data) {
                                eliminarLoading()
                                Swal.fire({
                                        icon: 'success',
                                        title: '¡Anulada!',
                                        text: 'La solicitud de reclutamiento cambio de estado ha anulada',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                            },
                            error: function(data) {
                                console.log(data)
                                document.getElementById("botonAnulacion").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })
                    } else {
                        eliminarLoading()
                        document.getElementById("observacionAnular").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionObservacionAnular").innerHTML = "El campo motivo de anulación es obligatorio.";
                        document.getElementById("botonAnulacion").removeAttribute("disabled");
                    }
                } else {
                    document.getElementById("botonAnulacion").removeAttribute("disabled");
                }
            })
        }

        function enviarSondeo(idCargo, nombreCargo) {
            var csrf = '{{ csrf_token() }}';
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Se enviara el sondeo de postulantes del cargo solicitado " + nombreCargo,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, enviar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    var url = '{{ route('solicitud-reclutamiento.enviar-sondeo', [':idCargo']) }}';
                    url = url.replace(':idCargo', idCargo);
                    generarLoading('{{ asset('img/logo.png') }}')
                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: url,
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            eliminarLoading()
                            if (data == "se_envio_sondeo") {
                                Swal.fire({
                                        icon: 'success',
                                        title: '¡Enviado!',
                                        text: 'Se envio el sondeo de postulante del cargo solicitado ' + nombreCargo,
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                            } else if (data == "no_se_envio_sondeo") {
                                Swal.fire({
                                    icon: 'error',
                                    title: '¡Faltan Datos!',
                                    text: 'No es posible enviar el sondeo, algunos postulantes le faltan datos',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                })
                            }
                        },
                        error: function(data) {
                            eliminarLoading()
                            console.log(data)
                        }
                    })
                }
            })
        }

        function anularFichaEntrevistaTecnica(idPostulante) {
            var csrf = '{{ csrf_token() }}';
            Swal.fire({
                title: '¿Esta seguro?',
                text: "LSe anulará la ficha de entrevista técnica del postulante",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, anular!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    let url = '{{ route('ficha-entrevista-tecnica.anular-ficha-entrevista-tecnica', [':idPostulante']) }}';
                    url = url.replace(':idPostulante', idPostulante);

                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: url,
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            eliminarLoading()
                            Swal.fire({
                                    icon: 'success',
                                    title: '¡Anulada!',
                                    text: 'La ficha de entrevista técnica del postulante se anuló con éxito',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                        },
                        error: function(data) {
                            eliminarLoading()
                            console.log(data)
                        }
                    })
                } else {

                }
            })
        }
    </script>

    <script>
        function abrirModalAsignadorResponsableSondeo(idUsuario) {
            document.getElementById("formularioResponsableSondeo").reset();
            if (idUsuario != null && idUsuario != undefined && idUsuario != "") {
                $('#usuarioAsignadoResponsableSondeo').selectpicker('val', idUsuario);
            } else {
                $('#usuarioAsignadoResponsableSondeo').selectpicker('val', "");
            }
            document.getElementById("validarUsuarioAsignadoResponsableSondeo").innerHTML = "";
            document.getElementById("usuarioAsignadoResponsableSondeo").classList.remove('input-success-icon');
            document.getElementById("usuarioAsignadoResponsableSondeo").classList.remove('input-error-icon');
            document.getElementById("validarUsuarioAsignadoResponsableSondeo").style.display = "none";
            $("#ModalAsignarResponsableSondeo").modal("show");
        }

        function asignarResponsableSondeo(sucursal) {
            if (sucursal == "Antofagasta") {
                document.getElementById("botonAsignadorResponsableSondeo").setAttribute("disabled", true);
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La Solicitud de reclutamiento sera asignada a este usuario para pueda gestionarla",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, asignar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        if (document.getElementById("usuarioAsignadoResponsableSondeo").value.trim().length > 0) {
                            var datosFormulario = $("#formularioResponsableSondeo").serialize();

                            $.ajax({
                                type: 'POST',
                                datatype: 'json',
                                url: '{{ route('solicitud-reclutamiento.asignar-responsable-sondeo', $cargo->solicitudDeReclutamiento) }}',
                                data: datosFormulario,
                                success: function(data) {
                                    eliminarLoading()
                                    Swal.fire({
                                        icon: 'success',
                                        title: '¡Asignada!',
                                        text: 'La Solicitud de reclutamiento fue asignada a ' + data.name,
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    }).catch((error) => {
                                        location.reload();
                                    });
                                },
                                error: function(data) {
                                    console.log(data)
                                    eliminarLoading()
                                    document.getElementById("botonAsignadorResponsableSondeo").removeAttribute("disabled");
                                }
                            })
                        } else {
                            document.getElementById("usuarioAsignadoResponsableSondeo").classList.remove('input-success-icon');
                            document.getElementById("usuarioAsignadoResponsableSondeo").classList.add('input-error-icon');
                            document.getElementById("validarUsuarioAsignadoResponsableSondeo").innerHTML = "Debe seleccionar un usuario";
                            document.getElementById("validarUsuarioAsignadoResponsableSondeo").style.display = "block";

                            document.getElementById("botonAsignadorResponsableSondeo").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    } else {
                        document.getElementById("botonAsignadorResponsableSondeo").removeAttribute("disabled");
                    }
                }).catch((error) => {
                    document.getElementById("botonAsignadorResponsableSondeo").removeAttribute("disabled");
                });
            } else {
                document.getElementById("botonAsignadorResponsableSondeo").setAttribute("disabled", true);
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La Solicitud de reclutamiento sera asignada a este usuario para pueda gestionarla el sondeo",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, asignar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        if (document.getElementById("usuarioAsignadoResponsableSondeo").value.trim().length > 0) {
                            var datosFormulario = $("#formularioResponsableSondeo").serialize();

                            $.ajax({
                                type: 'POST',
                                datatype: 'json',
                                url: '{{ route('solicitud-reclutamiento.asignar-responsable-sondeo', $cargo->solicitudDeReclutamiento) }}',
                                data: datosFormulario,
                                success: function(data) {
                                    eliminarLoading()
                                    Swal.fire({
                                        icon: 'success',
                                        title: '¡Asignada!',
                                        text: 'La Solicitud de reclutamiento para el proceso de sondeo fue asignada  a ' + data.name,
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    }).catch((error) => {
                                        location.reload();
                                    });
                                },
                                error: function(data) {
                                    console.log(data)
                                    eliminarLoading()
                                    document.getElementById("botonAsignadorResponsableSondeo").removeAttribute("disabled");
                                }
                            })
                        } else {
                            document.getElementById("usuarioAsignadoResponsableSondeo").classList.remove('input-success-icon');
                            document.getElementById("usuarioAsignadoResponsableSondeo").classList.add('input-error-icon');
                            document.getElementById("validarUsuarioAsignadoResponsableSondeo").innerHTML = "Debe seleccionar un usuario";
                            document.getElementById("validarUsuarioAsignadoResponsableSondeo").style.display = "block";

                            document.getElementById("botonAsignadorResponsableSondeo").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    } else {
                        document.getElementById("botonAsignadorResponsableSondeo").removeAttribute("disabled");
                    }
                }).catch((error) => {
                    document.getElementById("botonAsignadorResponsableSondeo").removeAttribute("disabled");
                });
            }
        }
    </script>

    <script>
        function abrirModalAsignadorResponsableDocumentacion(idUsuario) {
            document.getElementById("formularioResponsableDocumentacion").reset();
            if (idUsuario != null && idUsuario != undefined && idUsuario != "") {
                $('#usuarioAsignadoResponsableDocumentacion').selectpicker('val', idUsuario);
            } else {
                $('#usuarioAsignadoResponsableDocumentacion').selectpicker('val', "");
            }
            document.getElementById("validarUsuarioAsignadoResponsableDocumentacion").innerHTML = "";
            document.getElementById("usuarioAsignadoResponsableDocumentacion").classList.remove('input-success-icon');
            document.getElementById("usuarioAsignadoResponsableDocumentacion").classList.remove('input-error-icon');
            document.getElementById("validarUsuarioAsignadoResponsableDocumentacion").style.display = "none";
            $("#ModalAsignarResponsableDocumentacion").modal("show");
        }

        function asignarResponsableSondeoDocumentacion() {
            document.getElementById("botonAsignadorResponsableDocumentacion").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La Solicitud de reclutamiento sera asignada a este usuario para pueda gestionarla la documentación",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, asignar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    if (document.getElementById("usuarioAsignadoResponsableDocumentacion").value.trim().length > 0) {
                        var datosFormulario = $("#formularioResponsableDocumentacion").serialize();

                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('solicitud-reclutamiento.asignar-responsable-documentacion', $cargo->solicitudDeReclutamiento) }}',
                            data: datosFormulario,
                            success: function(data) {
                                eliminarLoading()
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Asignada!',
                                    text: 'La Solicitud de reclutamiento para el proceso de documentación fue asignada  a ' + data.name,
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                }).catch((error) => {
                                    location.reload();
                                });
                            },
                            error: function(data) {
                                console.log(data)
                                eliminarLoading()
                                document.getElementById("botonAsignadorResponsableDocumentacion").removeAttribute("disabled");
                            }
                        })
                    } else {
                        document.getElementById("usuarioAsignadoResponsableDocumentacion").classList.remove('input-success-icon');
                        document.getElementById("usuarioAsignadoResponsableDocumentacion").classList.add('input-error-icon');
                        document.getElementById("validarUsuarioAsignadoResponsableDocumentacion").innerHTML = "Debe seleccionar un usuario";
                        document.getElementById("validarUsuarioAsignadoResponsableDocumentacion").style.display = "block";

                        document.getElementById("botonAsignadorResponsableDocumentacion").removeAttribute("disabled");
                        eliminarLoading()
                    }
                } else {
                    document.getElementById("botonAsignadorResponsableDocumentacion").removeAttribute("disabled");
                }
            }).catch((error) => {
                document.getElementById("botonAsignadorResponsableDocumentacion").removeAttribute("disabled");
            });
        }
    </script>

    <script>
        function detallePostulantesDeUnSondeo(idSondeo, fechaSondeo) {
            var url = '{{ route('postulante.obtener-de-un-sondeo', [':idSondeo']) }}';
            url = url.replace(':idSondeo', idSondeo);
            $.ajax({
                type: 'GET',
                datatype: 'json',
                url: url,
                success: function(data) {
                    document.getElementById("registroModalPostulantesSondeos").innerHTML = "";
                    let cantidadPostulante = 0;
                    data.forEach(postulante => {
                        cantidadPostulante++;
                        document.getElementById("registroModalPostulantesSondeos").innerHTML +=
                            '<tr role="row" class="odd">' +
                            '<td class="tabla-contador-modal-postulantes-sondeos">' + cantidadPostulante + '</td>' +
                            '<td class="tabla-modal-nombre-postulantes-sondeos">' + postulante.nombre + '</td>' +
                            '<td class="tabla-modal-correo-postulantes-sondeos">' + postulante.correo + '</td>' +
                            '<td class="tabla-modal-telefono-postulantes-sondeos">' + postulante.telefono + '</td>' +
                            '</tr>';
                    });
                    document.getElementById("tituloModalPostulantesSondeos").innerHTML = "Postulantes Del Sondeo Que Se Envio El " + fechaSondeo;
                    $("#modalPostulantesSondeos").modal("show");
                },
                error: function(data) {
                    console.log(data)
                }
            })
        }
    </script>

    @if (\Session::has('msg'))
        @if (Session::get('msg') == 'exito')
            <script>
                Swal.fire({
                    icon: 'success',
                    title: '¡Enviado!',
                    text: 'Se envio la carta de agradecimiento',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                });
            </script>
        @endif
    @endif
@stop