@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">
				<div class="table-responsive">
  					<table class="table">
						<tr class="table-active">
							<td colspan="3" align="center"><b>RESUMEN DE COMPETENCIAS EVALUADAS</b></td>
						</tr>
						<tr class="table-active">
							<td><b>INDICADORES DE DESEMPEÑO</b></td>
							<td><b>Calificación</b></td>
						</tr>
						
						@foreach($competencias as $com)
							@livewire('cargarinterrogantes', ['competenciaid' => $com->id,'asignacionid' => $asignacion->id,"tipo" => "imprimir2","editar" => 0])
						@endforeach
						<tr class="table-active">
							<td>Calificación General de Competencias</td>
							<td>{{ $total }}</td>
						</tr>
						<tr class="table-active"> 
							<td>NOTA</td>
							@if(intval($total) <= 30)
								@php
									$color="red";
									$mensaje="Malo - No avanza";
								@endphp
							@elseif(intval($total) >= 31 && intval($total) <= 60)
								@php
									$color="yellow";
									$mensaje="Regular - Ajuste inflacionario";
								@endphp
							@elseif(intval($total) >= 61 && intval($total) <= 90)
								@php
									$color="orange";
									$mensaje="Muy Bueno - Avanza de categoria";
								@endphp
							@elseif(intval($total) >= 91 && intval($total) <= 100)
								@php
									$color="green";
									$mensaje="Excelente - Avanza de categoria";
								@endphp
							@endif
							</tr>
					</table>
				</div>
			</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>
        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