@extends('layouts.app')

@section('content')
<!-- Formulario para el registro de Planes de Evaluación o Contenido, Autor Yesenia Hernandez.-->
<br />
<b>Warning</b>:  Undefined variable $tipo in <b>/home/bitacora/public_html/bitacora/resources/views/planes/create.blade.php</b> on line <b>10</b><br />
<br />
<b>Warning</b>:  Undefined variable $tipo in <b>/home/bitacora/public_html/bitacora/resources/views/planes/create.blade.php</b> on line <b>14</b><br />
<script language="javascript">
	$(document).ready(function(){

		$("#criterio").change(function (event) { // evento al seleccionar el tipo de criterio, de ser numerico captura el valor maximo y los guarda en un input, si es alfabetico o por procesos arma una tabla con las escalas de dicho criterio 
			var es_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
			var es_firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
			var criterio=event.target.value;
			var porciones = criterio.split('_');
			var IdCriterio=porciones[0];
			var TipoCriterio=porciones[1];
			var contador=1;
			var TotalSumaPonderacion = 0;
			var TipoPlan="<br />
<b>Warning</b>:  Undefined variable $tipo in <b>/home/bitacora/public_html/bitacora/resources/views/planes/create.blade.php</b> on line <b>32</b><br />
";	
						
			if(TipoPlan=="e"){  // *****    El Tipo de Plan es de Evaluación    *****
				document.getElementById('TotalPonderacion').innerHTML = TotalSumaPonderacion;
				$("#PonderacionTotal").val(TotalSumaPonderacion);
					
				let 
				TablaCriterio= "<table border='2px' id='TablaCriterios'  width=100% cellspacing='10' cellpadding='10' style='text-align:center;border: 07px solid SKYBLUE; align:center;'><tr>";
				TablaCriterio+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong>TEMA GENERADOR &emsp;- REFERENTE TEÓRICO</strong><span style='color:#d73925'>&ensp;*</span></td>";
				TablaCriterio+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong>ESTRATEGIA &emsp;DE EVALUACIÓN</strong><span style='color:#d73925'>&ensp;*</span></td>";
				TablaCriterio+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong>FECHA PROBABLE</strong><span style='color:#d73925'>&ensp;*</span></td>";
				TablaCriterio+= "<td colspan='2' id='TCriterioNumerico' style='text-align:center;height:30px;background-color:#158CBA;'><strong>PONDERACIÓN<span style='color:#d73925'>&ensp;*</span><br>&emsp;&emsp;%&emsp;&emsp;&emsp;&emsp;Puntaje</strong></td>"
				TablaCriterio+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong><input type='button' id='add' value='+ Valor'></strong></td></tr><tr>";
				TablaCriterio+= "<td style='color:#a92727;'><TEXTAREA cols=90 rows=8 name='contenido[]' id='Contenido' maxlength='65000' style='color:#a92727;width:100%;' required>{{ old('contenido[]') }}</TEXTAREA></td>";
				TablaCriterio+= "<td style='color:#a92727;'><TEXTAREA cols=60 rows=5 name='tecnica[]' id='Tecnica' maxlength='380' style='color:#a92727;width:100%;' required>{{ old('tecnica[]') }}</TEXTAREA></td>";
				TablaCriterio+= "<td style='color:#a92727;'><TEXTAREA cols=60 rows=5 name='fecha[]' id='Fecha' maxlength='499' style='color:#a92727;width:100%;' required>{{ old('fecha[]') }}</TEXTAREA></td>";
				TablaCriterio+= "<td id='TabPonderacion'style='color:#a92727;'><center><input id='PonderacionNumerico1' name='ponderacion_numerico[]'  type='text'  class='form-control' style='color:#a92727;width:75px;text-align:center;'  value='{{ old('ponderacion_numerico') }}' onkeypress='return filterFloat(event,this);' onchange='Ponderacion(1);' onfocus='ValorInput(1);' required></center></td>"
				TablaCriterio+= "<td id='TabPuntaje' style='color:#a92727;'><center><input type='text' name='puntaje_numerico[]' id='PuntajeNumerico1' class='form-control' style='color:#a92727;width:50px;text-align:center;'  value='{{ old('puntaje_numerico[]') }}' readonly></center></td>"
			
				let 
				TablaPonderacion="<table id='TabTotalPond' border='2px'  width=100% cellspacing='10' cellpadding='10' style='text-align:center;border: 07px solid SKYBLUE; align:center;'><tr>"
				TablaPonderacion+="<td style='text-align:center;height:30px;width:585px;background-color:#158CBA;'><strong>TOTAL SOBRE PUNTOS DE EVALUACIÓN CONTINUA</strong></td>"
				TablaPonderacion+="<td style='text-align:center;height:30px;width:95px;background-color:#158CBA;'><center><input type='text' name='PonderacionTotal' id='PonderacionTotal' class='form-control' style='color:#a92727;width:50px;text-align:center;'  value='{{ old('PonderacionTotal') }}' readonly></center></td>"
				TablaPonderacion+="<td style='text-align:center;height:30px;width:70px;background-color:#158CBA;'><center><input type='text' name='PuntajeTotal' id='PuntajeTotal' class='form-control' style='color:#a92727;width:50px;text-align:center;'  value='{{ old('PuntajeTotal') }}' readonly></center></td>"
				TablaPonderacion+="<td style='text-align:center;height:30px;background-color:#158CBA;'></td></tr></table>"
				document.getElementById('PruebaPonderacion').innerHTML = TablaPonderacion;
				$('#PruebaPonderacion').show();

				TablaCriterio+= "<td><input type='button' class='del' value='- Valor' onclick='ValorId(1);'></td>"
						
				document.getElementById('PruebaCriterio').innerHTML = TablaCriterio;

				/************************************* 
				* Agregar Item al Plan de Evaluación *
				**************************************/	

				$("#add").click(function(){
					contador=contador+1;
					nuevaFila="<tr> \
					<td style='color:#a92727;'><TEXTAREA cols=90 rows=8 name='contenido[]' id='Contenido'  maxlength='65000' style='color:#a92727;width:100%;' required>{{ old('contenido[]') }}</TEXTAREA></td> \
					<td style='color:#a92727;'><TEXTAREA cols=60 rows=5 name='tecnica[]' id='Tecnica'  maxlength='380' style='color:#a92727;width:100%;' required>{{ old('tecnica[]') }}</TEXTAREA></td> \
					<td style='color:#a92727;'><TEXTAREA cols=60 rows=5 name='fecha[]' id='Fecha'  maxlength='499' style='color:#a92727;width:100%;' required>{{ old('fecha[]') }}</TEXTAREA></td> \
					<td style='color:#a92727;'><center><input id='PonderacionNumerico"+contador+"' name='ponderacion_numerico[]'  type='text'  class='form-control' style='color:#a92727;width:75px;text-align:center;'  value='{{ old('ponderacion_numerico') }}' onkeypress='return filterFloat(event,this);' onchange='Ponderacion("+contador+");' onfocus='ValorInput("+contador+");'  required></center></td> \
					<td style='color:#a92727;'><center><input type='text' name='puntaje_numerico[]' id='PuntajeNumerico"+contador+"' class='form-control' style='color:#a92727;width:80px;text-align:center;'  value='{{ old('puntaje_numerico[]') }}' readonly></center></td> \
					<td><input type='button' class='del' value='- Valor' onclick='ValorId("+contador+");'></td> \
					<input type='hidden' name='eliminar' id='eliminar' value='"+contador+"'> \
					<input type='hidden' name='PonderacionValor' id='PonderacionValor"+contador+"'> \
					<tr>"
					
					$("#TablaCriterios tbody").append(nuevaFila);
				});

				/*********************************************************************************** 
			 	* Calcula Ponderación % y Puntaje de la Evaluación del plan, Elimina item del plan *
			 	************************************************************************************/
				$("#TablaCriterios").on("click", ".del", function(){
					var eliminar = document.getElementById("eliminar").value;
					var Ponderacion = document.getElementById("PonderacionNumerico"+eliminar).value;
					var PonderacionTotal = document.getElementById("PonderacionTotal").value;
					var Puntaje = document.getElementById("PuntajeNumerico"+eliminar).value;
					var PuntajeTotal = document.getElementById("PuntajeTotal").value;
					var TotalSumaPonderacion = 0;
					var TotalSumaPuntaje = 0;  
				
					if(Ponderacion){
						TotalSumaPonderacion = document.getElementById('TotalPonderacion').innerHTML;
						TotalSumaPonderacion = (parseFloat(PonderacionTotal) - parseFloat(Ponderacion));
						// Escribir el resultado en una input PonderacionTotal.
						document.getElementById('TotalPonderacion').innerHTML = TotalSumaPonderacion;	
						$("#PonderacionTotal").val(TotalSumaPonderacion);
					}
					if(Puntaje){
						TotalSumaPuntaje = document.getElementById('TotalPuntaje').innerHTML;
						TotalSumaPuntaje = (parseFloat(PuntajeTotal) - parseFloat(Puntaje));
						// Escribir el resultado en una input PuntajeTotal.
						document.getElementById('TotalPuntaje').innerHTML = TotalSumaPuntaje;	
						$("#PuntajeTotal").val(TotalSumaPuntaje);
					}
					$(this).parents("tr").remove();
				});
			
			}else{	// *****    El Tipo de Plan es de Contenido   *****
				let 
				TablaCriterio= "<table border='2px' id='TablaCriterios'  width=100% cellspacing='10' cellpadding='10' style='text-align:center;border: 07px solid SKYBLUE; align:center;'><tr>";
				TablaCriterio+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong>CONCEPTUALES - PROCEDIMENTALES - ACTITUDINALES </strong><span style='color:#d73925'>&ensp;*</span></td>";
				TablaCriterio+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong>COMPETENCIA E INDICADORES</strong><span style='color:#d73925'>&ensp;*</span></td>";
				TablaCriterio+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong>FECHA PROBABLE</strong><span style='color:#d73925'>&ensp;*</span></td>";
				TablaCriterio+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong><input type='button' id='add' value='+ Valor'></strong></td></tr><tr>";
				TablaCriterio+= "<td style='color:#a92727;'><TEXTAREA cols=90 rows=8 name='contenido[]' id='Contenido'  maxlength='65000' style='color:#a92727;width:100%;' required>{{ old('contenido[]') }}</TEXTAREA></td>";
				TablaCriterio+= "<td style='color:#a92727;'><TEXTAREA cols=60 rows=5 name='tecnica[]' id='Tecnica'  maxlength='380' style='color:#a92727;width:100%;' required>{{ old('tecnica[]') }}</TEXTAREA></td>";
				TablaCriterio+= "<td style='color:#a92727;'><TEXTAREA cols=60 rows=5 name='fecha[]' id='Fecha'  maxlength='499'style='color:#a92727;width:100%;' required>{{ old('fecha[]') }}</TEXTAREA></td>";
				TablaCriterio+= "<td><input type='button' class='del' value='- Valor' onclick='ValorId(1);'></td>"
				document.getElementById('PruebaCriterio').innerHTML = TablaCriterio;

				/***************************************** 
				* Agregar Item al Plan de Contenido      *
				******************************************/	

				$("#add").click(function(){
					contador=contador+1;
					nuevaFila="<tr> \
					<td style='color:#a92727;'><TEXTAREA cols=90 rows=8 name='contenido[]' id='Contenido'  maxlength='65000' style='color:#a92727;width:100%;' required>{{ old('contenido[]') }}</TEXTAREA></td> \
					<td style='color:#a92727;'><TEXTAREA cols=60 rows=5 name='tecnica[]' id='Tecnica'  maxlength='380' style='color:#a92727;width:100%;' required>{{ old('tecnica[]') }}</TEXTAREA></td> \
					<td style='color:#a92727;'><TEXTAREA cols=60 rows=5 name='fecha[]' id='Fecha'  maxlength='499' style='color:#a92727;width:100%;' required>{{ old('fecha[]') }}</TEXTAREA></td> \
					<td><input type='button' class='del' value='- Valor' onclick='ValorId("+contador+");'></td> \
					<input type='hidden' name='eliminar' id='eliminar' value='"+contador+"'> \
					<input type='hidden' name='PonderacionValor' id='PonderacionValor"+contador+"'> \
					<tr>"
					$("#TablaCriterios tbody").append(nuevaFila);
				});
				
				/******************************************************* 
				* 	   Eliminar un Iten del Plan de Contenido          *
				********************************************************/
				$("#TablaCriterios").on("click", ".del", function(){
					var eliminar = document.getElementById("eliminar").value;
					$(this).parents("tr").remove();
				});
			}

			/******************************************************* 
			 * Busca los Datos del Criterio y Escala Seleccionado  *
			 *******************************************************/	

			let TablaEscala="";
			if(TipoCriterio!="Numericos"){	
				TablaEscala+= "<table border='2px'   cellspacing='8' cellpadding='8' style='width:150%;text-align:center;border: 07px solid SKYBLUE; align:center;'><tr>";
				TablaEscala+= "<td style='text-align:center;height:30px; width:30px;background-color:#158CBA;'><strong>Valor</strong></td>";
				TablaEscala+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong>Valor Máximo</strong></td>";
				TablaEscala+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong>Valor Mínimo</strong></td>";
				TablaEscala+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong>Descripción</strong></td>";
				TablaEscala+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong>Imagen</strong></td><tr>";
			}else{
				TablaEscala+= "<table border='2px'   cellspacing='8' cellpadding='8' style='width:80%;text-align:center;border: 07px solid SKYBLUE; align:center;'><tr>";
				TablaEscala+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong>Valor Máximo</strong></td>";
				TablaEscala+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong>Valor Mínimo</strong></td>";
				TablaEscala+= "<td style='text-align:center;height:30px;background-color:#158CBA;'><strong>Valor Mínimo Aprobatorio</strong></td>";
			}
			
			$.get("../../escalas/"+IdCriterio+"",function(response,criterio){
			
				for(i=0; i<response.length; i++){
					var escala=response[i].Tipo;
					if(response[i].Tipo=="Numericos"){
						console.log(response[i].Tipo+' '+response[i].NombreCriterio+' '+response[i].ValorMaximo);
						var ValorMaximo = response[i].ValorMaximo;
						var ValorMinimo = response[i].ValorMinimo;
					 	var ValorMimino_aprobatorio= response[i].ValorMinimo_Aprobatorio;
						$("#ValorMaximo").val(response[i].ValorMaximo);
						TablaEscala+="<tr><td style='color:#a92727;width:80px;'>" + ValorMaximo + "</td>";
						TablaEscala+="<td style='color:#a92727;width:80px;'>" + ValorMinimo + "</td>";     							
					 	TablaEscala+="<td style='color:#a92727;width:80px;'>" + ValorMimino_aprobatorio + "</td>";     							
						TablaEscala+="</tr>";	
						document.getElementById('DataEscala').innerHTML = TablaEscala;
					}else if(response[i].Tipo=="Alfabeticos"){
						var ValorMaximo= response[0].valor_numerico_max;
						$("#ValorMaximo").val(response[0].valor_numerico_max);
							console.log(response[i].Tipo+' '+response[i].NombreCriterio+' '+response[i].EscalaValor+' '+response[i].EscalaFile);
							TablaEscala+="<tr><td style='color:#a92727;width:80px;'>" + response[i].EscalaValor + "</td>"; 
							TablaEscala+="<td style='color:#a92727;width:80px;'>" + response[i].valor_numerico_max + "</td>";
							TablaEscala+="<td style='color:#a92727;width:80px;'>" + response[i].valor_numerico_min + "</td>";     							
							TablaEscala+="<td style='color:#a92727;width:500px;'>" + response[i].EscalaDescripcion + "</td>";
							TablaEscala+="<td style='color:#a92727;width:80px;'>" +"<img style='width:30px;height:30px;' src='"+'../../images/plantel/'+response[i].EscalaFile+"'>"+ "</td>";        
							TablaEscala+="</tr>";
							document.getElementById('DataEscala').innerHTML = TablaEscala;
					}else if(response[i].Tipo=="Procesos"){
						var ValorMaximo= response[0].valor_numerico_max;
						$("#ValorMaximo").val(response[0].valor_numerico_max);
						console.log(response[i].Tipo+' '+response[i].NombreCriterio+' '+response[i].EscalaValor+' '+ response[i].EscalaDescripcion );
						TablaEscala+="<tr><td style='color:#a92727;width:80px;'>" + response[i].EscalaValor + "</td>";  
						TablaEscala+="<td style='color:#a92727;width:80px;'>" + response[i].valor_numerico_max + "</td>";
						TablaEscala+="<td style='color:#a92727;width:80px;'>" + response[i].valor_numerico_min + "</td>";     						
						TablaEscala+="<td style='color:#a92727;width:500px;'>" + response[i].EscalaDescripcion + "</td>";   
						TablaEscala+="<td style='color:#a92727;width:80px;'>" +"<img style='width:30px;height:30px;' src='"+'../../images/plantel/'+response[i].EscalaFile+"'>"+ "</td>";         
						TablaEscala+="</tr>";
						document.getElementById('DataEscala').innerHTML = TablaEscala;
					}
				}
				TablaEscala+="</table>";
			});
		})
	});
