@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('plugins.icheck', 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-primary card-tabs">

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

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

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

                    @if ($solicitudDeReclutamiento->estado == 'Anulada')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-info" id="estadoDeLaRequisicion">
                                {{ $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 active" id="custom-tabs-one-messages-tab" data-toggle="pill" href="#custom-tabs-one-messages" role="tab" aria-controls="custom-tabs-one-messages" aria-selected="false">Detalle solicitud de reclutamiento</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Sondeos</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</a>
                            </li>
                        </ul>
                    </div>

                    <form id="formularioDeRequisicion" enctype="multipart/form-data">
                        @csrf
                        <div class="card-body">
                            <div class="tab-content" id="custom-tabs-one-tabContent">
                                <div class="tab-pane fade show active" id="custom-tabs-one-messages" role="tabpanel" aria-labelledby="custom-tabs-one-messages-tab">
                                    @if (count($enviosSondeos) > 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 ($enviosSondeos 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>Cargo</th>
                                                    <th>Vacantes</th>
                                                    <th>Pendientes de revisión</th>
                                                    <th>Descartados</th>
                                                    <th>Aceptados</th>
                                                    <th>Citados a entrevista</th>
                                                    <th>Aprobados en entrevista</th>                                                    
                                                    <th>Carpeta entregada</th>
                                                    <th>Carpeta aprobada</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroModalResumenAvances">
                                                @php
                                                    $cantidadCargoAvances = 0;
                                                    $cantidadCargoAvances++;
                                                    $numeroVacantes = $cargo->numero_vacante;
                                                    $cantidadPostulantePendiente = 0;
                                                    $cantidadPostulanteDescartado = 0;
                                                    $cantidadPostulanteAceptado = 0;
                                                    $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido = 0;
                                                    $cantidadPostulanteConFichaTecnicaEstablecido = 0;
                                                    $cantidadPostulanteCarpetaEnviada = 0;
                                                    $cantidadPostulanteCarpetaAprobada = 0;
                                                    
                                                    foreach ($postulantesParaDetalle as $postulante) {
                                                        if ($postulante->estado == 'Pendiente') {
                                                            $cantidadPostulantePendiente++;
                                                        } elseif ($postulante->estado == 'Descartado') {
                                                            $cantidadPostulanteDescartado++;
                                                            if (isset($postulante->fecha_entrevista_tecnica)) {
                                                                $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido++;
                                                                if (isset($postulante->fichaRespondida)) {
                                                                    $cantidadPostulanteConFichaTecnicaEstablecido++;
                                                                }
                                                            }
                                                        } elseif ($postulante->estado == 'Aceptado') {
                                                            $cantidadPostulanteAceptado++;
                                                            if (isset($postulante->fecha_entrevista_tecnica)) {
                                                                $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido++;
                                                                if (isset($postulante->fichaRespondida)) {
                                                                    $cantidadPostulanteConFichaTecnicaEstablecido++;
                                                                    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 .'</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 .'</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 .'</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 .'</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 .'</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 .'</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 .'</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 . '</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 . '</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 . '</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 . '</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 . '</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 . '</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 . '</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 . '</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>{{ $cargo->cargo }}</td>
                                                    <td>{{ $cargo->numero_vacante }}</td>
                                                    <td>{!! $barraDeProgresoPostulantePendiente !!}</td>
                                                    <td>{!! $barraDeProgresoPostulanteDescartado !!}</td>
                                                    <td>{!! $barraDeProgresoPostulanteAceptado !!}</td>
                                                    <td>{!! $barraDeProgresoPostulanteConFechaHoraEntrevistaTecnicaEstablecido !!}</td>
                                                    <td>{!! $barraDeProgresoPostulanteConFichaTecnicaEstablecido !!}</td>
                                                    <td>{!! $barraDeProgresoPostulanteCarpetaEnviada !!}</td>
                                                    <td>{!! $barraDeProgresoPostulanteCarpetaAprobada !!}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label>Correlativo de la Solicitud de Reclutamiento</label>
                                            <input type="text" style="cursor: not-allowed;" class="form-control" name="correlativo" value="{{ old('correlativo', $solicitudDeReclutamiento->correlativo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Nombre del Solicitante</label>
                                            <input type="text" style="cursor: not-allowed;" class="form-control" name="nombre_solicitante" value="{{ old('nombre_solicitante', $solicitudDeReclutamiento->solicitante->name) }}" readonly="true">
                                        </div>

                                        @if (isset($solicitudDeReclutamiento->autorizador))
                                            <div class="form-group">
                                                <label>Nombre del Autorizador</label>
                                                <input type="text" style="cursor: not-allowed;" class="form-control" name="nombre_autorizador" value="{{ old('nombre_autorizador', $solicitudDeReclutamiento->autorizador->name) }}" readonly="true">
                                            </div>
                                        @else
                                            <div class="form-group">
                                                <label>Nombre del Autorizador</label>
                                                <input type="text" style="cursor: not-allowed;" class="form-control" name="nombre_autorizador" value="{{ old('nombre_autorizador', 'Sin Autorizador') }}" readonly="true">
                                            </div>
                                        @endif

                                        @if (isset($solicitudDeReclutamiento->responsableSondeo))
                                            <div class="form-group">
                                                <label>Responsable de la Solicitud</label>
                                                <input type="text" style="cursor: not-allowed;" class="form-control" name="responsable_sondeo" value="{{ old('responsable_sondeo', $solicitudDeReclutamiento->responsableSondeo->name) }}" readonly="true">
                                            </div>
                                        @else
                                            <div class="form-group">
                                                <label>Responsable de la Solicitud</label>
                                                <input type="text" style="cursor: not-allowed;" class="form-control" name="responsable_sondeo" value="{{ old('responsable_sondeo','Sin Responsable') }}" readonly="true">
                                            </div>
                                        @endif

                                        <div class="form-group">
                                            <label>Nombre del Cargo</label>
                                            <input type="text" style="cursor: not-allowed;" class="form-control" name="nombre_cargo" value="{{ old('nombre_cargo', $cargo->cargo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Numero de Vacantes</label>
                                            <input type="text" style="cursor: not-allowed;" class="form-control" name="vacantes" value="{{ old('vacantes', $cargo->numero_vacante) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Faena</label>
                                            <input type="text" style="cursor: not-allowed;" class="form-control" name="faena" value="{{ old('faena', $cargo->faena->faena) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Area de Trabajo</label>
                                            <input type="text" style="cursor: not-allowed;" class="form-control" name="area_trabajo" value="{{ old('area_trabajo', $cargo->area_trabajo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Tipo de Turno</label>
                                            <input type="text" style="cursor: not-allowed;" class="form-control" name="tipo_turno" value="{{ old('tipo_turno', $cargo->tipo_turno) }}" readonly="true">
                                        </div>

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

                                        <div class="form-group">
                                            <label>Centro de Costo</label>
                                            <input type="text" style="cursor: not-allowed;" class="form-control" name="centro_costo" value="{{ old('centro_costo', $centrosDeCostos->centro_costo) }}" readonly="true">
                                        </div>

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

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

                                        <div class="form-group">
                                            <label>Supervisa a Cargo</label>
                                            <input type="text" style="cursor: not-allowed;" style="cursor: not-allowed;" class="form-control" name="supervisa_cargo" value="{{ old('supervisa_cargo', $cargo->supervisa_cargo) }}" readonly="true">
                                        </div>

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

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

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

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

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

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

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

                                        <div class="form-group">
                                            <label>Sucursal</label>
                                            <input type="text" style="cursor: not-allowed;" class="form-control" name="sucursal" value="{{ old('sucursal', $centrosDeCostos->sucursal) }}" readonly="true">
                                        </div>
                                    </div>

                                    @if (count($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 ($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($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 ($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">#</div>
                                        <div style="padding:10px;" class="text-center">EVALUACIONES</div>
                                        @php
                                            $cantidadModalEvaluacion = 0;
                                        @endphp
                                        @foreach ($cargo->evaluaciones as $detalleEvaluacion)
                                            @if ($detalleEvaluacion->opcion=='Si')
                                                @php
                                                    $cantidadEvaluacionEsPar = false;
                                                    $cantidadModalEvaluacion++;
                                                    if ($cantidadModalEvaluacion % 2 == 0) {
                                                        $cantidadEvaluacionEsPar = true;
                                                    } else {
                                                        $cantidadEvaluacionEsPar = false;
                                                    }
                                                @endphp

                                                @if ($cantidadEvaluacionEsPar == false)
                                                    <div class="filaEvaluacionBlancoClaro text-center">{{ $cantidadModalEvaluacion }}</div>
                                                    <div class="filaEvaluacionBlancoClaro text-center">{{ $detalleEvaluacion->evaluacion }}</div>
                                                @else
                                                    <div class="filaEvaluacionBlancoOscuro text-center">{{ $cantidadModalEvaluacion }}</div>
                                                    <div class="filaEvaluacionBlancoOscuro text-center">{{ $detalleEvaluacion->evaluacion }}</div>
                                                @endif
                                            @endif
                                        @endforeach
                                    </div>

                                    @if ($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">{{ $solicitudDeReclutamiento->observacion_estado }}</textarea>
                                        </div>
                                    @endif

                                    @if ($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">{{ $solicitudDeReclutamiento->observacion_estado }}</textarea>
                                        </div>
                                    @endif
                                </div>

                                <div class="tab-pane fade" 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>
                                                    @if ($solicitudDeReclutamiento->id_usuario == auth()->user()->id)
                                                    <th colspan="6" class="text-center">DATOS DE POSTULANTES</th>
                                                    @else 
                                                    <th colspan="5" class="text-center">DATOS DE POSTULANTES</th>   
                                                    @endif
                                                    <th colspan="8" class="text-center">DATOS DE APROBACIÓN</th>
                                                    <th colspan="7" class="text-center">DATOS DE ENTREVISTA TÉCNICA</th>
                                                </tr>
                                                <tr role="row">
                                                    @if ($solicitudDeReclutamiento->id_usuario == auth()->user()->id)
                                                        <th>
                                                            <div class="icheck-primary">
                                                                <input type="checkbox" id="radioButtonPostulantesTodos" onclick="selecionarTodasLosItems(this)">
                                                                <label for="radioButtonPostulantesTodos">Selección</label>
                                                            </div>
                                                        </th>
                                                    @endif
                                                    <th>Acciones</th>
                                                    <th>Rut del Postulante</th>
                                                    <th>Nombre del Postulante</th>
                                                    <th>Cargo del Postulante</th>
                                                    <th>Status General</th>

                                                    <th>Fecha Envío Sondeo</th>
                                                    <th>Fecha Aprobación</th>
                                                    <th>Días de Proceso del Envío Sondeo</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 Técnica</th>
                                                    <th>Fecha y Hora Entrevista Técnica</th>
                                                    <th>Fecha de Cuando se Respondió la Ficha</th>
                                                    <th>Días de Proceso Ficha</th>
                                                    <th>Resultado Ficha Entrevista Técnica</th>
                                                    <th>Estado Ficha Entrevista Técnica</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroPostualntes">
                                                @php
                                                    $cantidadPostulante = 0;
                                                    $cantidadDePostulanteSinSondeo=0;
                                                    $cantidadDePostulanteConSondeo=0;
                                                    $cantidadDePostulanteConFichaEntrevistaTecnica=0;
                                                    $cantidadDePostulantePendiente=0;
                                                @endphp
                                                @foreach ($postulantesParaDetalle 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++;
                                                        }

                                                        $seVisualizaPostulante=false;
                                                        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')) {
                                                            $seVisualizaPostulante=true;
                                                        }else if($solicitudDeReclutamiento->id_usuario == auth()->user()->id){
                                                            if(isset($postulante->envioSondeo)){
                                                                $seVisualizaPostulante=true;
                                                            }
                                                        }else if(isset($postulante->envioSondeo)){
                                                            $seVisualizaPostulante=true;
                                                        }
        
                                                        $listadoArchivos = json_encode($postulante->archivos);
                                                        $listadoReferencias = json_encode($postulante->referencias);
                                                    @endphp
                                                    @if ($seVisualizaPostulante==true)
                                                        <tr>
                                                            <td style="display: none;" class="id_postulante_tabla">{{ $postulante->id }}</td>
                                                            @if ($solicitudDeReclutamiento->id_usuario == auth()->user()->id)
                                                                @if ($postulante->estado == 'Pendiente')
                                                                    <td class="tabla-check text-center">
                                                                        <div class="icheck-primary">
                                                                            <input class="checkbox-seleccion-item" type="checkbox" id="customCheckbox{{ $cantidadPostulante }}" value="{{ $postulante->id }}">
                                                                            <label for="customCheckbox{{ $cantidadPostulante }}"></label>
                                                                        </div>
                                                                    </td> 
                                                                @else
                                                                    <td class="tabla-check text-center"></td>     
                                                                @endif 
                                                            @endif
                                                            <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">
                                                                        <a class="dropdown-item" href="#" onclick="detallePostulante({{$postulante}})"><i class="fas fa-eye" aria-hidden="true"></i> Detalles de Datos</a>
                                                                        @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
                                                                        
                                                                        @if (Gate::check('postulante.edit')|| Gate::check('postulante.create'))
                                                                            @isset($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) && $postulante->envio_carta_agredecimiento==false)
                                                                                            <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($solicitudDeReclutamiento->responsableDocumentacion)
                                                                                @if ($postulante->estado == 'Aceptado')
                                                                                    @if (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($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
                                                                        @elseif($solicitudDeReclutamiento->id_usuario == auth()->user()->id)
                                                                            @if ($postulante->estado == 'Pendiente')
                                                                                <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
                                                                        @else

                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>{{ $postulante->rut }}</td>
                                                            <td>{{ $postulante->nombre }}</td>
                                                            <td>{{$cargo->cargo}}</td>
                                                            <td>
                                                                @if ($postulante->estado=="Pendiente")
                                                                    @if (isset($postulante->id_envio_sondeo))
                                                                        Sondeo enviado
                                                                    @else
                                                                        @if ($postulante->referido==true)
                                                                            Postulante referido
                                                                        @else
                                                                            Postulante sondeado
                                                                        @endif
                                                                    @endif
                                                                @else
                                                                    @if ($postulante->estado == 'Descartado')
                                                                        Sondeo rechazado
                                                                    @else
                                                                        @if (isset($postulante->fecha_entrevista_tecnica))
                                                                            @if (isset($postulante->fecha_responder_ficha_entrevista_tecnica))
                                                                                @if ($postulante->estado == 'Descartado')
                                                                                    Entrevista rechazada 
                                                                                @else
                                                                                    @if (count($postulante->referencias)>0)
                                                                                        @if (isset($postulante->fecha_formalizacion))
                                                                                            @if (isset($postulante->fecha_envio_carpeta))
                                                                                                @if (isset($postulante->fecha_aprobacion_carpeta))
                                                                                                    @if ($postulante->carpetaDeDocumentos->estado_carpeta=="Aprobado")
                                                                                                        Carpeta aceptada
                                                                                                    @elseif ($postulante->carpetaDeDocumentos->estado_carpeta=="Rechazado")
                                                                                                        Carpeta rechazada
                                                                                                    @endif
                                                                                                @else
                                                                                                    Carpeta en revisión
                                                                                                @endif
                                                                                            @else
                                                                                                @if (count($postulante->carpetaDeDocumentos->examenesActividadesRechazados)>0)
                                                                                                    Exámenes alterados
                                                                                                @else
                                                                                                    @if (count($postulante->carpetaDeDocumentos->examenesActividadesPendientes)>0)
                                                                                                        Documentos pendientes
                                                                                                    @else
                                                                                                        Formalizado, exámenes y actividades en proceso
                                                                                                    @endif
                                                                                                @endif
                                                                                            @endif
                                                                                        @else
                                                                                            Formalización pendiente
                                                                                        @endif
                                                                                    @else
                                                                                        Referencia pendiente
                                                                                    @endif
                                                                                @endif
                                                                            @else
                                                                                Entrevista coordinada
                                                                            @endif
                                                                        @else
                                                                            Entrevista pendiente
                                                                        @endif
                                                                    @endif
                                                                @endif
                                                            </td>
    
                                                            @if (isset($postulante->fecha_envio_sondeo))
                                                                <td>{{fechaConFormatoDeChile($postulante->fecha_envio_sondeo)}}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->fecha_postulante_aceptado))
                                                                <td>{{ fechaConFormatoDeChile($postulante->fecha_postulante_aceptado) }}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            <td>{{$postulante->dias_atraso_envio_sondeo}}</td>
                                                            @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 (isset($postulante->envioSondeo))
                                                                    @php
                                                                        $habilitarOpcionDetalleFichaEntrevistaTecnica=false;
                                                                        $habilitarOpcionAnularFichaEntrevistaTecnica=false;
                                                                        $habilitarOpcionEstablecerFechaFichaEntrevistaTecnica=false;
                                                                        $habilitarOpcionCambiarFechaFichaEntrevistaTecnica=false;
                                                                        $habilitarOpcionResponderFichaEntrevistaTecnica=false;

                                                                        if(isset($postulante->fichaRespondida)){
                                                                            $habilitarOpcionDetalleFichaEntrevistaTecnica=true;
                                                                            if(isset($solicitudDeReclutamiento->responsableSondeo)){
                                                                                if(count($postulante->carpetaDeDocumentos->detalleDocumentosRequeridos)==0 && count($postulante->referencias) == 0){
                                                                                    if($solicitudDeReclutamiento->estado_cierre == 'Abierta' && $postulante->estado_cierre== 'Abierta'){
                                                                                        if(Gate::check('postulante.anular-ficha-entrevista-tecnica')){
                                                                                            $habilitarOpcionAnularFichaEntrevistaTecnica=true;
                                                                                        }

                                                                                        if(Gate::check('postulante.edit')){
                                                                                            if(isset($postulante->fecha_entrevista_tecnica)){
                                                                                                $habilitarOpcionCambiarFechaFichaEntrevistaTecnica=true;
                                                                                            }else{
                                                                                                $habilitarOpcionEstablecerFechaFichaEntrevistaTecnica=true;
                                                                                            }
                                                                                        }
                                                                                    }
                                                                                }
                                                                            }
                                                                        }else{
                                                                            if(isset($solicitudDeReclutamiento->responsableSondeo)){
                                                                                if(count($postulante->carpetaDeDocumentos->detalleDocumentosRequeridos)==0 && count($postulante->referencias) == 0){
                                                                                
                                                                                    if($solicitudDeReclutamiento->estado_cierre == 'Abierta' && $postulante->estado_cierre== 'Abierta'){
                                                                                        
                                                                                        if(Gate::check('postulante.edit')){
                                                                                            if(isset($postulante->fecha_entrevista_tecnica)){
                                                                                                $habilitarOpcionCambiarFechaFichaEntrevistaTecnica=true;
                                                                                            }else{
                                                                                                $habilitarOpcionEstablecerFechaFichaEntrevistaTecnica=true;
                                                                                            }
                                                                                        }
                                                                                    }
                                                                                }
                                                                            }
                                                                        }

                                                                        if($postulante->fecha_establecer_fecha_entrevista_tecnica){
                                                                            if($solicitudDeReclutamiento->id_usuario == auth()->user()->id){
                                                                                if(isset($postulante->envioSondeo)){
                                                                                    if($solicitudDeReclutamiento->estado == 'Aprobado' && $postulante->estado == 'Aceptado'){
                                                                                        if(isset($postulante->fichaRespondida)){
                                                                                            $habilitarOpcionDetalleFichaEntrevistaTecnica=true;
                                                                                        }else{
                                                                                            if($solicitudDeReclutamiento->estado_cierre == 'Abierta' && $postulante->estado_cierre== 'Abierta'){
                                                                                                $habilitarOpcionResponderFichaEntrevistaTecnica=true;
                                                                                            }
                                                                                        }
                                                                                    }
                                                                                }
                                                                            }else{
                                                                                if(isset($postulante->envioSondeo)){
                                                                                    if($solicitudDeReclutamiento->estado == 'Aprobado'  && isset($postulante->fichaRespondida)){
                                                                                        $habilitarOpcionDetalleFichaEntrevistaTecnica=true;
                                                                                    }
                                                                                }
                                                                            }
                                                                        }
                                                                    @endphp

                                                                    @if ($habilitarOpcionDetalleFichaEntrevistaTecnica==true || $habilitarOpcionAnularFichaEntrevistaTecnica==true
                                                                    || $habilitarOpcionEstablecerFechaFichaEntrevistaTecnica==true || $habilitarOpcionCambiarFechaFichaEntrevistaTecnica==true
                                                                    || $habilitarOpcionResponderFichaEntrevistaTecnica==true)
                                                                        <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 ($habilitarOpcionDetalleFichaEntrevistaTecnica==true)
                                                                                    <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 Técnica 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 Técnica</a>    
                                                                                @endif

                                                                                @if ($habilitarOpcionResponderFichaEntrevistaTecnica==true)
                                                                                    <a class="dropdown-item" href="#" onclick="abrirModalSeleccionFicha({{ $postulante->id }},'{{ $postulante->nombre }}')"><i class="fas fa-comments" aria-hidden="true"></i> Responder Ficha Entrevista Técnica</a>
                                                                                @endif

                                                                                @if ($habilitarOpcionEstablecerFechaFichaEntrevistaTecnica==true)
                                                                                    <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 Técnica</a>
                                                                                @endif

                                                                                @if ($habilitarOpcionCambiarFechaFichaEntrevistaTecnica==true)
                                                                                    <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 Técnica</a>
                                                                                @endif

                                                                                @if ($habilitarOpcionAnularFichaEntrevistaTecnica==true)
                                                                                    <a class="dropdown-item" href="#" onclick="anularFichaEntrevistaTecnica({{$postulante->id}})"><i class="fas fa-times-circle"></i> Anular Ficha Entrevista Técnica</a>
                                                                                @endif
                                                                            </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>
                                                    @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="5" class="text-center">DATOS DE POSTULANTES</th>
                                                    <th colspan="10" class="text-center">FECHAS DE PROCESOS</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 colspan="9" class="text-center">DÍAS DE PROCESOS</th>
                                                    @endif
                                                </tr>
                                                <tr role="row">
                                                    <th>Acciones</th>
                                                    <th>Rut del Postulante</th>
                                                    <th>Nombre del Postulante</th>
                                                    <th>Cargo del Postulante</th>
                                                    <th>Status General</th>

                                                    <th>Creación de la Solicitud</th>
                                                    <th>Envío Sondeo</th>
                                                    <th>Aceptación/Descarte</th>
                                                    <th>Coordinación de Entrevista Técnica</th>
                                                    <th>Entrevista Técnica Respondida</th>
                                                    <th>Ingreso de Referencias</th>
                                                    <th>Formalización</th>
                                                    <th>Envío de Carpeta</th>
                                                    <th>Aprobación de Carpeta</th>
                                                    <th>Cierre del Proceso</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>Envío Sondeo</th>
                                                        <th>Aceptación/Descarte</th>
                                                        <th>Coordinación de Entrevista Técnica</th>
                                                        <th>Entrevista Técnica Respondida</th>
                                                        <th>Ingreso de Referencias</th>
                                                        <th>Formalización</th>
                                                        <th>Envío de Carpeta</th>
                                                        <th>Aprobación de Carpeta</th>
                                                        <th>Cierre del Proceso</th>
                                                    @endif
                                                </tr>
                                            </thead>
                                            <tbody id="registroPostualntesStatus">
                                                @foreach ($postulantesParaDetalle 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>';
                                                        }

                                                        $seVisualizaPostulante=false;
                                                        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')) {
                                                            $seVisualizaPostulante=true;
                                                        }else if($solicitudDeReclutamiento->id_usuario == auth()->user()->id){
                                                            if(isset($postulante->envioSondeo)){
                                                                $seVisualizaPostulante=true;
                                                            }
                                                        }else if(isset($postulante->envioSondeo)){
                                                            $seVisualizaPostulante=true;
                                                        }
                                                    @endphp
                                                    @if ($seVisualizaPostulante==true)
                                                        <tr>
                                                            <td style="display: none;" class="id_postulante_tabla">{{ $postulante->id }}</td>
                                                            @if (isset($postulante->fecha_formalizacion))
                                                                <td style="display: none;" class="fecha_formalizacion">{{ $postulante->fecha_formalizacion }}</td>
                                                            @else
                                                                <td style="display: none;" class="fecha_formalizacion"></td>
                                                            @endif
                                                            @if (isset($postulante->observacion_formalizacion))
                                                                <td style="display: none;" class="observacion_formalizacion">{{ $postulante->observacion_formalizacion }}</td>
                                                            @else
                                                                <td style="display: none;" class="observacion_formalizacion"></td>
                                                            @endif
                                                            <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">
                                                                        <a class="dropdown-item" href="#" onclick="detallePostulanteStatusDelProcesos({{$postulante}},this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-eye" aria-hidden="true"></i> Detalles de Datos</a>
                                                                        @isset($solicitudDeReclutamiento->responsableSondeo)
                                                                            @if (isset($postulante->fichaRespondida) && $postulante->estado == 'Aceptado' && $postulante->estado_cierre == 'Abierta' && count($postulante->referencias) > 0)
                                                                                @if (Gate::check('postulante.edit') )
                                                                                    @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
                                                                                    @endif
                                                                                @endif
                                                                        @endisset

                                                                        @isset($solicitudDeReclutamiento->responsableDocumentacion)
                                                                            @if (isset($postulante->fichaRespondida) && $postulante->estado == 'Aceptado' && Gate::check('postulante.index-carpeta-documentos-postulantes') && count($postulante->referencias) > 0)
                                                                                @if (isset($postulante->fecha_formalizacion))
                                                                                    <a class="dropdown-item" href="{{ route('documento-postulante.show', [$postulante->id]) }}"><i class="fas fa-archive" aria-hidden="true"></i> Documentos Requeridos</a>
                                                                                @endif   
                                                                            @endif
                                                                        @endisset
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>{{ $postulante->rut }}</td>
                                                            <td>{{ $postulante->nombre }}</td>
                                                            <td>{{$cargo->cargo}}</td>
                                                            <td>
                                                                @if ($postulante->estado=="Pendiente")
                                                                    @if (isset($postulante->id_envio_sondeo))
                                                                        Sondeo enviado
                                                                    @else
                                                                        @if ($postulante->referido==true)
                                                                            Postulante referido
                                                                        @else
                                                                            Postulante sondeado
                                                                        @endif
                                                                    @endif
                                                                @else
                                                                    @if ($postulante->estado == 'Descartado')
                                                                        Sondeo rechazado
                                                                    @else
                                                                        @if (isset($postulante->fecha_entrevista_tecnica))
                                                                            @if (isset($postulante->fecha_responder_ficha_entrevista_tecnica))
                                                                                @if ($postulante->estado == 'Descartado')
                                                                                    Entrevista rechazada 
                                                                                @else
                                                                                    @if (count($postulante->referencias)>0)
                                                                                        @if (isset($postulante->fecha_formalizacion))
                                                                                            @if (isset($postulante->fecha_envio_carpeta))
                                                                                                @if (isset($postulante->fecha_aprobacion_carpeta))
                                                                                                    @if ($postulante->carpetaDeDocumentos->estado_carpeta=="Aprobado")
                                                                                                        Carpeta aceptada
                                                                                                    @elseif ($postulante->carpetaDeDocumentos->estado_carpeta=="Rechazado")
                                                                                                        Carpeta rechazada
                                                                                                    @endif
                                                                                                @else
                                                                                                    Carpeta en revisión
                                                                                                @endif
                                                                                            @else
                                                                                                @if (count($postulante->carpetaDeDocumentos->examenesActividadesRechazados)>0)
                                                                                                    Exámenes alterados
                                                                                                @else
                                                                                                    @if (count($postulante->carpetaDeDocumentos->examenesActividadesPendientes)>0)
                                                                                                        Documentos pendientes
                                                                                                    @else
                                                                                                        Formalizado, exámenes y actividades en proceso
                                                                                                    @endif
                                                                                                @endif
                                                                                            @endif
                                                                                        @else
                                                                                            Formalización pendiente
                                                                                        @endif
                                                                                    @else
                                                                                        Referencia pendiente
                                                                                    @endif
                                                                                @endif
                                                                            @else
                                                                                Entrevista coordinada
                                                                            @endif
                                                                        @else
                                                                            Entrevista pendiente
                                                                        @endif
                                                                    @endif
                                                                @endif
                                                            </td>  
                                                            
                                                            <td>{{fechaConFormatoDeChile($postulante->created_at)}}</td>
                                                            @if (isset($postulante->fecha_envio_sondeo))
                                                                <td>{{fechaConFormatoDeChile($postulante->fecha_envio_sondeo)}}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->fecha_postulante_aceptado))
                                                                <td>{{fechaConFormatoDeChile($postulante->fecha_postulante_aceptado)}}</td>
                                                            @else
                                                                @if (isset($postulante->fecha_postulante_aceptado_2))
                                                                    <td>{{fechaConFormatoDeChile($postulante->fecha_postulante_aceptado_2)}}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif
                                                            @endif
                                                            @if (isset($postulante->fecha_establecer_fecha_entrevista_tecnica))
                                                                <td>{{fechaConFormatoDeChile($postulante->fecha_establecer_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->fecha_ingreso_referencias))
                                                                <td>{{fechaConFormatoDeChile($postulante->fecha_ingreso_referencias)}}</td>
                                                            @else
                                                                <td></td>
                                                            @endif
                                                            @if (isset($postulante->fecha_establecer_fecha_formalizacion))
                                                                <td class="fecha_establecer_formalizacion">{{fechaConFormatoDeChile($postulante->fecha_establecer_fecha_formalizacion)}}</td>
                                                            @else
                                                                <td class="fecha_establecer_formalizacion"></td>
                                                            @endif
                                                            @if (isset($postulante->fecha_envio_carpeta))
                                                                <td>{{fechaConFormatoDeChile($postulante->fecha_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->fecha_cierre))
                                                                <td>{{fechaConFormatoDeChile($postulante->fecha_cierre)}}</td>
                                                            @else
                                                                <td></td>
                                                            @endif

                                                            @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'))
                                                                <td>{{$postulante->dias_atraso_envio_sondeo}}</td>
                                                                <td>{{$postulante->dias_atraso_postulante_aceptado}}</td>
                                                                <td>{{$postulante->dias_atraso_establecer_fecha_entrevista_tecnica}}</td>
                                                                <td>{{$postulante->dias_atraso_responder_ficha_entrevista_tecnica}}</td>
                                                                <td>{{$postulante->dias_atraso_ingreso_referencias}}</td>
                                                                <td>{{$postulante->dias_atraso_establecer_fecha_formalizacion}}</td>
                                                                <td>{{$postulante->dias_atraso_envio_carpeta}}</td>
                                                                <td>{{$postulante->dias_atraso_aprobacion_carpeta}}</td>
                                                                <td>{{$postulante->dias_atraso_cierre}}</td>
                                                            @endif
                                                        </tr>
                                                    @endif
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

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

                            @if ($solicitudDeReclutamiento->estado == 'Aprobado' && $solicitudDeReclutamiento->estado_cierre == 'Abierta')
                                @if (Gate::check('postulante.create'))
                                    @isset($solicitudDeReclutamiento->responsableSondeo)
                                        <a role="button" class="btn btn-primary" href="{{ route('postulante.create', $cargo->id) }}"><i class="fas fa-user-plus" style="margin-right: 2px;"></i> Crear Postulante </a>
                                    @endisset

                                    @if ($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
                                    @endif
                                @else
                                    @if ($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()" style="display: none;"><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-primary" onclick="abrirModalCoordinacionPostulantes()" style="display: none;"><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 ($solicitudDeReclutamiento->estado_cierre == 'Abierta')
                                @if ($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', $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 ($solicitudDeReclutamiento->estado == 'Rechazado' && $solicitudDeReclutamiento->id_usuario == auth()->user()->id)
                                        <a href="{{ route('solicitud-reclutamiento.edit', $solicitudDeReclutamiento) }}" role="button" class="btn btn-warning mt-1"><i class="fas fa-edit" aria-hidden="true"></i> Editar Solicitud</a>
                                    @else
                                        @if ($solicitudDeReclutamiento->estado == 'Aprobado')
                                        @endif
                                    @endif
                                @endif

                                @if ($solicitudDeReclutamiento->estado == 'Aprobado')
                                    @if (Gate::check('solicitud-reclutamiento.asignar-responsable-sondeo'))
                                        <button type="button" class="btn btn-info mt-1" id="botonAsignarResponsableSondeo" onclick="abrirModalAsignadorResponsableSondeo({{$solicitudDeReclutamiento->id_responsable_sondeo}})"><i class="fas fa-user-check" style="margin-right: 2px;"></i> Asignar Responsable</button>
                                    @endif
                                @endif
                            @endif
                            
                            @if ($usuarioPuedeCerrarSolicitud===true)
                                <button type="button" class="btn btn-success mt-1" id="botonDeCierre" onclick="cerrarSolicitud()"><i class="fas fa-sign-out-alt" style="margin-right: 2px;"></i> Cerrar Solicitud</button>
                            @endif
                            
                            @if ($usuarioPuedeAnularSolicitudDespuesDeSuAprobacion===true)
                                <button type="button" class="btn btn-info mt-1" onclick="abrirModalAnulacionSolicitudDespuesDeAprobacion()"><i class="fas fa-sign-out-alt" style="margin-right: 2px;"></i> Anular Solicitud</button>
                            @endif
                            
                            @if ($usuarioPuedeEditarVacantes===true)
                                <button type="button" class="btn btn-warning mt-1" onclick="abrirModalEditarVacantes()"><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar Número de Vacantes</button>
                            @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="modalDetalleDePostulante" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #007bff; color:white;">
                    <h5 class="modal-title" id="tituloModalDetalleDePostulante"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                        <div class="form-group">
                            <label for="rut">Rut Postulante</label>
                            <input type="text" class="form-control" id="campoRutPostulanteModal" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="cargo">Nombre Postulante</label>
                            <input type="text" class="form-control" id="campoNombrePostulanteModal" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="cargo">Cargo Postulante</label>
                            <input type="text" class="form-control" id="campoCargoPostulanteModal" readonly="true" value="{{$cargo->cargo}}">
                        </div>

                        <div class="form-group">
                            <label for="cargo">Correo Postulante</label>
                            <input type="text" class="form-control" id="campoCorreoPostulanteModal" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="cargo">Telefono Postulante</label>
                            <input type="text" class="form-control" id="campoTelefonoPostulanteModal" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="rut">Es de Pueblos Originarios</label>
                            <input type="text" class="form-control" id="campoEsDePuebloOriginariosPostulanteModal" readonly="true">
                        </div>
                    </div>

                    <div class="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-enfermedades-modal">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Enfermedad</th>
                                </tr>
                            </thead>
                            <tbody id="registroEnfermedadesModal">
                                <tr id="enfermedadesModalNoDisponibleEnLaTabla">
                                    <td colspan="2" class="text-center">No hay enfermedades disponibles en
                                        la tabla</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                        <div class="form-group">
                            <label for="rut">Ciudad</label>
                            <input type="text" class="form-control" id="campoCiudadPostulanteModal" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="rut">Pretensión de Renta</label>
                            <input type="text" class="form-control" id="campoPretensionDeRentaPostulanteModal" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="rut">Licencia de Conducir</label>
                            <input type="text" class="form-control" id="campoLicenciaDeConducirPostulanteModal" readonly="true">
                        </div>
                    </div>

                    <div class="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-partes-modal">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Partes</th>
                                </tr>
                            </thead>
                            <tbody id="registroPartesModal">
                                <tr id="partesModalNoDisponibleEnLaTabla">
                                    <td colspan="2" class="text-center">No hay partes disponibles en la
                                        tabla</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                        <div class="form-group">
                            <label for="rut">Tiene Discapacidad</label>
                            <input type="text" class="form-control" id="campoTieneDiscapacidadPostulanteModal" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="rut">Discapacidad</label>
                            <input type="text" class="form-control" id="campoDiscapacidadPostulanteModal" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="rut">Carnet de Discapacidad</label>
                            <input type="text" class="form-control" id="campoCarnetDeDiscapacidadPostulanteModal" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="rut">Disponibilidad</label>
                            <input type="text" class="form-control" id="campoDisponibilidadPostulanteModal" readonly="true">
                        </div>
                    </div>

                    <div class="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-estudios-modal">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Tipo Estudios</th>
                                    <th>Estudios/Profesión</th>
                                    <th>Estado Estudios</th>
                                </tr>
                            </thead>
                            <tbody id="registroEstudiosModal">
                                <tr id="estudiosModalNoDisponibleEnLaTabla">
                                    <td colspan="4" class="text-center">No hay estudios disponibles en la
                                        tabla</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                        <div class="form-group">
                            <label for="rut">Experencia General</label>
                            <input type="text" class="form-control" id="campoExperenciaGeneralPostulanteModal" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="rut">Experencia Especifica</label>
                            <input type="text" class="form-control" id="campoExperenciaEspecificaPostulanteModal" readonly="true">
                        </div>
                    </div>

                    <h5 style="display:none;">Conocido y/o familiar en nuestra empresa</h5>
                    <div class="dt-responsive table-responsive" style="display:none;">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-conflicto-interes-familiar-nuestra-empresas-modal">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Nombre</th>
                                    <th>Área/Servicio y Faena</th>
                                    <th>Parentesco</th>
                                </tr>
                            </thead>
                            <tbody id="registroConfictoInteresFamiliarNuestraEmpresaModal">
                                <tr id="confictoInteresFamiliarNuestraEmpresaModalNoDisponibleEnLaTabla">
                                    <td colspan="4" class="text-center">No hay conflicto de interes disponibles en la tabla</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <h5 style="display:none;">Conocido y/o familiar en algunas de nuestras subcontratistas o empresa mandante</h5>
                    <div class="dt-responsive table-responsive" style="display:none;">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-conflicto-interes-familiar-empresa-contratista-modal">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Nombre</th>
                                    <th>Empresa</th>
                                    <th>Parentesco</th>
                                </tr>
                            </thead>
                            <tbody id="registroConfictoInteresFamiliarEmpresaContratistaModal">
                                <tr id="confictoInteresFamiliarEmpresaContratistaModalNoDisponibleEnLaTabla">
                                    <td colspan="4" class="text-center">No hay conflicto de interes disponibles en la tabla</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <h5 style="display:none;">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" style="display:none;">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-conflicto-interes-familiar-inspeccion-tecnica-modal">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Nombre</th>
                                    <th>Empresa</th>
                                    <th>Parentesco</th>
                                </tr>
                            </thead>
                            <tbody id="registroConfictoInteresFamiliarInspeccionTecnicaModal">
                                <tr id="confictoInteresFamiliarInspeccionTecnicaModalNoDisponibleEnLaTabla">
                                    <td colspan="4" class="text-center">No hay conflicto de interes disponibles en la tabla</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <h5>Referencias</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>Empresa</th>
                                    <th>Cargo</th>
                                    <th>Tiempo De Experiencias En La Empresa</th>
                                    <th>Observación</th>
                                    <th>Estado</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalReferenciasModal">
                                <tr id="registroModalReferenciasModalNoDisponibleEnLaTabla">
                                    <td colspan="6" class="text-center">No hay referencias disponibles en la tabla</td>
                                </tr>
                            </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="modalDetalleDePostulanteStatusDelProceso" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #007bff; color:white;">
                    <h5 class="modal-title" id="tituloModalDetalleDePostulanteStatusDelProceso"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                        <div class="form-group">
                            <label for="rut">Rut Postulante</label>
                            <input type="text" class="form-control" id="campoRutPostulanteModalStatusDelProceso" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="cargo">Nombre Postulante</label>
                            <input type="text" class="form-control" id="campoNombrePostulanteModalStatusDelProceso" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="cargo">Cargo Postulante</label>
                            <input type="text" class="form-control" id="campoCargoPostulanteModalStatusDelProceso" readonly="true" value="{{$cargo->cargo}}">
                        </div>

                        <div class="form-group">
                            <label for="cargo">Fecha de Formalización</label>
                            <input type="date" class="form-control" id="campoFechaFormalizacionPostulanteModalStatusDelProceso" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="cargo">Fecha De Examen Pre ocupacional</label>
                            <input type="date" class="form-control" id="campoFechaExamenPreOcupacionalPostulanteModalStatusDelProceso" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="cargo">Fecha De Inducción Hombre Nuevo</label>
                            <input type="date" class="form-control" id="campoFechaInduccionHombreNuevoPostulanteModalStatusDelProceso" readonly="true">
                        </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="campoObservacionFormalizacionPostulanteModalStatusDelProceso" rows="3" readonly="true"></textarea>
                    </div>

                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                        <div class="form-group">
                            <label for="cargo">Fecha de Envió Carpeta</label>
                            <input type="date" class="form-control" id="campoFechaEnvioCarpetaPostulanteModalStatusDelProceso" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="cargo">Fecha de Aprobación/Rechazo de la Carpeta</label>
                            <input type="date" class="form-control" id="campoFechaAprobacionCarpetaPostulanteModalStatusDelProceso" readonly="true">
                        </div>

                        <div class="form-group">
                            <label for="cargo">Estado de Carpeta</label>
                            <input type="text" class="form-control" id="campoEstadoDeCarpetaStatusDelProceso" readonly="true">
                        </div>
                    </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="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: #007bff; 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: #007bff; 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: #007bff; 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: #007bff; 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: #007bff; 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: #007bff; 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: #007bff; 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: #007bff; 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 ($postulantesParaDetalle 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 ($postulantesParaDetalle 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 ($postulantesParaDetalle 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-primary" 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: #007bff; 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: #007bff; 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: #007bff; 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-primary" id="botonEstablecerNuevoHorarioEntrevistaTecnica">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: #007bff; 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 ($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-primary" 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: #007bff; 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 ($postulantesParaDetalle as $postulante)
                            @isset($postulante->id_envio_sondeo)
                                @if ( $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 ($postulantesParaDetalle as $postulante)
                            @isset($postulante->id_envio_sondeo)
                                @if ( $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-primary" 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: #007bff; 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: #007bff; 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 for="cargo">Fecha De Examen Pre ocupacional</label>
                            <input type="date" class="form-control" id="fechaExamenPreOcupacional" name="fecha_examen_preocupacional">
                            <div class="invalid-feedback" id="valicacionCampoFechaExamenPreOcupacional">

                            </div>
                        </div>

                        <div class="form-group">
                            <label for="cargo">Fecha De Inducción Hombre Nuevo</label>
                            <input type="date" class="form-control" id="fechaInduccionHombreNuevo" name="fecha_ihn">
                            <div class="invalid-feedback" id="valicacionCampoFechaInduccionHombreNuevo">

                            </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-primary" 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: #007bff; 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-primary" 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: #007bff; 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-primary" 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: #007bff; 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: #007bff; color:white;">
                        @if ($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', $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 ($solicitudDeReclutamiento->centroCosto->sucursal == 'Antofagasta')
                            <button type="button" class="btn btn-primary" id="botonAsignadorResponsableSondeo" onclick="asignarResponsableSondeo('{{ $solicitudDeReclutamiento->centroCosto->sucursal }}')">Asignar Responsable</button>
                        @else
                            <button type="button" class="btn btn-primary" id="botonAsignadorResponsableSondeo" onclick="asignarResponsableSondeo('{{ $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: #007bff; 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', $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-primary" id="botonAsignadorResponsableDocumentacion" onclick="asignarResponsableSondeoDocumentacion()">Asignar Responsable De Documentación</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
    
    <div class="modal fade" id="AnularDeSolicitudDespuesDeAprobacion" tabindex="-1" aria-labelledby="LabelAnularSolicitud" aria-hidden="true">
        <form id="formularioAnularSolicitudDespuesDeAprobacion">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="LabelAnularSolicitudDespuesDeAprobacion">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="observacionAnularDespuesDeAprobacion" name="observacion" rows="3"></textarea>
                            <div class="invalid-feedback" id="valicacionObservacionAnularDespuesDeAprobacion">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" id="cerrarAnularSolicitudDespuesDeAprobacion">Cerrar</button>
                        <button type="button" class="btn btn-primary" id="botonAnulacionDespuesDeAprobacion" onclick="anularSolicitudDespuesDeAprobacion()">Anular Solicitud</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
    
    <div class="modal fade" id="ModalEditarVacantes" tabindex="-1" aria-labelledby="LabelAnularSolicitud" aria-hidden="true">
        <form id="formularioEditarVacantes">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="LabelEditarVacantes">Editar Número de Vacantes de la 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>Número de Vacantes Actual</label>
                            <input type="number" id="campoVacantesActual" class="form-control" value="{{ $cargo->numero_vacante }}" readonly="true">
                        </div>

                        <div class="form-group">
                            <label>Nuevo Número de Vacantes</label>
                            <input type="number" id="campoVacantes" class="form-control" name="vacante" value="{{ old('vacante') }}" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                            <div class="invalid-feedback" id="validacionCampoVacantes">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-primary" id="botonEditarVacantes" onclick="editarVacantes()">Editar Número de Vacantes</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: 30% 70%;
            border: 1px solid #eaeaea;
        }

        .contenedorEvaluacionesModal {
            display: grid;
            grid-template-columns: 30% 70%;
            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 detallePostulanteStatusDelProcesos(postulante, fila){
            console.log(postulante)
            document.getElementById("campoRutPostulanteModalStatusDelProceso").value=postulante.rut;
            document.getElementById("campoNombrePostulanteModalStatusDelProceso").value=postulante.nombre;
            if(postulante.fecha_formalizacion!=null && postulante.fecha_formalizacion!=""){
                document.getElementById("campoFechaFormalizacionPostulanteModalStatusDelProceso").value=postulante.fecha_formalizacion;
            }else{
                document.getElementById("campoFechaFormalizacionPostulanteModalStatusDelProceso").value="";
            }
            
             if(postulante.fecha_examen_preocupacional!=null && postulante.fecha_examen_preocupacional!=""){
                document.getElementById("campoFechaExamenPreOcupacionalPostulanteModalStatusDelProceso").value=postulante.fecha_examen_preocupacional;
            }else{
                document.getElementById("campoFechaExamenPreOcupacionalPostulanteModalStatusDelProceso").value="";
            }

            if(postulante.fecha_ihn!=null && postulante.fecha_ihn!=""){
                document.getElementById("campoFechaInduccionHombreNuevoPostulanteModalStatusDelProceso").value=postulante.fecha_ihn;
            }else{
                document.getElementById("campoFechaInduccionHombreNuevoPostulanteModalStatusDelProceso").value="";
            }
            
            if(postulante.observacion_formalizacion!=null && postulante.observacion_formalizacion!=""){
                document.getElementById("campoObservacionFormalizacionPostulanteModalStatusDelProceso").value=postulante.observacion_formalizacion;
            }else{
                document.getElementById("campoObservacionFormalizacionPostulanteModalStatusDelProceso").value="";
            }

            let fechaEnvioCarpeta= moment(postulante.fecha_envio_carpeta).format('YYYY-MM-DD');
            let fechaAprobacionCarpeta= moment(postulante.fecha_aprobacion_carpeta).format('YYYY-MM-DD');

            document.getElementById("campoFechaEnvioCarpetaPostulanteModalStatusDelProceso").value=fechaEnvioCarpeta;
            document.getElementById("campoFechaAprobacionCarpetaPostulanteModalStatusDelProceso").value=fechaAprobacionCarpeta;
            document.getElementById("campoEstadoDeCarpetaStatusDelProceso").value=postulante.carpeta_de_documentos.estado_carpeta;

            document.getElementById("tituloModalDetalleDePostulanteStatusDelProceso").innerHTML = "Datos del postulante " + postulante.nombre;
            $("#modalDetalleDePostulanteStatusDelProceso").modal("show");
        }

        function detallePostulante(postulante){
            document.getElementById("campoRutPostulanteModal").value=postulante.rut;
            document.getElementById("campoNombrePostulanteModal").value=postulante.nombre;
            document.getElementById("campoCorreoPostulanteModal").value=postulante.correo;
            document.getElementById("campoTelefonoPostulanteModal").value=postulante.telefono;
            document.getElementById("campoCiudadPostulanteModal").value=postulante.ciudad;
            document.getElementById("campoPretensionDeRentaPostulanteModal").value=postulante.pretencion_renta_texto;
            document.getElementById("campoLicenciaDeConducirPostulanteModal").value=postulante.licencia_conducir;
            if(postulante.discapacidad==true){
                document.getElementById("campoTieneDiscapacidadPostulanteModal").value="Si";
            }else{
                document.getElementById("campoTieneDiscapacidadPostulanteModal").value="No";
            }
            if(postulante.pueblo_originario==true){
                document.getElementById("campoEsDePuebloOriginariosPostulanteModal").value="Si";
            }else{
                document.getElementById("campoEsDePuebloOriginariosPostulanteModal").value="No";
            }
            document.getElementById("campoDiscapacidadPostulanteModal").value=postulante.nombre_discapacidad;
            document.getElementById("campoCarnetDeDiscapacidadPostulanteModal").value=postulante.carnet_discapacidad;
            document.getElementById("campoDisponibilidadPostulanteModal").value=postulante.disponibilidad;
            let experienciaGeneral=postulante.experiencia_general+ " Años";
            let experienciaEspedifica=postulante.experiencia_especifica+ " Años";
            document.getElementById("campoExperenciaGeneralPostulanteModal").value=experienciaGeneral;
            document.getElementById("campoExperenciaEspecificaPostulanteModal").value=experienciaEspedifica;

            document.getElementById("registroEnfermedadesModal").innerHTML="";
            if(postulante.enfermedades.length>0){
                if(document.getElementById("enfermedadesModalNoDisponibleEnLaTabla")){
                    document.getElementById("enfermedadesModalNoDisponibleEnLaTabla").remove();
                }
                let cantidadDeEnfermedades = 0;
                postulante.enfermedades.forEach(enfermedad => {
                    cantidadDeEnfermedades++;
                    document.getElementById("registroEnfermedadesModal").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td>' + cantidadDeEnfermedades + '</td>' +
                        '<td>' + enfermedad.enfermedad + '</td>' +
                        '</tr>';
                });
            }else{
                document.getElementById("registroEnfermedadesModal").innerHTML=
                '<tr id="enfermedadesModalNoDisponibleEnLaTabla">'+
                    '<td colspan="2" class="text-center">No hay enfermedades disponibles en tabla</td>'+
                '</tr>';
            }

            document.getElementById("registroPartesModal").innerHTML="";
            if(postulante.partes.length>0){
                if(document.getElementById("partesModalNoDisponibleEnLaTabla")){
                    document.getElementById("partesModalNoDisponibleEnLaTabla").remove();
                }
                let cantidadDePartes = 0;
                postulante.partes.forEach(parte => {
                    cantidadDePartes++;
                    document.getElementById("registroPartesModal").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td>' + cantidadDePartes + '</td>' +
                        '<td>' + parte.parte + '</td>' +
                        '</tr>';
                });
            }else{
                document.getElementById("registroPartesModal").innerHTML=
                '<tr id="partesModalNoDisponibleEnLaTabla">'+
                    '<td colspan="2" class="text-center">No hay partes disponibles en la tabla</td>'+
                '</tr>';
            }

            document.getElementById("registroEstudiosModal").innerHTML="";
            if(postulante.estudios.length>0){
                if(document.getElementById("estudiosModalNoDisponibleEnLaTabla")){
                    document.getElementById("estudiosModalNoDisponibleEnLaTabla").remove();
                }
                let cantidadDeEstudios = 0;
                postulante.estudios.forEach(estudio => {
                    cantidadDeEstudios++;
                    document.getElementById("registroEstudiosModal").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td>' + cantidadDeEstudios + '</td>' +
                        '<td>' + estudio.tipo + '</td>' +
                        '<td>' + estudio.estudio + '</td>' +
                        '<td>' + estudio.estado + '</td>' +
                        '</tr>';
                });
            }else{
                document.getElementById("registroEstudiosModal").innerHTML=
                '<tr id="estudiosModalNoDisponibleEnLaTabla">'+
                    '<td colspan="4" class="text-center">No hay estudios disponibles en la tabla</td>'+
                '</tr>';
            }

            document.getElementById("registroConfictoInteresFamiliarNuestraEmpresaModal").innerHTML="";
            if(postulante.conflicto_interes_empresa_guinez.length>0){
                if(document.getElementById("confictoInteresFamiliarNuestraEmpresaModalNoDisponibleEnLaTabla")){
                    document.getElementById("confictoInteresFamiliarNuestraEmpresaModalNoDisponibleEnLaTabla").remove();
                }
                let cantidadDeConflictos = 0;
                postulante.conflicto_interes_empresa_guinez.forEach(conflicto => {
                    cantidadDeConflictos++;
                    document.getElementById("registroConfictoInteresFamiliarNuestraEmpresaModal").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td>' + cantidadDeConflictos + '</td>' +
                        '<td>' + conflicto.nombre + '</td>' +
                        '<td>' + conflicto.area + '</td>' +
                        '<td>' + conflicto.parentesco + '</td>' +
                        '</tr>';
                });
            }else{
                document.getElementById("registroConfictoInteresFamiliarNuestraEmpresaModal").innerHTML=
                '<tr id="confictoInteresFamiliarNuestraEmpresaModalNoDisponibleEnLaTabla">'+
                    '<td colspan="4" class="text-center">No hay conflicto de interes disponibles en la tabla</td>'+
                '</tr>';
            }

            document.getElementById("registroConfictoInteresFamiliarEmpresaContratistaModal").innerHTML="";
            if(postulante.conflicto_interes_empresa_contratista.length>0){
                if(document.getElementById("confictoInteresFamiliarEmpresaContratistaModalNoDisponibleEnLaTabla")){
                    document.getElementById("confictoInteresFamiliarEmpresaContratistaModalNoDisponibleEnLaTabla").remove();
                }
                let cantidadDeConflictos = 0;
                postulante.conflicto_interes_empresa_contratista.forEach(conflicto => {
                    cantidadDeConflictos++;
                    document.getElementById("registroConfictoInteresFamiliarEmpresaContratistaModal").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td>' + cantidadDeConflictos + '</td>' +
                        '<td>' + conflicto.nombre + '</td>' +
                        '<td>' + conflicto.empresa + '</td>' +
                        '<td>' + conflicto.parentesco + '</td>' +
                        '</tr>';
                });
            }else{
                document.getElementById("registroConfictoInteresFamiliarEmpresaContratistaModal").innerHTML=
                '<tr id="confictoInteresFamiliarEmpresaContratistaModalNoDisponibleEnLaTabla">'+
                    '<td colspan="4" class="text-center">No hay conflicto de interes disponibles en la tabla</td>'+
                '</tr>';
            }

            document.getElementById("registroConfictoInteresFamiliarInspeccionTecnicaModal").innerHTML="";
            if(postulante.conflicto_interes_inspeccion_tecnica.length>0){
                if(document.getElementById("confictoInteresFamiliarInspeccionTecnicaModalNoDisponibleEnLaTabla")){
                    document.getElementById("confictoInteresFamiliarInspeccionTecnicaModalNoDisponibleEnLaTabla").remove();
                }
                let cantidadDeConflictos = 0;
                postulante.conflicto_interes_inspeccion_tecnica.forEach(conflicto => {
                    cantidadDeConflictos++;
                    document.getElementById("registroConfictoInteresFamiliarInspeccionTecnicaModal").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td>' + cantidadDeConflictos + '</td>' +
                        '<td>' + conflicto.nombre + '</td>' +
                        '<td>' + conflicto.empresa + '</td>' +
                        '<td>' + conflicto.parentesco + '</td>' +
                        '</tr>';
                });
            }else{
                document.getElementById("registroConfictoInteresFamiliarInspeccionTecnicaModal").innerHTML=
                '<tr id="confictoInteresFamiliarInspeccionTecnicaModalNoDisponibleEnLaTabla">'+
                    '<td colspan="4" class="text-center">No hay conflicto de interes disponibles en la tabla</td>'+
                '</tr>';
            }

            document.getElementById("registroModalReferenciasModal").innerHTML="";
            if(postulante.referencias.length>0){
                if(document.getElementById("registroModalReferenciasModalNoDisponibleEnLaTabla")){
                    document.getElementById("registroModalReferenciasModalNoDisponibleEnLaTabla").remove();
                }
                let cantidadDeReferencias = 0;
                postulante.referencias.forEach(referencia => {
                    cantidadDeReferencias ++;
                    document.getElementById("registroModalReferenciasModal").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td>' + cantidadDeReferencias  + '</td>' +
                        '<td>' + referencia.empresa + '</td>' +
                        '<td>' + referencia.cargo + '</td>' +
                        '<td>' + referencia.ano_experiencia + '</td>' +
                        '<td>' + referencia.observacion + '</td>' +
                        '<td>' + referencia.estado + '</td>' +
                        '</tr>';
                });
            }else{
                document.getElementById("registroModalReferenciasModal").innerHTML=
                '<tr id="registroModalReferenciasModalNoDisponibleEnLaTabla">'+
                    '<td colspan="6" class="text-center">No hay referencias disponibles en la tabla</td>'+
                '</tr>';
            }

            document.getElementById("tituloModalDetalleDePostulante").innerHTML = "Datos del postulante " + postulante.nombre;
            $("#modalDetalleDePostulante").modal("show");
        }

        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;
            
            $('#botonDescartePostulante').off('click');

            $('#botonDescartePostulante').on('click', function() {
                descartarUnPostulante(fila, nombrePostulante);
            });
            $("#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(".checkbox-seleccion-item");
                if(inputCheck){
                    if (inputCheck.checked) {
                        listadoDeIdPostulantes.push(inputCheck.value);
                    }
                }
            });

            if(listadoDeIdPostulantes.length>0){
                document.getElementById("botonAceptarVariosPostulantes").setAttribute("disabled", true);
                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").removeAttribute("disabled");
                    }
                })
            }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 técnica del postulante " + nombrePostulante;
            $('.clockpicker').clockpicker({
                placement: 'bottom',
                align: 'left',
                autoclose: true
            });

            $('#botonEstablecerNuevoHorarioEntrevistaTecnica').off('click');

            $('#botonEstablecerNuevoHorarioEntrevistaTecnica').on('click', function() {
                establecerNuevoHorarioDeEntrevistaTecnica(fila, nombrePostulante);
            });

            $("#modalEstablecerNuevoHorarioEntrevistaTecnica").modal("show");
        }

        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 Date();
                let fechaLocal = new Date(document.getElementById("fechaHorarioEntrevistaTecnica").value);
                fechaEntrevistaTecnica=new Date(fechaLocal.getTime() + fechaLocal.getTimezoneOffset() * 60000)
                fechaActual.setHours(0, 0, 0, 0);
                fechaEntrevistaTecnica.setHours(0, 0, 0, 0);
                if (fechaEntrevistaTecnica>=fechaActual) {
                    if(fechaEntrevistaTecnica.getTime()===fechaActual.getTime()){
                        let horaActual = new Date().getHours();
                        let minutoActual = new Date().getMinutes();
                        let horaInput = document.getElementById("horaHorarioEntrevistaTecnica").value;
                        let partesHoraInput = horaInput.split(":");
                        let horaInputDate = new Date();
                        horaInputDate.setHours(parseInt(partesHoraInput[0]), parseInt(partesHoraInput[1]));
                        if (horaInputDate.getHours() > horaActual || horaInputDate.getHours() === horaActual) {
                            if(horaInputDate.getHours() === horaActual){
                                if(horaInputDate.getMinutes() > minutoActual){
                                    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("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";
                                    }
        
                                    document.getElementById("horaHorarioEntrevistaTecnica").setAttribute("class", "form-control is-invalid");
                                    document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").style.display = "block";
                                    document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").innerHTML = "El campo hora debe ser mayor o igual que la hora actual";
                                }
                            }else{
                                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("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";
                            }

                            document.getElementById("horaHorarioEntrevistaTecnica").setAttribute("class", "form-control is-invalid");
                            document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").style.display = "block";
                            document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").innerHTML = "El campo hora debe ser mayor o igual que la hora actual";
                        }
                    }else{
                        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() }}';
                                console.log(fila)
                                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 o igual 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";
                }
            }
        }

        function dddddddddddd(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 Date();
                let fechaEntrevistaTecnica = new Date(document.getElementById("fechaHorarioEntrevistaTecnica").value);
                if (fechaEntrevistaTecnica>=fechaActual) {
                    if(fechaEntrevistaTecnica==fechaActual){
                        alert("11111")
                        let horaEntrevistaTecnica = new moment(document.getElementById("horaHorarioEntrevistaTecnica").value).format("HH:mm");
                        let horaActual = new moment().format("HH:mm");
                        if(horaEntrevistaTecnica >= horaActual){

                        }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";
                            }
    
                            document.getElementById("horaHorarioEntrevistaTecnica").setAttribute("class", "form-control is-invalid");
                            document.getElementById("valicacionCampoHoraHorarioEntrevistaTecnica").innerHTML = "El campo hora debe ser mayor o igual que la hora actual";
                        }
                    }else{
                        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 o igual 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("fechaExamenPreOcupacional").value = "";
            document.getElementById("fechaInduccionHombreNuevo").value = "";
            document.getElementById("fechaFormalizacion").setAttribute("class", "form-control");
            document.getElementById("observacionFormalizacion").setAttribute("class", "form-control");
            document.getElementById("fechaExamenPreOcupacional").setAttribute("class", "form-control");
            document.getElementById("fechaInduccionHombreNuevo").setAttribute("class", "form-control");
            document.getElementById("LabelModalEstablecerFechaObservacionDeFormalizacion").innerHTML = "Fecha Y Observación De Formalización Del Postulante " + nombrePostulante;
            
            $('#botonEstablecerFechaObservacionDeFormalizacion').off('click');

            $('#botonEstablecerFechaObservacionDeFormalizacion').on('click', function() {
                establecerFechaObservacionDeFormalizacion(fila, nombrePostulante);
            });
            $("#modalEstablecerFechaObservacionDeFormalizacion").modal("show");
        }

        function establecerFechaObservacionDeFormalizacion(fila, nombrePostulante) {
            document.getElementById("botonEstablecerFechaObservacionDeFormalizacion").setAttribute("disabled", true);
            let fechaDeFormalizacion=document.getElementById("fechaFormalizacion").value.trim();
            let fechaDePreOcupacional=document.getElementById("fechaExamenPreOcupacional").value.trim();
            let fechaDeIhn=document.getElementById("fechaInduccionHombreNuevo").value.trim();

            if (fechaDeFormalizacion.length > 0 && fechaDePreOcupacional.length > 0 && fechaDeIhn.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();
                                });
        
                                
                                /*.then((result) => {
                                    document.getElementById("campoFechaFormalizacionPostulanteModalStatusDelProceso").value=document.getElementById("fechaFormalizacion").value;
                                    document.getElementById("campoObservacionFormalizacionPostulanteModalStatusDelProceso").value=document.getElementById("observacionFormalizacion").value;
                                    let year = fechaActual.getFullYear();
                                    let month = String(fechaActual.getMonth() + 1).padStart(2, '0'); // Los meses van de 0 a 11, por eso se suma 1
                                    let day = String(fechaActual.getDate()).padStart(2, '0');
                                    
                                    let fechaFormateada = `${year}-${month}-${day}`;
                                    fila.querySelector(".fecha_establecer_formalizacion").innerHTML=fechaFormateada;
                                    $("#modalEstablecerFechaObservacionDeFormalizacion").modal("hide");
                                })
                                .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";
                }

                if (document.getElementById("fechaExamenPreOcupacional").value.trim().length > 0) {
                    document.getElementById("fechaExamenPreOcupacional").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoFechaExamenPreOcupacional").innerHTML = "";
                } else {
                    document.getElementById("fechaExamenPreOcupacional").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoFechaExamenPreOcupacional").innerHTML = "El campo fecha de examen pre ocupacional es obligatorio";
                }

                if (document.getElementById("fechaInduccionHombreNuevo").value.trim().length > 0) {
                    document.getElementById("fechaInduccionHombreNuevo").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoFechaInduccionHombreNuevo").innerHTML = "";
                } else {
                    document.getElementById("fechaInduccionHombreNuevo").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoFechaInduccionHombreNuevo").innerHTML = "El campo fecha de inducción hombre nuevo 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 responder 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', $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', $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', $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) {
            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', $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");
            });
        }
    </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', $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>
    
    <script>
        function cerrarSolicitud() {
            document.getElementById("botonDeCierre").setAttribute("disabled", true);
            var csrf = '{{ csrf_token() }}';
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La solicitud de reclutamiento se cerrará",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, Cerrar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('solicitud-reclutamiento.cerrar', $solicitudDeReclutamiento) }}',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            eliminarLoading()
                            Swal.fire({
                                    icon: 'success',
                                    title: '¡Cerrada!',
                                    text: 'La solicitud de reclutamiento fue cerrada',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                        },
                        error: function(data) {
                            eliminarLoading()
                            console.log(data)
                            document.getElementById("botonDeCierre").removeAttribute("disabled");
                        }
                    })
                } else {
                    document.getElementById("botonDeCierre").removeAttribute("disabled");
                }
            })
        }
    </script>
    
    <script>
        function abrirModalAnulacionSolicitudDespuesDeAprobacion() {
            document.getElementById("observacionAnularDespuesDeAprobacion").value = "";
            $("#AnularDeSolicitudDespuesDeAprobacion").modal("show");
        }

        function anularSolicitudDespuesDeAprobacion() {
            document.getElementById("botonAnulacionDespuesDeAprobacion").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La solicitud de reclutamiento cambiará su estado ha anulada y todos los postulantes quedaran descartados",
                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("observacionAnularDespuesDeAprobacion").value.trim().length > 0) {
                        var datosFormulario = $("#formularioAnularSolicitudDespuesDeAprobacion").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('solicitud-reclutamiento.anular-despues-aprobacion', $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("botonAnulacionDespuesDeAprobacion").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })
                    } else {
                        eliminarLoading()
                        document.getElementById("observacionAnularDespuesDeAprobacion").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionObservacionAnularDespuesDeAprobacion").innerHTML = "El campo motivo de anulación es obligatorio.";
                        document.getElementById("botonAnulacionDespuesDeAprobacion").removeAttribute("disabled");
                    }
                } else {
                    document.getElementById("botonAnulacionDespuesDeAprobacion").removeAttribute("disabled");
                }
            })
        }
    </script>
    
    <script>
        function abrirModalEditarVacantes() {
            document.getElementById("campoVacantes").value = "";
            $("#ModalEditarVacantes").modal("show");
        }

        function editarVacantes() {
            document.getElementById("botonEditarVacantes").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Se procederá a editar el número de vacantes de la solicitud de reclutamiento. En caso de que el nuevo número de vacantes sea igual a la cantidad de postulantes con carpeta aprobada, la solicitud de reclutamiento se cerrará automáticamente.",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, editar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    if (document.getElementById("campoVacantes").value.trim().length > 0) {
                        if(parseInt(document.getElementById("campoVacantes").value)>0){
                            if(document.getElementById("campoVacantes").value.trim()==document.getElementById("campoVacantesActual").value.trim()){
                                eliminarLoading()
                                document.getElementById("campoVacantes").setAttribute("class", "form-control is-invalid");
                                document.getElementById("validacionCampoVacantes").innerHTML = "El campo nuevo número de vacantes debe ser diferente que el campo número de vacantes actual.";
                                document.getElementById("botonEditarVacantes").removeAttribute("disabled");
                            }else{
                                var datosFormulario = $("#formularioEditarVacantes").serialize();
                                $.ajax({
                                    type: 'POST',
                                    datatype: 'json',
                                    url: '{{ route('solicitud-reclutamiento.editar-vacantes', $cargo) }}',
                                    data: datosFormulario,
                                    success: function(data) {
                                        eliminarLoading()
                                        Swal.fire({
                                                icon: 'success',
                                                title: '¡Editada!',
                                                text: 'El número de vacantes de la solicitud de reclutamiento se editó con éxito',
                                                confirmButtonColor: "#448aff",
                                                confirmButtonText: "Confirmar"
                                            }).then((result) => {
                                                location.reload();
                                            })
                                            .catch((error) => {
                                                location.reload();
                                            });
                                    },
                                    error: function(data) {
                                        eliminarLoading()
                                        console.log(data)
                                        document.getElementById("botonEditarVacantes").removeAttribute("disabled");
                                    }
                                })
                            }
                        }else {
                            eliminarLoading()
                            document.getElementById("campoVacantes").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoVacantes").innerHTML = "El campo nuevo número de vacantes debe ser mayor que 0.";
                            document.getElementById("botonEditarVacantes").removeAttribute("disabled");
                        }
                    } else {
                        eliminarLoading()
                        document.getElementById("campoVacantes").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoVacantes").innerHTML = "El campo nuevo número de vacantes es obligatorio.";
                        document.getElementById("botonEditarVacantes").removeAttribute("disabled");
                    }
                } else {
                    document.getElementById("botonEditarVacantes").removeAttribute("disabled");
                }
            })
        }
    </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