Sindbad~EG File Manager

@extends('adminlte::page')

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

@section('content') 
	
	@php
		function calculaantiguedad($fechaingreso){
			list($ano,$mes,$dia) = explode("-",$fechaingreso);
			$ano_diferencia  = date("Y") - $ano;
			$mes_diferencia = date("m") - $mes;
			$dia_diferencia   = date("d") - $dia;
			if ($dia_diferencia < 0 || $mes_diferencia < 0)
				$ano_diferencia--;
			return $ano_diferencia." años ".$mes_diferencia." meses y ".$dia_diferencia." días ";
		}
	@endphp	

	<style>
		fieldset {
		  border: 1px solid #1177d1;
		  border-radius: 10px;
		  padding: 10px;
		}
		legend {
		  padding: 10px;
		  width: 50%;
		}
		@media print{
			.imprimir * {
				display:block; 
			}
		    .toPrint{
		    	display:block; border:0; width:100%; min-height:500px
		    }
		    .no-print, .no-print *{
        		display: none !important;
    		}
		}
	</style>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<div class="imprimir" id="factura">
    	<center>
    		<h1 style="color: #1177d1;">{{ $asignacion->evaluacion }}</h1>
    		<hr><h3>Datos Generales</h3><hr>
    	</center>

    	<p style="color: #6c757d;"><b>Nombre y Apellido del evaluado: </b>{{ $asignacion->evaluado }}</p>
    	<div class="row">
    		<div class="col-md-6">
    			<p style="color: #6c757d;"><b>Area: </b>{{ $asignacion->area }}</p>
    		</div>
    		<div class="col-md-6">
    			<p style="color: #6c757d;"><b>Cargo del evaluado: </b>{{ $asignacion->puesto }}</p>
    		</div>
    		<!--<div class="col-md-4">
    			<p style="color: #6c757d;"><b>Fecha de ingreso: </b>{{date("d/m/Y", strtotime($asignacion->ingreso))}}</p>
    		</div>
    		<div class="col-md-4">
    			<p style="color: #6c757d;"><b>Antigüedad: </b>{{ calculaantiguedad($asignacion->ingreso) }}</p>
    		</div>
    		<div class="col-md-4">
    			<p style="color: #6c757d;"><b>Antigüedad en el cargo: </b>{{ calculaantiguedad($asignacion->ingresocargo) }}</p>
    		</div>-->
    	</div>
    	<p style="color: #6c757d;"><b>Nombre y Apellido del evaluador: </b>{{ $asignacion->evaluador }}</p>
    	<p style="color: #6c757d;"><b>Cargo del evaluador: </b>{{ $asignacion->cargoevaluador }}</p>
    	<p style="color: #6c757d;"><b>Período de evaluación: </b>{{date("d/m/Y - h:i:s", strtotime($asignacion->fecha_evaluacion))}}</p>
    	<hr><h3 align="center">Evaluación de competencias y habilidades</h3><hr>
		@foreach($competencias as $com)
			<div class="card">
				<div class="card-body">
					<fieldset>
			    		<legend style="color: #1177d1;">{{ $com->com_nom }}</legend>
			    		
			    		@livewire('cargarinterrogantes', ['competenciaid' => $com->id,'asignacionid' => $asignacion->id,"tipo" => "mostrar"])

			    	</fieldset><br>
			    </div>
			</div>
		@endforeach
		<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>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>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>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>
	<div class="card">
		<div class="card-body">
			<center><button class="btn btn-info no-print" onclick="imprimir()"><i class="fas fa-print"></i> Imprimir informe</button> <center>
		</div>
	</div>
@stop

@section('adminlte_js')
	<script>
		$("#total").text({{$sumainput}}); 
		let promedio = parseFloat({{$sumainput}}/{{$totalinput}}).toFixed(2);
		$("#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>
	<script>
        function imprimir(){
            var mode = 'iframe'; //popup
            var close = mode == "popup";
            var options = { mode : mode, popClose : close, popHt: 400,popWd: 600,popX: 700,popY: 500};
            $("#factura").printArea( options );
        }
    </script> 
@stop