</script>
<script>
	function MostrarContenido(){ // Función Muestra modal contenidoModal, Programa de la asignatura seleccionada 
		$('#contenidoModal').modal('toggle');
		var ContenidoBoton=document.getElementById("boton").value;
	}
	function MostrarIndicadores(){ // Función Muestra modal MostrarIndicadores, Indicadores de evaluación   
		$('#MostrarIndicadores').modal('toggle');
		var MostrarIndicadores=document.getElementById("botonDetalle").value;
	}
	function MostrarEscala(){ // Función para Mostrar en la modal escalaModal la escala de evaluación  
		$('#escalaModal').modal('toggle');
		var EscalaBoton=document.getElementById("botonEscala").value;
	}
	function Ponderacion($var){ // evento al salir del input de ponderación y captura el valor de la ponderación, para con el valor maximo sacar el puntaje que le corresponda y le coloca al input eliminar el valor de la ponderación; necesaria para el caso de eliminar dicho item. también va sumando cada ponderación para calcular la ponderación y puntaje total   
		var Ponderacion = document.getElementById("PonderacionNumerico"+$var).value;
		var ValorMaximo = document.getElementById("ValorMaximo").value;
		var Puntaje= Ponderacion * ValorMaximo /100;	// Calcula el puntaje numerico 
		$("#PuntajeNumerico"+$var).val(Puntaje);
		$("#eliminar").val(Ponderacion);
		$("#PonderacionValor"+$var).val(Ponderacion);
		var PonderacionValor = document.getElementById("PonderacionValor"+$var).value;
		// Actualización de variables ponderación
			var TotalSumaPonderacion = 0;  
			Ponderacion = parseFloat(Ponderacion); // Convertir el valor del campo a numero entero (número).
			TotalSumaPonderacion = document.getElementById('TotalPonderacion').innerHTML;
		// Valida y pone en cero "0".
			TotalSumaPonderacion = (TotalSumaPonderacion == null || TotalSumaPonderacion == undefined || TotalSumaPonderacion == "") ? 0 : TotalSumaPonderacion;
		/* Variable generando la suma. */
			TotalSumaPonderacion = (parseFloat(TotalSumaPonderacion) + parseFloat(Ponderacion));
		// Escribir el resultado en una input PonderacionTotal.
			document.getElementById('TotalPonderacion').innerHTML = TotalSumaPonderacion;	
			$("#PonderacionTotal").val(TotalSumaPonderacion);
		// Actualización de variables puntaje
			var TotalPuntaje = 0;  
			Puntaje = parseFloat(Puntaje); // Convertir a numero entero (número).
			TotalSumaPuntaje = document.getElementById('TotalPuntaje').innerHTML;
		// Valida y pone en cero "0".
			TotalSumaPuntaje = (TotalSumaPuntaje == null || TotalSumaPuntaje == undefined || TotalSumaPuntaje == "") ? 0 : TotalSumaPuntaje;
		/* Variable genrando la suma. */
			//TotalSumaPuntaje = (parseInt(TotalSumaPuntaje) + parseInt(Puntaje));
			TotalSumaPuntaje = (parseFloat (TotalSumaPuntaje) + parseFloat (Puntaje));
		// Escribir el resultado en una input PuntajeTotal.
			document.getElementById('TotalPuntaje').innerHTML = TotalSumaPuntaje;	
			$("#PuntajeTotal").val(TotalSumaPuntaje);
	}
	function ValorInput($var){ // evento onfocus se dispara al entrar en el input ponderación y captura el valor que tiene el input y si es diferente a vacio le resta al total de la ponderación el valor que contenia en el mismo
		var PonderacionValor = document.getElementById("PonderacionValor"+$var).value;
		var Ponderacion = document.getElementById("PonderacionNumerico"+$var).value;
	
		if(PonderacionValor!="" && Ponderacion!=""){
			
			var PonderacionTotal = document.getElementById("PonderacionTotal").value;
			var ValorMaximo = document.getElementById("ValorMaximo").value;
			$("#eliminar").val(Ponderacion);
			var Puntaje = document.getElementById("PuntajeNumerico"+$var).value;
			var PuntajeTotal = document.getElementById("PuntajeTotal").value;
			// Actualizacion de variables 						
				var TotalSumaPonderacion = 0;
				var TotalSumaPuntaje = 0;  
				TotalSumaPonderacion = document.getElementById('TotalPonderacion').innerHTML;
				TotalSumaPonderacion = (parseFloat(PonderacionTotal) - parseFloat(PonderacionValor));
			// Escribir el resultado en una input PonderacionTotal.
				document.getElementById('TotalPonderacion').innerHTML = TotalSumaPonderacion;	
				$("#PonderacionTotal").val(TotalSumaPonderacion);
				TotalSumaPuntaje = document.getElementById('TotalPuntaje').innerHTML;
				TotalSumaPuntaje = (parseFloat (PuntajeTotal) - parseFloat (Puntaje));
			// Escribir el resultado en una input PuntajeTotal.
				document.getElementById('TotalPuntaje').innerHTML = TotalSumaPuntaje;	
				$("#PuntajeTotal").val(TotalSumaPuntaje);
				document.getElementById("PonderacionNumerico"+$var).value="";
				document.getElementById("PuntajeNumerico"+$var).value="";
		}else{
			if($var==1 && Ponderacion!=""){
				
				var TotalSumaPonderacion = 0;
				var TotalSumaPuntaje = 0; 
				document.getElementById('TotalPonderacion').innerHTML = TotalSumaPonderacion;	
				$("#PonderacionTotal").val(TotalSumaPonderacion); 
				document.getElementById('TotalPuntaje').innerHTML = TotalSumaPuntaje;	
				$("#PuntajeTotal").val(TotalSumaPuntaje);
			}
		}
	}
	function ValorId($var){  // función se dispara al eliminar un item del detalle del plan, y se le pasa un valor numérico que se le asigna al input eliminar que luego sirve como contador, para determinar el valor que tiene el input de ponderación y del  puntaje seleccionado para eliminar
		$("#eliminar").val($var);
	}
	function filterFloat(evt,input){ // función que delimita la cantidad de decimales en los inputs tipo number
		var key = window.Event ? evt.which : evt.keyCode;    
		var chark = String.fromCharCode(key);
		var tempValue = input.value+chark;
		if(key >= 48 && key <= 57){
			if(filter(tempValue)=== false){
				return false;
			}else{       
				return true;
			}
		}else{
			if(key == 8 || key == 13 || key == 0) {     
				return true;              
			}else if(key == 46){
				if(filter(tempValue)=== false){
					return false;
				}else{       
					return true;
				}
			}else{
				return false;
			}
		}
	}
	function filter(__val__){  // función que es llamada desde la funcion anterior y lo que hace es delimitar que la cantidad sea numerica y pueda tener hasta dos decimales 
   		var preg = /^([0-9]+\.?[0-9]{0,2})$/;  
	    if(preg.test(__val__) === true){
    	    return true;
    	}else{
       		return false;
   		 }
    }
 	function ValidarFormulario(){ // función que se dispara al hacer el envio del formulario y valida si el tipo de criterio es numerico y el estatus sea diferente a en desarrollo que la suma de la ponderación total no sea mayor ni menor del 100%
		var criterio = document.getElementById("criterio").value;
		var estatus = document.getElementById("estatus").value;
		var porciones = criterio.split('_');
		var TipoCriterio=porciones[1];
		var PonderacionTotal = document.getElementById("PonderacionTotal").value;
		if(estatus!="En Desarrollo"){
			if(PonderacionTotal>100){
				alert("El total de Puntos de Evaluación Continua no puede ser mayor a 100 puntos");
				return false;
			}
			if(PonderacionTotal<100){
				alert("El total de Puntos de Evaluación Continua no puede ser menor a 100 puntos");
				return false;
			}
		}
	}
