Sindbad~EG File Manager

@extends('adminlte::page')

@section('title', $asignacion->evaluacion)

@section('content_header')
    <h1 style="color: #1177d1;">{{ $asignacion->evaluacion }}</h1>
    <p style="color: #6c757d;"><b>¡Hola!, tu calificación sincera contribuye a mejorar el desempeño de: </b>{{ $asignacion->evaluado }}</p><hr>
    <p><?= $asignacion->info ?></p>
@stop

@section('content')

	<style>
		fieldset {
		  border: 1px solid #1177d1;
		  border-radius: 10px;
		  padding: 10px;
		}
		legend {
		  padding: 10px;
		  width: 50%;
		}
	</style>
	
	{!! Form::open(array('url'=>'/admin/evaluar/formulario','method'=>'POST','autocomplete'=>'off')) !!}
		{{Form::token()}}
		@foreach($competencias as $com) 
			<div class="card" id="{{ $com->id }}">
				<div class="card-body">
					<fieldset>
			    		<legend style="color: #1177d1;">{{ $com->com_nom }}</legend>
			    		@if ($asignacion->estado == 1)
			    			@livewire('cargarinterrogantes', ['competenciaid' => $com->id,'asignacionid' => $asignacion->id,"tipo" => "mostrar","evaluado"=>$asignacion->evaluado_id])
			    		@endif

			    		@livewire('cargaformulario', ['competenciaid' => $com->id,"evaluador_id" => $asignacion->evaluador_id])

			    	</fieldset><br>
			    </div>
			</div>
		@endforeach
		<input type="hidden" name="asignacion_id" value="{{ $asignacion->id }}">
		<!--<div class="card">
			<div class="card-body" align="center">
				<table class="table">
					<thead class="thead-dark">
						<tr>
							<th>CALIFICACIÓN</th>
							<th>ESCALA</th>
							<th>INTERPRETACIÓN DE CALIFICACIONES Y RESULTADOS</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>DESTACADO</td>
							<td width="100px;">3,70 a 4,00</td>
							<td>El desempeño es de alta calidad y se logra con una base consistente.  Los resultados de su desempeño exceden claramente la mayor parte de los requerimientos de la posición.  La persona demuestra de manera regular logros significativos y supera lo razonable en las diferentes manifestaciones de su trabajo.</td>
						</tr>
						<tr>
							<td>SATISFACTORIO</td>
							<td width="100px;">2,70 a 3,69</td>
							<td>Obtiene los resultados esperados.  Este nivel debe ser aplicado a aquellos cuyo desempeño cumple con las exigencias del puesto, de acuerdo a lo esperado.  Es habitual en aquellas personas que tienen conocimientos, formación y experiencia apropiados para el puesto. Las personas en este nivel satisfacen los criterios de desempeño en el puesto por un trabajo competente y confiable.</td>
						</tr>
						<tr>
							<td>NECESITA MEJORAR</td>
							<td width="100px;">2,30 a 2,69</td>
							<td>Este nivel refleja un desempeño donde la persona no cumple de forma completa con los requerimientos del puesto, de acuerdo a lo esperado.  
La persona demuestra dificultad para lograr algunas o varias de las funciones y/o metas que se le plantean, por lo que necesita mayor seguimiento y orientación en las mismas.  </td>
						</tr>
						<tr>
							<td>NO CALIFICA</td>
							<td width="100px;">0 a 2,29</td>
							<td>Este nivel se aplica para aquellos cuyo trabajo en términos de calidad, cantidad y cumplimiento de objetivos, está claramente por debajo de las exigencias básicas de su puesto de trabajo.  </td>
						</tr>
					</tbody>
				</table>
				<br>
				<table class="table table-striped">
					<tr scope="row">
						<td>Total de Puntos</td>
						<td id="total"></td>
					</tr>
					<tr scope="row">
						<td>Término Medio Obtenido</td>
						<td id="terminomedio"></td>
					</tr>
					<tr scope="row">
						<td>Interpretación</td>
						<td id="interpretacion"></td>
					</tr> -->
				</table>
			</div>
		</div>
		<div class="card">
			<div class="card-body" align="center">
				<button class="btn btn-success" type="submit"><i class="far fa-save"></i> Guardar Cambios</button>
			</div>
		</div>
    {!!Form::close()!!}

@stop
@section('js')
	<script>
		$(document).ready(function(){
			$("input").change(function(){
				//Se inicializa valores en cero
				let contadorinput = 0;
				let contador = 0;
				// se capturan datos tipo radio y se cargan a variables
				var inputs = $("input[type=radio]:checked");
				for (let index = 0; index < inputs.length; index++) {
					contador+=parseInt(inputs[index].value);
					contadorinput+=1;
				}
				// se capturan datos tipo number y se cargan a variables
				var inputss = $("input[type=number]");
				
				for (let index = 0; index < inputss.length; index++) {
					if(parseInt(inputss[index].value)){
						contador+=parseInt(inputss[index].value);
					}
					contadorinput+=1;
				}
				//Se promedian datos y se pasan resultados
				$("#total").text(contador); 
				let promedio = parseFloat((contador*100)/(contadorinput*100)).toFixed(0);
				$("#terminomedio").text(promedio+"%"); 
				if(promedio <= 2.29){
					$("#interpretacion").text("NO CALIFICA"); 
				}else if(promedio <= 2.69){
					$("#interpretacion").text("NECESITA MEJORAR"); 
				}else if(promedio <= 3.69){
					$("#interpretacion").text("SATISFACTORIO"); 
				}else if(promedio <= 4){
					$("#interpretacion").text("DESTACADO"); 
				}
			});
		});
	</script>
@stop