@extends('adminlte::page')

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

@section('title', 'Intranet | Ficha Entrevista Tecnica')

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

    </div>
@stop

@php
    $listadoTotalesPorcentajeSeccion=[];
@endphp

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

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

                    <div class="card-header p-0 pt-1">
                        <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="custom-tabs-one-messages-tab" data-toggle="pill" href="#custom-tabs-one-messages" role="tab" aria-controls="custom-tabs-one-messages" aria-selected="false">Datos 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">Ficha Entrevista Tecnica</a>
                            </li>
                        </ul>
                    </div>

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

                                        <div class="form-group">
                                            <label for="cargo">Rut Del Postulante</label>
                                            <input type="text" class="form-control" id="rutPostulante" name="rut_postulante" value="{{ old('rut_postulante', $fichaRespondida->rut_postulante) }}" readonly="true">
                                        </div>

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

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

                                        <div class="form-group">
                                            <label for="rut_entrevistador">Rut Entrevistador</label>
                                            <input type="text" class="form-control" id="rutEntrevistador" name="rut_entrevistador" value="{{ old('rut_entrevistador', $fichaRespondida->rut_entrevistador) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="nombreEntrevistador">Nombre Entrevistador</label>
                                            <input type="text" class="form-control" id="nombreEntrevistador" name="nombre_entrevistador" value="{{ old('nombre_entrevistador', $fichaRespondida->nombre_entrevistador) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="fechaFicha">Fecha</label>
                                            <input type="text" class="form-control" name="fechaFicha" id="fechaFicha" value="{{ old('fechaFicha', fechaConFormatoDeChile($fichaRespondida->created_at)) }}" readonly="true">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="observacion">Observación <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                        <textarea class="form-control" id="observacion" name="observacion" rows="3" readonly="true">{{ $fichaRespondida->observacion }}</textarea>
                                        <div class="invalid-feedback" id="valicacionCampoObservacion">

                                        </div>
                                    </div>

                                    <input type="hidden" id="idFicha" value="{{ $fichaEntrevistaTecnica->id }}">
                                </div>

                                <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                    <div class="dt-responsive table-responsive">
                                        @php
                                            $cantidadColSpanSeccion = 1;
                                        @endphp
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-postulantes">
                                            <thead>
                                                <tr role="row">
                                                    <th style="background-color: #007bff; color:white;">Aspectos a Evaluar</th>
                                                    @foreach ($puntajesPermitidos as $puntaje)
                                                        @php
                                                            $cantidadColSpanSeccion = $cantidadColSpanSeccion + 2;
                                                        @endphp
                                                        <th colspan="2" style="background-color: #007bff; color:white;">{{ $puntaje['puntaje_opcion'] }}ptos</th>
                                                    @endforeach
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($fichaEntrevistaTecnica->seccionesFichaEntrevistaTecnicaOrdenanos as $seccion)
                                                    @php
                                                        $totalPorcentajeSeccion = 0;
                                                    @endphp
                                                    <tr>
                                                        <th colspan="{{ $cantidadColSpanSeccion }}" class="text-center" style="background-color: #007bff; color:white;">{{ $seccion->seccion }} {{ $seccion->porcentaje }}%</th>
                                                    </tr>
                                                    @foreach ($seccion->preguntasFichaEntrevistaTecnicaOrdenanos as $pregunta)
                                                        @php
                                                            $puntajeMaximoTotalSeccion = 0;
                                                            $valorPuntajeOpcionTotalSeccion = 0;
                                                        @endphp
                                                        <tr>
                                                            <td>{{ $pregunta->pregunta }}</td>
                                                            @foreach ($puntajesPermitidos as $puntaje)
                                                                @php
                                                                    $idOpcion = '';
                                                                    $valorOpcion = '';
                                                                    $valorPuntajeOpcion = 0;
                                                                    $opcionTieneContenidoEnEstePuntaje = false;
                                                                    $puntajeMaximo = 0;
                                                                    $celdaConPuntaje = false;
                                                                    foreach ($pregunta->opcionesFichaEntrevistaTecnicaOrdenanos as $opcion) {
                                                                        if ($puntaje['puntaje_opcion'] == $opcion->puntaje) {
                                                                            $idOpcion = $opcion->id;
                                                                            $valorOpcion = $opcion->opcion;
                                                                            $valorPuntajeOpcion = $opcion->puntaje;
                                                                            $opcionTieneContenidoEnEstePuntaje = true;
                                                                        }
                                                                    
                                                                        if ($opcion->puntaje > $puntajeMaximo) {
                                                                            $puntajeMaximo = $opcion->puntaje;
                                                                        }
                                                                    }
                                                                @endphp

                                                                @if ($opcionTieneContenidoEnEstePuntaje == true)
                                                                    <td>{{ $valorOpcion }}</td>
                                                                    @foreach ($fichaRespondida->preguntasRespondidas as $preguntaRespondida)
                                                                        @if ($preguntaRespondida->id_seccion == $seccion->id && $preguntaRespondida->id_pregunta == $pregunta->id && $preguntaRespondida->id_opcion == $idOpcion)
                                                                            @php
                                                                                $celdaConPuntaje = true;
                                                                            @endphp
                                                                        @endif
                                                                    @endforeach

                                                                    @if ($celdaConPuntaje == true)
                                                                        @php
                                                                            $puntajeMaximoTotalSeccion = $puntajeMaximo;
                                                                            $valorPuntajeOpcionTotalSeccion = $valorPuntajeOpcion;
                                                                        @endphp
                                                                        <td class="text-center celda-puntaje" style="width: 80px; background-color: #007bff; cursor:pointer;">
                                                                            <h2 style="color:white;">{{ $valorPuntajeOpcion }}</h2>
                                                                        </td>
                                                                    @else
                                                                        <td class="text-center celda-puntaje" style="width: 80px; background-color: #007bff; cursor:pointer;"></td>
                                                                    @endif
                                                                @else
                                                                    <td colspan="2"></td>
                                                                @endif
                                                            @endforeach
                                                        </tr>

                                                        @php
                                                            $totalSeccion = $pregunta->porcentaje / $puntajeMaximoTotalSeccion;
                                                            $totalSeccion = $totalSeccion * $valorPuntajeOpcionTotalSeccion;
                                                            $totalSeccion = round($totalSeccion);
                                                            $totalPorcentajeSeccion += $totalSeccion;
                                                        @endphp
                                                    @endforeach

                                                    @php
                                                        $listadoTotalesPorcentajeSeccion[]=$totalPorcentajeSeccion;
                                                    @endphp
                                                    <tr>
                                                        <td colspan="{{ $cantidadColSpanSeccion - 1 }}">Total</td>
                                                        <td class="total-porcentaje-numero" style="display:none;" id="total-porcentaje-numero-{{ $seccion->id }}"></td>
                                                        <td id="total-porcentaje-{{ $seccion->id }}" style="width: 80px; background-color: #007bff;color:white; font-weight:700;" class="text-center">{{ $totalPorcentajeSeccion }}%</td>
                                                    </tr>
                                                @endforeach

                                                <tr>
                                                    @if($postulante->fichaRespondida->porcentaje>=78)
                                                        <td colspan="{{ $cantidadColSpanSeccion - 3 }}">Total Final</td>
                                                        <td colspan="1" id="total-evaluacion" style="width: 80px; background-color: #28a745;color:white; font-weight:700;" class="text-center">{{$postulante->fichaRespondida->porcentaje}}%</td>
                                                        <td colspan="2" id="total-evaluacion-estimacion" style="width: 80px; background-color: #28a745;color:white; font-weight:700;" class="text-center">{{$postulante->fichaRespondida->estimacion}}</td>
                                                    @else
                                                        @if($postulante->fichaRespondida->porcentaje>=67)
                                                            <td colspan="{{ $cantidadColSpanSeccion - 3 }}">Total Final</td>
                                                            <td colspan="1" id="total-evaluacion" style="width: 80px; background-color: #ffc107;color:white; font-weight:700;" class="text-center">{{$postulante->fichaRespondida->porcentaje}}%</td>
                                                            <td colspan="2" id="total-evaluacion-estimacion" style="width: 80px; background-color: #ffc107;color:white; font-weight:700;" class="text-center">{{$postulante->fichaRespondida->estimacion}}</td>  
                                                        @else  
                                                            <td colspan="{{ $cantidadColSpanSeccion - 3 }}">Total Final</td>
                                                            <td colspan="1" id="total-evaluacion" style="width: 80px; background-color: #dc3545;color:white; font-weight:700;" class="text-center">{{$postulante->fichaRespondida->porcentaje}}%</td>
                                                            <td colspan="2" id="total-evaluacion-estimacion" style="width: 80px; background-color: #dc3545;color:white; font-weight:700;" class="text-center">{{$postulante->fichaRespondida->estimacion}}</td>  
                                                        @endif    
                                                    @endif
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="contenedor-estimaciones">
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr>
                                                    <th colspan="2" style="background-color: #007bff; color:white;">IDENTIFICACIÓN DE ESTIMACIONES</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td style="color: red;">0% - 55 %</td>
                                                    <td>Muy Deficiente</td>
                                                </tr>
                                                <tr>
                                                    <td style="color: red;">56%- 66%</td>
                                                    <td>Deficiente</td>
                                                </tr>
                                                <tr>
                                                    <td style="color: red;">67% - 77%</td>
                                                    <td>Regular</td>
                                                </tr>
                                                <tr>
                                                    <td style="color: red;">78% - 88%</td>
                                                    <td>Satisfactorio</td>
                                                </tr>
                                                <tr>
                                                    <td style="color: red;">89% y 100%</td>
                                                    <td>Muy Satisfactorio</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

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

                </div>

            </div>
        </div>
    </div>
@stop

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

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <style>
        .contenedor-estimaciones {
            display: grid;
            grid-template-columns: 1fr 1fr;
            column-gap: 10px;
        }

        .hide_column {
            display: none;
        }

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

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

        }

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

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

        .tamanoImagen {
            max-width: 80%;
        }

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

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

        }
    </style>
@stop

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