</script>
<style>
	.div1 {  overflow:scroll; height:440px; 	width:40%; 	}
	#div_criterios { overflow:scroll; height:840px; width:100%; }
	input[type=number]::-webkit-outer-spin-button,
	input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
	input[type=number] { -moz-appearance:textfield; }
	.modal-body{
	height: 350px;
	width: 100%;
	overflow-y: auto;
	}
</style>
<br>
<div class="card">
	<div class="menu-font-size">
		<div class="card-header"><center><strong>{{$cabezera}} </strong></center> </div>
		<div class="card-body">
			<!--  Realiza un llamado a la vista que permite mostrar los mensajes de info -->
			@include('info')
			<!--  Realiza un llamado a la vista que permite mostrar los errores de request  -->
			@include('error')
			<!--  Realiza un llamado a la vista que permite mostrar los mensajes de danger -->
			@include('danger')
			<form action="" method="POST" class="form-horizontal" style="margin:0 auto" enctype="multipart/form-data" onSubmit="return ValidarFormulario()">
			{{ csrf_field()}} 
				@if ($tipo == 'c')
					<img src={{asset('images/plancontenido1.png')}} alt="plancontenido1" width="70" height="70" style="margin-left:25px;margin-right:25px" align="rigth">
				@else
					<img src={{asset('images/actualizar.png')}} alt="actualizar" width="70" height="70" style="margin-left:25px;margin-right:25px" align="rigth">
				@endif
				<button class="btn btn-link" style="text-decoration: none;">
	    				<img src={{asset('images/funciones/best_actualizar1.png')}} alt="Actualizar" >&emsp;Registrar
				</button>
				<a href="{{URL::to('planes_menu_docente')}}/{{$valor}}">
					<img src={{asset('images/funciones/best_devolver1.png')}} alt="best_devolver1" hspace="20">Volver 
				</a>
				<div class="d-none"> 
					Tipo_Plan: <input type="text" name="tipo" id="tipo" value="{{ old('$tipo',$tipo) }}" readonly> 
					seccion_materia: <input type="text" name="w_seccion_materia" id="w_seccion_materia" value="{{ old('$w_seccion_materia_id',$w_seccion_materia_id) }}" readonly> 
					seccion: <input type="text" name="w_seccion" id="w_seccion" value="{{ old('$seccion->id',$seccion->id) }}" readonly> 
					asignatura: <input type="text" name="w_asignatura" id="w_asignatura" value="{{ old('$asignatura->id',$asignatura->id) }}" readonly> 
				</div>
				<center>
					<label style="font-size:14px;">
						<a style="color:#08c"> &emsp;&emsp;REGISTRAR {{$titulo}}  </a>  
						<a style="color:#08c"> &emsp;&emsp;Docente </a>   <a style="color:#FE2E2E"> <strong>{{$docente->ShortName}}</strong><br><br></a> 
						<a style="color:#08c"> &emsp;&emsp;Asignatura</a> <a style="color:#FE2E2E"> <strong>{{$asignatura->materia}}</strong></a>   
						<a style="color:#08c"> &emsp;&emsp;Periodo Lectivo </a>   <a style="color:#FE2E2E"> <strong>{{$seccion->periodos_lectivo->periodo_lectivo}}</strong></a> 
						<input type='hidden' name="periodo_lectivo" id="periodo_lectivo" value="<br />
