@extends('adminlte::page')

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

@section('title', 'intranet | Detalle Solicitud De Reclutamiento')

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

    </div>
@stop

@section('content')

    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-10">

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

                    @if ($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">Datos Generales</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">Cargo Solicitados</a>
                            </li>
                        </ul>
                    </div>

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

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

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

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

                                        <div class="form-group">
                                            <label>Fecha Solicitud</label>
                                            <input type="date" class="form-control" name="fecha_solicitud" value="{{ old('fecha_solicitud', fechaConFormatoDeUSA($solicitudDeReclutamiento->created_at)) }}" readonly="true">
                                        </div>

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

                                            @isset($solicitudDeReclutamiento->responsableDocumentacion)
                                                <div class="form-group">
                                                    <label for="cargo">Responsable De Documentación</label>
                                                    <input type="text" class="form-control" name="responsableDocumentacion" value="{{ old('responsableDocumentacion', $solicitudDeReclutamiento->responsableDocumentacion->name) }}" readonly="true">
                                                </div>
                                            @endisset
                                        @endif
                                    </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="alert alert-danger" role="alert" style="display: none;" id="errorTablaCargosSolicitados">

                                    </div>
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-cargos-solicitados">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Acción</th>
                                                    <th>Nombre Cargo</th>
                                                    <th>Numero De Vacantes</th>
                                                    <th>Numero De Postulantes Agregado</th>
                                                    <th>Faena</th>
                                                    <th>Area De Trabajo</th>
                                                    <th>Tipo Turno</th>
                                                    <th>Horario</th>
                                                    <th>Centro Costo</th>
                                                    <th>Nombre Supervisor Directo</th>
                                                    <th>Correo Supervisor Directo</th>
                                                    <th>Supervisa Cargo</th>
                                                    <th>Nivel Academico</th>
                                                    <th>Profesión</th>
                                                    <th>Experiencia Laboral</th>
                                                    <th>Sueldo Bruto</th>
                                                    <th>Fecha Ingreso Faena/Oficina</th>
                                                    <th>Tipo De Vehiculo</th>
                                                    <th>Maquinaria</th>
                                                    <th>Avances De Vacantes</th>
                                                    <th>Estado De Cierre</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $cantidadElemento = 0;
                                                @endphp
                                                @foreach ($solicitudDeReclutamiento->elementos as $elemento)
                                                    @php
                                                        $cantidadElemento++;
                                                        $cantidadDePostulantesEnviadoParaAprobacion = 0;
                                                        $cantidadDePostulantesNoEnviadoParaAprobacion = 0;
                                                        $cantidadDePostulantesAceptados = 0;
                                                        foreach ($elemento->postulantes as $postulante) {
                                                            if (isset($postulante->envioSondeo)) {
                                                                if ($postulante->estado == 'Aceptado') {
                                                                    $cantidadDePostulantesAceptados++;
                                                                }
                                                                $cantidadDePostulantesEnviadoParaAprobacion++;
                                                            } else {
                                                                $cantidadDePostulantesNoEnviadoParaAprobacion++;
                                                            }
                                                        }

                                                        $cantidadDeVacantes = $elemento->numero_vacante;
                                                        $cantidaDeVacantesCerradas = 0;
                                                        foreach ($elemento->postulantes as $pos) {
                                                            if ($pos->estado_cierre == "Cerrada") {
                                                                $cantidaDeVacantesCerradas++;
                                                            }
                                                        }

                                                        if ($cantidadDeVacantes > 0) {
                                                            $porcentaje = $cantidaDeVacantesCerradas / $cantidadDeVacantes;
                                                        } else {
                                                            $porcentaje = 0;
                                                        }
                                                        $porcentaje = $porcentaje * 100;
                                                        $barraDeProgresoVacantes = '';

                                                        if ($cantidadDeVacantes == $cantidaDeVacantesCerradas) {
                                                            $barraDeProgresoVacantes =
                                                                '<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">' . $cantidaDeVacantesCerradas . '/' . $cantidadDeVacantes . '</span></div>';
                                                        } else {
                                                            if ($cantidaDeVacantesCerradas > 0) {
                                                                $barraDeProgresoVacantes =
                                                                    '<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">' . $cantidaDeVacantesCerradas . '/' . $cantidadDeVacantes . '</span></div>';
                                                            } else {
                                                                $barraDeProgresoVacantes =
                                                                    '<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">' . $cantidaDeVacantesCerradas . '/' . $cantidadDeVacantes . '</span></div>';
                                                            }
                                                        }
                                                    @endphp
                                                    <tr role="row" class="odd">
                                                        <td>{{ $cantidadElemento }}</td>
                                                        <td>
                                                            <div class="btn-group ">
                                                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>
                                                                <div class="dropdown-menu">
                                                                    @if (count($elemento->conocimientos) > 0)
                                                                        <a class="dropdown-item" href="#" onclick="detalleConocimientos('{{ json_encode($elemento->conocimientos) }}','{{ $elemento->cargo }}')"><i class="fas fa-brain" aria-hidden="true"></i> Conocimientos/Certificaciones</a>
                                                                    @endif

                                                                    @if (count($elemento->bonos) > 0)
                                                                        <a class="dropdown-item" href="#" onclick="detalleBonos('{{ json_encode($elemento->bonos) }}','{{ $elemento->cargo }}')"><i class="fas fa-money-bill-wave-alt" aria-hidden="true"></i> Bonos</a>
                                                                    @endif

                                                                    <a class="dropdown-item" href="#" onclick="detalleEvaluaciones('{{ json_encode($elemento->evaluaciones) }}','{{ $elemento->cargo }}')"><i class="fas fa-book-open" aria-hidden="true"></i> Evaluaciones</a>

                                                                    @isset($elemento->observacion)
                                                                        <a class="dropdown-item" href="#" onclick="detalleObservacion('{{ $elemento->observacion }}','{{ $elemento->cargo }}')"><i class="fas fa-eye" aria-hidden="true"></i> Observación</a>
                                                                    @endisset

                                                                    @if ($elemento->postulantes->count() > 0)
                                                                        @if (Gate::check('postulante.create') || Gate::check('postulante.edit') || Gate::check('postulante.destroy'))
                                                                            <a class="dropdown-item" href="{{ route('postulante.show', $elemento->id) }}"><i class="fas fa-users" aria-hidden="true"></i> Detalle Postulantes</a>
                                                                        @else
                                                                            @if ($cantidadDePostulantesEnviadoParaAprobacion > 0)
                                                                                <a class="dropdown-item" href="{{ route('postulante.show', $elemento->id) }}"><i class="fas fa-users" aria-hidden="true"></i> Detalle Postulantes</a>
                                                                            @endif
                                                                        @endif
                                                                    @endif

                                                                    @if (Gate::check('postulante.create'))
                                                                        @if ($solicitudDeReclutamiento->estado == 'Aprobado')
                                                                            <a class="dropdown-item" href="{{ route('postulante.create', $elemento->id) }}"><i class="fas fa-user-plus" aria-hidden="true"></i> Crear Postulante</a>
                                                                        @endif
                                                                    @endif

                                                                    @if ($elemento->enviosSondeo->count() > 0)
                                                                        <a class="dropdown-item" href="#" onclick="detalleSondeos('{{ json_encode($elemento->enviosSondeo) }}','{{ $elemento->cargo }}')"><i class="fas fa-user-clock" aria-hidden="true"></i> Detalle Sondeos</a>
                                                                    @endif

                                                                    @if ($solicitudDeReclutamiento->estado == 'Aprobado')
                                                                        @if ($cantidadDePostulantesNoEnviadoParaAprobacion > 0 && Gate::check('solicitud-reclutamiento.enviar-sondeo'))
                                                                            <a class="dropdown-item" href="#" onclick="enviarSondeo('{{ $elemento->id }}','{{ $elemento->cargo }}')"><i class="fas fa-share-square" aria-hidden="true"></i> Enviar Sondeos Para Aprobación</a>
                                                                        @endif
                                                                    @endif
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td>{{ $elemento->cargo }}</td>
                                                        <td>{{ $elemento->numero_vacante }}</td>
                                                        <td>{{ $elemento->postulantes->count() }}</td>
                                                        <td>{{ $elemento->faena->faena }}</td>
                                                        <td>{{ $elemento->area_trabajo }}</td>
                                                        <td>{{ $elemento->tipo_turno }}</td>
                                                        <td>{{ $elemento->horario }}</td>
                                                        <td>{{ $elemento->centroCosto->centro_costo }}</td>
                                                        <td>{{ $elemento->nombre_supervisor_directo }}</td>
                                                        <td>{{ $elemento->correo_supervisor_directo }}</td>
                                                        <td>{{ $elemento->supervisa_cargo }}</td>
                                                        <td>{{ $elemento->nivel_academico }}</td>
                                                        <td>{{ $elemento->profesion }}</td>
                                                        <td>
                                                            @if ($elemento->experiencia_laboral > 0)
                                                                {{ $elemento->experiencia_laboral }} Años
                                                            @else
                                                                Sin Experiencia
                                                            @endif
                                                        </td>
                                                        <td>{{ $elemento->sueldo_bruto_texto }}</td>
                                                        <td>{{ fechaConFormatoDeChile($elemento->fecha_ingreso) }}</td>
                                                        <td>{{ $elemento->tipo_vehiculo }}</td>
                                                        <td>{{ $elemento->maquinaria }}</td>
                                                        <td>{!! $barraDeProgresoVacantes !!}</td>
                                                        @switch($elemento->estado_cierre)
                                                            @case('Abierta')
                                                                <td><span class="badge badge-danger">{{$elemento->estado_cierre}}</span></td>
                                                                @break
                                                            @case('Cerrada')
                                                                <td><span class="badge badge-success">{{$elemento->estado_cierre}}</span></td>
                                                                @break    
                                                        @endswitch
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class=" card-footer">
                            @php
                                $usuarioPuedeAprobar = false;
                                foreach ($solicitudDeReclutamiento->centroCosto->autorizadorSolicitudesDeReclutamiento as $autorizador) {
                                    if ($autorizador->id_usuario == auth()->user()->id) {
                                        $usuarioPuedeAprobar = true;
                                    }
                                }
                            @endphp

                            @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')
                                <button type="button" class="btn btn-success mt-1" onclick="abrirModalResumenAvancesCargos()"><i class="fas fa-tasks" style="margin-right: 2px;"></i> Resumen De Avances</button>
                                @if ($solicitudDeReclutamiento->centroCosto->sucursal == 'Antofagasta')
                                    @if (Gate::check('solicitud-reclutamiento.asignar-responsable-sondeo'))
                                        <button type="button" class="btn btn-info mt-1" id="botonAsignarResponsableSondeo" onclick="abrirModalAsignadorResponsableSondeo()"><i class="fas fa-user-check" style="margin-right: 2px;"></i> Asignar Responsable De Sondeo</button>
                                    @endif
                                @else
                                    @if (Gate::check('solicitud-reclutamiento.asignar-responsable-sondeo'))
                                        <button type="button" class="btn btn-info mt-1" id="botonAsignarResponsableSondeo" onclick="abrirModalAsignadorResponsableSondeo()"><i class="fas fa-user-check" style="margin-right: 2px;"></i> Asignar Responsable De Sondeo</button>
                                    @endif

                                    @if (Gate::check('solicitud-reclutamiento.asignar-responsable-documentos'))
                                        <button type="button" class="btn btn-info mt-1" id="botonAsignarResponsableDocumentacion" onclick="abrirModalAsignadorResponsableDocumentacion()"><i class="fas fa-user-check" style="margin-right: 2px;"></i> Asignar Responsable De Documentación</button>
                                    @endif
                                @endif
                            @endif

                            <a href="{{ route('solicitud-reclutamiento.index') }}" role="button" class="btn btn-secondary mt-1"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                        </div>
                    </form>

                </div>

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

    <div class="modal fade" id="modalConocimientos" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalConocimientos"></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>Conocimientos y/o certificaciones</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalConocimientosCertificaciones">
                            </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="modalBonos" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalBonos"></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>Bono</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalBonos">
                            </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="modalEvaluaciones" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalEvaluaciones"></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="contenedorEvaluacionesModal" id="contenedorEvaluacionesModal" style="margin-bottom: 10px;">

                    </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="modalObservacion" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="tituloModalObservacion"></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" id="contenedorDescrionArticiloAlSeleccionarlo">
                            <label for="descripcion">Observación</label>
                            <textarea class="form-control" id="observacionModal" rows="3" readonly="true"></textarea>
                        </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="RechazoDeSolicitud" tabindex="-1" aria-labelledby="LabelRechazoSolicitud" aria-hidden="true">
        <form id="formularioRechazoSolicitud">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="LabelRechazoSolicitud">Rechazar Solicitud De Reclutamiento</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Motivo Del Rechazo</label>
                            <textarea class="form-control" id="observacionRechazo" name="observacionRechazo" rows="3"></textarea>
                            <div class="invalid-feedback" id="valicacionObservacionRechazo">

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

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

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

    <div class="modal fade" id="modalSondeos" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalSondeos"></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>Acciones</th>
                                    <th>Fecha</th>
                                    <th>Días De Proceso</th>
                                    <th>Usuario Que Envio El Sondeo</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalSondeos">
                            </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="modalPostulantesSondeos" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalPostulantesSondeos"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <div class="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Nombre</th>
                                    <th>Correo</th>
                                    <th>Telefono</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalPostulantesSondeos">
                            </tbody>
                        </table>
                    </div>

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

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

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

    <div class="modal fade" id="modalResumenAvances" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalResumenAvances">Resumen De Avances De Los Cargos</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-bordered" role="grid" aria-describedby="base-style_info">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Nombre Cargo</th>
                                    <th>Numero De Vacantes</th>
                                    <th>Avances De Postulantes Pendientes</th>
                                    <th>Avances De Postulantes Descartado</th>
                                    <th>Avances De Postulantes Aceptado</th>
                                    <th>Avances De Postulantes Con Fecha Y Hora Entrevista Tecnica Establecido</th>
                                    <th>Avances De Postulantes Con Ficha Entrevista Tecnica</th>
                                    <th>Avances De Postulantes En Etapa De Documentos/Actividades</th>
                                    <th>Avances De Postulantes Con Carpeta De Documentos Enviada</th>
                                    <th>Avances De Postulantes Con Carpeta Aprobadas</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalResumenAvances">
                                @php
                                    $cantidadCargoAvances=0;
                                @endphp
                                @foreach($solicitudDeReclutamiento->elementos as $elemento)
                                    @php
                                        $cantidadCargoAvances++;
                                        $numeroVacantes=$elemento->numero_vacante;
                                        $cantidadPostulantePendiente=0;
                                        $cantidadPostulanteDescartado=0;
                                        $cantidadPostulanteAceptado=0;
                                        $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido=0;
                                        $cantidadPostulanteConFichaTecnicaEstablecido=0;
                                        $cantidadPostulanteEnEtapaDeDocumentos=0;
                                        $cantidadPostulanteCarpetaEnviada=0;
                                        $cantidadPostulanteCarpetaAprobada=0;

                                        foreach ($elemento->postulantes as $postulante) {
                                            if($postulante->estado=="Pendiente"){
                                                $cantidadPostulantePendiente++;
                                            }else if($postulante->estado=="Descartado"){
                                                $cantidadPostulanteDescartado++;
                                            }else if($postulante->estado=="Aceptado"){
                                                $cantidadPostulanteAceptado++;
                                                if(isset($postulante->fecha_entrevista_tecnica)){
                                                    $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido++;
                                                    if(isset($postulante->fichaRespondida)){
                                                        $cantidadPostulanteConFichaTecnicaEstablecido++;
                                                        if($elemento->establecio_prioridad==true && count($postulante->referencias)>0 && $postulante->estado_coordinacion=="Coordinado"){
                                                            $cantidadPostulanteEnEtapaDeDocumentos++;
                                                            if($postulante->carpetaDeDocumentos->envio_carpeta==true){
                                                                $cantidadPostulanteCarpetaEnviada++;
                                                                if($postulante->carpetaDeDocumentos->estado_carpeta=="Aprobado"){
                                                                    $cantidadPostulanteCarpetaAprobada++;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }

                                        //---------------Avances Postulantes Pendientes-------------------
                                        if ($cantidadPostulantePendiente > 0) {
                                            $porcentajePostulantePendiente = $cantidadPostulantePendiente / $numeroVacantes;
                                        } else {
                                            $porcentajePostulantePendiente = 0;
                                        }
                                        $porcentajePostulantePendiente = $porcentajePostulantePendiente * 100;
                                        $barraDeProgresoPostulantePendiente = '';
                                        if ($cantidadPostulantePendiente>=$numeroVacantes) {
                                            $barraDeProgresoPostulantePendiente = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulantePendiente . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulantePendiente . '/' . $numeroVacantes . '</span></div>';
                                        } elseif ($cantidadPostulantePendiente > 0) {
                                            $barraDeProgresoPostulantePendiente = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulantePendiente . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulantePendiente . '/' . $numeroVacantes . '</span></div>';
                                        } else {
                                            $barraDeProgresoPostulantePendiente = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulantePendiente . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulantePendiente . '/' . $numeroVacantes . '</span></div>';
                                        }

                                        //---------------Avances Postulantes Descartado-------------------
                                        if ($cantidadPostulanteDescartado > 0) {
                                            $porcentajePostulanteDescartado = $cantidadPostulanteDescartado / $numeroVacantes;
                                        } else {
                                            $porcentajePostulanteDescartado = 0;
                                        }
                                        $porcentajePostulanteDescartado = $porcentajePostulanteDescartado * 100;
                                        $barraDeProgresoPostulanteDescartado = '';
                                        if ($cantidadPostulanteDescartado>=$numeroVacantes) {
                                            $barraDeProgresoPostulanteDescartado = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteDescartado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteDescartado . '/' . $numeroVacantes . '</span></div>';
                                        } elseif ($cantidadPostulanteDescartado > 0) {
                                            $barraDeProgresoPostulanteDescartado = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteDescartado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteDescartado . '/' . $numeroVacantes . '</span></div>';
                                        } else {
                                            $barraDeProgresoPostulanteDescartado = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteDescartado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteDescartado . '/' . $numeroVacantes . '</span></div>';
                                        }

                                        //---------------Avances Postulantes Aceptado-------------------
                                        if ($cantidadPostulanteAceptado > 0) {
                                            $porcentajePostulanteAceptado = $cantidadPostulanteAceptado / $numeroVacantes;
                                        } else {
                                            $porcentajePostulanteAceptado = 0;
                                        }
                                        $porcentajePostulanteAceptado = $porcentajePostulanteAceptado * 100;
                                        $barraDeProgresoPostulanteAceptado = '';
                                        if ($cantidadPostulanteAceptado>=$numeroVacantes) {
                                            $barraDeProgresoPostulanteAceptado = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteAceptado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteAceptado . '/' . $numeroVacantes . '</span></div>';
                                        } elseif ($cantidadPostulanteAceptado > 0) {
                                            $barraDeProgresoPostulanteAceptado = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePostulanteAceptado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadPostulanteAceptado . '/' . $numeroVacantes . '</span></div>';
                                        } else {
                                            $barraDeProgresoPostulanteAceptado = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulanteAceptado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulanteAceptado. '/' . $numeroVacantes . '</span></div>';
                                        }

                                        //---------------Avances Postulantes Con Fecha Y Hora Entrevista Tecnica Establecido-------------------
                                        if ($cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido > 0) {
                                            $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido = $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido / $numeroVacantes;
                                        } else {
                                            $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido = 0;
                                        }
                                        $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido = $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido * 100;
                                        $barraDeProgresoPostulanteConFechaHoraEntrevistaTecnicaEstablecido = '';
                                        if ($cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido>=$numeroVacantes) {
                                            $barraDeProgresoPostulanteConFechaHoraEntrevistaTecnicaEstablecido = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido . '/' . $numeroVacantes . '</span></div>';
                                        } elseif ($cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido > 0) {
                                            $barraDeProgresoPostulanteConFechaHoraEntrevistaTecnicaEstablecido = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido . '/' . $numeroVacantes . '</span></div>';
                                        } else {
                                            $barraDeProgresoPostulanteConFechaHoraEntrevistaTecnicaEstablecido = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulanteConFechaHoraEntrevistaTecnicaEstablecido . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulanteConFechaHoraEntrevistaTecnicaEstablecido. '/' . $numeroVacantes . '</span></div>';
                                        }

                                        //---------------Avances Postulantes Con Ficha De Entrevista Tecnica-------------------
                                        if ($cantidadPostulanteConFichaTecnicaEstablecido > 0) {
                                            $porcentajePostulanteConFichaTecnicaEstablecido= $cantidadPostulanteConFichaTecnicaEstablecido / $numeroVacantes;
                                        } else {
                                            $porcentajePostulanteConFichaTecnicaEstablecido = 0;
                                        }
                                        $porcentajePostulanteConFichaTecnicaEstablecido = $porcentajePostulanteConFichaTecnicaEstablecido * 100;
                                        $barraDeProgresoPostulanteConFichaTecnicaEstablecido = '';
                                        if ($cantidadPostulanteConFichaTecnicaEstablecido>=$numeroVacantes) {
                                            $barraDeProgresoPostulanteConFichaTecnicaEstablecido = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteConFichaTecnicaEstablecido . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteConFichaTecnicaEstablecido . '/' . $numeroVacantes . '</span></div>';
                                        } elseif ($cantidadPostulanteConFichaTecnicaEstablecido > 0) {
                                            $barraDeProgresoPostulanteConFichaTecnicaEstablecido= '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePostulanteConFichaTecnicaEstablecido . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadPostulanteConFichaTecnicaEstablecido . '/' . $numeroVacantes . '</span></div>';
                                        } else {
                                            $barraDeProgresoPostulanteConFichaTecnicaEstablecido = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulanteConFichaTecnicaEstablecido . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulanteConFichaTecnicaEstablecido. '/' . $numeroVacantes . '</span></div>';
                                        }

                                        //---------------Avances Postulantes En Etapa De Documentos-------------------
                                        if ($cantidadPostulanteEnEtapaDeDocumentos > 0) {
                                            $porcentajePostulanteEnEtapaDeDocumentos= $cantidadPostulanteEnEtapaDeDocumentos / $numeroVacantes;
                                        } else {
                                            $porcentajePostulanteEnEtapaDeDocumentos = 0;
                                        }
                                        $porcentajePostulanteEnEtapaDeDocumentos = $porcentajePostulanteEnEtapaDeDocumentos * 100;
                                        $barraDeProgresoPostulanteEnEtapaDeDocumentos = '';
                                        if ($cantidadPostulanteEnEtapaDeDocumentos>=$numeroVacantes) {
                                            $barraDeProgresoPostulanteEnEtapaDeDocumentos = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteEnEtapaDeDocumentos . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteEnEtapaDeDocumentos . '/' . $numeroVacantes . '</span></div>';
                                        } elseif ($cantidadPostulanteEnEtapaDeDocumentos > 0) {
                                            $barraDeProgresoPostulanteEnEtapaDeDocumentos= '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePostulanteEnEtapaDeDocumentos . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadPostulanteEnEtapaDeDocumentos . '/' . $numeroVacantes . '</span></div>';
                                        } else {
                                            $barraDeProgresoPostulanteEnEtapaDeDocumentos = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulanteEnEtapaDeDocumentos . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulanteEnEtapaDeDocumentos. '/' . $numeroVacantes . '</span></div>';
                                        }

                                         //---------------Avances Postulantes Carpeta Enviada-------------------
                                         if ($cantidadPostulanteCarpetaEnviada > 0) {
                                            $porcentajePostulanteCarpetaEnviada= $cantidadPostulanteCarpetaEnviada / $numeroVacantes;
                                        } else {
                                            $porcentajePostulanteCarpetaEnviada = 0;
                                        }
                                        $porcentajePostulanteCarpetaEnviada = $porcentajePostulanteCarpetaEnviada * 100;
                                        $barraDeProgresoPostulanteCarpetaEnviada= '';
                                        if ($cantidadPostulanteCarpetaEnviada>=$numeroVacantes) {
                                            $barraDeProgresoPostulanteCarpetaEnviada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteCarpetaEnviada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteCarpetaEnviada . '/' . $numeroVacantes . '</span></div>';
                                        } elseif ($cantidadPostulanteCarpetaEnviada > 0) {
                                            $barraDeProgresoPostulanteCarpetaEnviada= '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePostulanteCarpetaEnviada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadPostulanteCarpetaEnviada . '/' . $numeroVacantes . '</span></div>';
                                        } else {
                                            $barraDeProgresoPostulanteCarpetaEnviada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulanteCarpetaEnviada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulanteCarpetaEnviada. '/' . $numeroVacantes . '</span></div>';
                                        }

                                         //---------------Avances Postulantes Carpeta Aprobada-------------------
                                        if ($cantidadPostulanteCarpetaAprobada > 0) {
                                            $porcentajePostulanteCarpetaAprobada= $cantidadPostulanteCarpetaAprobada / $numeroVacantes;
                                        } else {
                                            $porcentajePostulanteCarpetaAprobada = 0;
                                        }
                                        $porcentajePostulanteCarpetaAprobada = $porcentajePostulanteCarpetaAprobada * 100;
                                        $barraDeProgresoPostulanteCarpetaAprobada= '';
                                        if ($cantidadPostulanteCarpetaAprobada>=$numeroVacantes) {
                                            $barraDeProgresoPostulanteCarpetaAprobada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePostulanteCarpetaAprobada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidadPostulanteCarpetaAprobada . '/' . $numeroVacantes . '</span></div>';
                                        } elseif ($cantidadPostulanteCarpetaAprobada > 0) {
                                            $barraDeProgresoPostulanteCarpetaAprobada= '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePostulanteCarpetaAprobada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidadPostulanteCarpetaAprobada . '/' . $numeroVacantes . '</span></div>';
                                        } else {
                                            $barraDeProgresoPostulanteCarpetaAprobada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePostulanteCarpetaAprobada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidadPostulanteCarpetaAprobada. '/' . $numeroVacantes . '</span></div>';
                                        }
                                    @endphp

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

                                @endforeach
                            </tbody>
                        </table>
                    </div>

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

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <style>
        .contenedorTipoDeTurno {
            display: grid;
            grid-template-columns: 46% 6% 46%;
            column-gap: 4px;
        }

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

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

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

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

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

    <script>
        $('#usuarioAsignadoResponsableSondeo').selectpicker({
            dropupAuto: false,
        });
        $('#usuarioAsignadoResponsableDocumentacion').selectpicker({
            dropupAuto: false,
        });
        $('.table-responsive').on('show.bs.dropdown', function() {
            $('.table-responsive').css("overflow", "inherit");
        });

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

    <script>
        function detalleConocimientos(conocimientos, cargo) {
            let listadoConocimientos = JSON.parse(conocimientos);
            document.getElementById("registroModalConocimientosCertificaciones").innerHTML = "";
            let cantidadConocimiento = 0;
            listadoConocimientos.forEach(conocimiento => {
                cantidadConocimiento++;
                document.getElementById("registroModalConocimientosCertificaciones").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-conocimiento-certificacion">' + cantidadConocimiento + '</td>' +
                    '<td class="tabla-modal-conocimiento-certificacion">' + conocimiento.conocimiento_certificacion + '</td>' +
                    '</tr>';
            });
            document.getElementById("tituloModalConocimientos").innerHTML = "Conocimientos/Certificaciones del cargo solicitado " + cargo;
            $("#modalConocimientos").modal("show");
        }

        function detalleBonos(bonos, cargo) {
            let listadoBonos = JSON.parse(bonos);
            document.getElementById("registroModalBonos").innerHTML = "";
            let cantidadBonos = 0;
            listadoBonos.forEach(bono => {
                cantidadBonos++;
                document.getElementById("registroModalBonos").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-bonos">' + cantidadBonos + '</td>' +
                    '<td class="tabla-modal-bono-bonos">' + bono.bono + '</td>' +
                    '</tr>';
            });
            document.getElementById("tituloModalBonos").innerHTML = "Bonos del cargo solicitado " + cargo;
            $("#modalBonos").modal("show");
        }

        function detalleEvaluaciones(evaluaciones, cargo) {
            let listadoEvaluaciones = JSON.parse(evaluaciones);
            document.getElementById("contenedorEvaluacionesModal").innerHTML =
                '<div style="padding:10px;" class="text-center">EVALUACIONES</div>' +
                '<div style="padding:10px;" class="text-center">OPCIÓN SELECCIONADA</div>';
            let cantidadEvaluacion = 0;
            listadoEvaluaciones.forEach(evaluacion => {
                let cantidadEvaluacionEsPar = false;
                cantidadEvaluacion++;
                if (cantidadEvaluacion % 2 == 0) {
                    cantidadEvaluacionEsPar = true;
                } else {
                    cantidadEvaluacionEsPar = false;
                }

                if (cantidadEvaluacionEsPar == false) {
                    document.getElementById("contenedorEvaluacionesModal").innerHTML +=
                        '<div class="filaEvaluacionBlancoClaro">' + evaluacion.evaluacion + '</div>' +
                        '<div class="filaEvaluacionBlancoClaro text-center">' + evaluacion.opcion + '</div>';
                } else {
                    document.getElementById("contenedorEvaluacionesModal").innerHTML +=
                        '<div class="filaEvaluacionBlancoOscuro">' + evaluacion.evaluacion + '</div>' +
                        '<div class="filaEvaluacionBlancoOscuro text-center">' + evaluacion.opcion + '</div>';
                }
            });
            document.getElementById("tituloModalEvaluaciones").innerHTML = "Evaluaciones del cargo solicitado " + cargo;
            $("#modalEvaluaciones").modal("show");
        }

        function detalleObservacion(observacion, cargo) {
            document.getElementById("observacionModal").value = observacion;
            document.getElementById("tituloModalObservacion").innerHTML = "Observación del cargo solicitado " + cargo;
            $("#modalObservacion").modal("show")
        }

        function detalleSondeos(sondeos, cargo) {
            let listadoSondeos = JSON.parse(sondeos);
            document.getElementById("registroModalSondeos").innerHTML = "";
            let cantidadSondeos = 0;
            listadoSondeos.forEach(sondeo => {
                cantidadSondeos++;
                if(sondeo.nombre_usuario!=null){
                    document.getElementById("registroModalSondeos").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-sondeos">' + cantidadSondeos + '</td>' +
                    '<td class="tabla-modal-acciones-sondeos">' +
                    '<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 class="tabla-modal-fecha-sondeos">' + sondeo.fecha + '</td>' +
                    '<td class="tabla-modal-dias-atraso-sondeos">' + sondeo.dias_atraso + '</td>' +
                    '<td class="tabla-modal-usuario-sondeos">' + sondeo.nombre_usuario + '</td>' +
                    '</tr>';
                }else{
                    document.getElementById("registroModalSondeos").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-sondeos">' + cantidadSondeos + '</td>' +
                    '<td class="tabla-modal-acciones-sondeos">' +
                    '<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 class="tabla-modal-fecha-sondeos">' + sondeo.fecha + '</td>' +
                    '<td class="tabla-modal-dias-atraso-sondeos">' + sondeo.dias_atraso + '</td>' +
                    '<td class="tabla-modal-usuario-sondeos">Sondeo Con Postulantes Referidos</td>' +
                    '</tr>';
                }
            });
            document.getElementById("tituloModalSondeos").innerHTML = "Sondeos del cargo solicitado " + cargo;
            $("#modalSondeos").modal("show");
        }

        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 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)
                        }
                    })
                }
            })
        }
    </script>

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

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

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

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

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

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

    <script>
        function abrirModalAsignadorResponsableDocumentacion() {
            document.getElementById("formularioResponsableDocumentacion").reset();
            $('#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 abrirModalResumenAvancesCargos() {
            $("#modalResumenAvances").modal("show");
        }
    </script>
@stop