<b>Warning</b>:  Undefined variable $seccion in <b>/home/bitacora/public_html/bitacora/resources/views/planes/create.blade.php</b> on line <b>399</b><br />
<br />
<b>Warning</b>:  Attempt to read property "periodos_lectivo" on null in <b>/home/bitacora/public_html/bitacora/resources/views/planes/create.blade.php</b> on line <b>399</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>/home/bitacora/public_html/bitacora/resources/views/planes/create.blade.php</b> on line <b>399</b><br />
">
					</label><br><br>
				</center>
				<div class="row justify-content-center">
					<label for="periodo_lapso" class="col-lg-2 control-label">Momento o Lapso<span style="color:#d73925">&ensp;*</span></label>
					<div class="col-lg-4">
						<select name="periodo_lapso" class="form-control" style="width:80%;color:#d73925" required>
							<option value="">Requerido</option>
    				    	<option value="Unico">Único</option>
    						@if(count($opcionesMomento) > 0)
    						    @foreach($opcionesMomento as $momento)
								    <option value="{{ $momento }}">{{ $momento }}</option>
    						    @endforeach
    						
    						@endif
						</select>
					</div>

					<label for="criterio" class="col-lg-2 control-label">Criterio a Utilizar <span style="width:80%;color:#d73925">&ensp;*</span></label>
    				<div class="col-lg-3">
						<select name="criterio" id="criterio" class="form-control" style="width:100%;color:#d73925"  required >
							<option value="">Seleccione</option>
							@foreach ($criterios as $criterio)
								@if ($tipo == 'e')
									<option value="{{$criterio->id }}_{{$criterio->tipo}}" {{ old('tipo') == $criterio->id ? 'selected' : '' }}>{{$criterio->nombre}}</option>
									@else
										@if ($criterio->tipo <> 'Numericos')
											<option value="{{$criterio->id }}_{{$criterio->tipo}}" {{ old('tipo') == $criterio->id ? 'selected' : '' }}>{{$criterio->nombre}}</option>
										@endif		
								@endif
							@endforeach
						</select>
						<input type="hidden" name="ValorMaximo" id="ValorMaximo">
					</div>
				</div><br>

				<div class="row justify-content-center">
					<label for="estatus" class="col-lg-2 control-label">Estatus<span style="width:80%;color:#d73925">&ensp;*</span></label>
					<div class="col-lg-4">
						<select name="estatus" id="estatus" class="form-control" style="width:80%;color:#d73925">
							<option value="En Desarrollo">En Desarrollo</option>
							<option value="Por Aprobacion">Por Aprobación</option>
						</select>
					</div>
					<label for="coordinador" class="col-lg-2 control-label">Coordinador<span style="color:#d73925">&ensp;*</span></label>
					<div class="col-lg-3">
						<select name="coordinador" id="coordinador" class="form-control" style="width:100%;color:#d73925" required>
							<option value="">Seleccione</option>
							@foreach ($Coordinador as $DetCoordinador)
								<option value="{{$DetCoordinador->IdUsuario }}" {{ old('coordinador') == $DetCoordinador->IdUsuario ? 'selected' : '' }}>{{$DetCoordinador->fullname}}</option>
							@endforeach
						</select>
					</div>
				</div><br>

				<!--********************************************************************************************************************
				    *  Botones de modales: Contenidos de Programa de la Asignatura, indicadores de Evaluación y Escala de Evaluación   * 
				    *****************************************************************************************************************-->
				<div class="row justify-content-center">
					<div class="col-lg-3" id="BotonContenido" > <!-- Link invoca modal muestra contenido del programa de la asignatura -->
						<img src={{asset('images/funciones/paper_clip.png')}} alt="paper_clip" hspace="5">
						<input  type="button" id="boton" value="Programa" onclick="MostrarContenido()">
					</div>

					<div class="col-lg-3" id="BotonDetalle" > <!--  Link invoca modal que muestra los Indicadores de Evaluación  -->
						&emsp;<img src={{asset('images/funciones/paper_clip.png')}} alt="paper_clip" hspace="5">
						<input  type="button" id="botonDetalle" value="Indicadores " onclick="MostrarIndicadores()">
					</div>

					<div class="col-lg-3" id="BotonEscala"  > <!--  Link invoca modal muestra la escala de evaluación  -->
						<img src={{asset('images/funciones/paper_clip.png')}} alt="paper_clip" hspace="5">
						<input  type="button" id="botonEscala" value="Escala Evaluación" onclick="MostrarEscala()">
					</div>
				</div>

				<div class="col-lg-12"> <hr> </div>
			
				<input type="hidden" name="eliminar" id="eliminar">
				<input type="hidden" name="PonderacionValor" id="PonderacionValor1">
				<div id="TotalPonderacion" style="display:none;"></div>
				<div id="TotalPuntaje" style="display:none;"></div>
				<div id="PruebaCriterio"> </div> 
				<div id="PruebaPonderacion" style="display:none;"> </div>
				<br>
			 
				<div class="row justify-content-center">
    				<label for="observacion" class="col-lg-10 control-label">Observación</label>
    			</div>
				<div class="row justify-content-center">
					@if (strpos($user_agent, 'Firefox') !== FALSE)
						<div class="col-lg-10">
							<TEXTAREA class="ckeditor" cols=92 rows=2 name="observacion" style="color:#a92727;"> {{ old('observacion') }} </TEXTAREA>
						</div>
					@else
						<div class="col-lg-10">
							<TEXTAREA class="ckeditor" cols=120 rows=2 name="observacion" style="color:#a92727;"> {{ old('observacion') }} </TEXTAREA>
						</div>
					@endif
				</div><br>
				
				<span style="color:#d73925">&emsp;&emsp;&emsp;&ensp;*</span> Campos Requeridos</label><br>

				<!--*****************************************************************************
					*	                 Botones de Navegación                                  *
					**************************************************************************-->
				<div class="form-grup"style= background-color:#FFFFFF>
					<button class="btn btn-link" style="text-decoration: none;">
	    				<img src={{asset('images/funciones/best_actualizar1.png')}} alt="Actualizar" >&emsp;Registrar
					</button>
					
					<a href="{{URL::to('planes_menu_docente')}}/{{$valor}}">
						<img src={{asset('images/funciones/best_devolver1.png')}} alt="best_devolver1" hspace="20">Volver 
					</a>
				</div>
			</form>
		
			<!--*********************************************************************************
				*	 Modal para Mostrar el Contenido del Programa de la Asignatura seleccionada *
				***************************************************************************** -->
			<div class="modal fade" id="contenidoModal" tabindex="-1" aria-labelledby="contenidoModalLabel" aria-hidden="true">
				<div class="modal-dialog modal-lg">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="contenidoModalLabel"><strong style="color:#08c">Contenido del Programa de la Asignatura </strong> </h5><br>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<div class="form-row">
								<div class="form-group col-md-12">
									{!!$asignatura->contenido!!}
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button id='btnCancelar' data-dismiss="modal" class="btn btn-primary">Cerrar</button>
						</div>
					</div>
				</div>
			</div>

			<!--********************************************************************************
				*	Modal para Mostrar el Contenido Indicadores de Evaluación de la Asignatura *
				**************************************************************************** -->
			<div class="modal fade" id="MostrarIndicadores" tabindex="-1" aria-labelledby="MostrarIndicadoresLabel" aria-hidden="true">
				<div class="modal-dialog modal-lg">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="MostrarIndicadoresLabel"><strong style="color:#08c">Competencias e Indicadores de Evaluación de la Asignatura</strong> </h5><br>
								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<div class="form-row">
								<div class="form-group col-md-12"> 
									{!!$asignatura->indicadores!!}
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button id='btnCancelar' data-dismiss="modal" class="btn btn-primary">Cerrar</button>
						</div>
					</div>
				</div>
			</div>

			<!--******************************************************************************
				*	            Modal para Mostrar las Escalas de Evaluación                 *
				***************************************************************************-->
			<div class="modal fade" id="escalaModal" tabindex="-1" aria-labelledby="escalaModalLabel" aria-hidden="true">
				<div class="modal-dialog modal-lg">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="escalaModalLabel"><strong style="color:#08c">Escala de Evaluación Seleccionada</strong> </h5><br>
								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<div class="form-row">
								<div class="form-group col-md-8">
									<div id="DataEscala" style="align:justify;margin-left:5%;"> </div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button id='btnCancelar' data-dismiss="modal" class="btn btn-primary">Cerrar</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection