@extends('layouts.app')

@section('content')
<br>
<!-- Boletin Informativo BOLETAS por alumnos de la sección. Autor Yesenia Hernandez. -->
<!--<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>-->
<script src="https://cdn.datatables.net/fixedcolumns/4.0.1/js/dataTables.fixedColumns.min.js"></script>
   
<script> 

let isProcessing = false; // Variable global para controlar el procesamiento
    $(document).ready(function() {
		
		$("#momento").change(function (event) {
		var momento=event.target.value;
		//document.getElementById("cursos").value=''
		var ValorRuta="<br />
<b>Warning</b>:  Undefined variable $ValorRuta in <b>/home/bitacora/public_html/mtdn/resources/views/planes/boletas/carga_notas.blade.php</b> on line <b>25</b><br />
";
		var IdSeccion="<br />
<b>Warning</b>:  Undefined variable $IdSeccion in <b>/home/bitacora/public_html/mtdn/resources/views/planes/boletas/carga_notas.blade.php</b> on line <b>26</b><br />
";

		if(momento!=""){
		
			//$.get("detalle_seccion/"+event.target.value+"",function(response,opcion){
			$.get("cargar_notas/"+event.target.value+"",function(response,opcion){
			//console.log(response);
			var porciones=response.split('/');
			var siglas=porciones[0];
			var grado=porciones[1];
			var Curso=porciones[2];
			var NivelAsignatura=porciones[3];	
			
			document.getElementById('TablaNota').innerHTML = response;
		
				$('#TablaNota').find("table").DataTable({
    			scrollY: "320px", // Asegúrate de que esté definido solo una vez
    			scrollX: true,
    			scrollCollapse: true,
    			paging: false,
    			fixedColumns: {
    			    leftColumns: 2, // Número sin comillas
    			    rightColumns: 0 // Número sin comillas
    			},
    			autoWidth: false,
    			order: [], // Deshabilita el ordenamiento inicial de DataTables
			});
			//document.getElementById('siglas_materia').value = siglas;
			//document.getElementById('siglas').value = siglas;
		
			});
		}
	})
	
	// Restaurar el valor del dropdown al cargar la página
    const momentoGuardado = sessionStorage.getItem('momentoSeleccionado');
    if (momentoGuardado) {
        $("#momento").val(momentoGuardado);
        // Disparar el cambio si necesitas cargar datos automáticamente
        $("#momento").trigger('change');
    }

    // Guardar el valor seleccionado antes de enviar el formulario
    $("form").on('submit', function() {
        sessionStorage.setItem('momentoSeleccionado', $("#momento").val());
    });

} );

function ValidarNota(input, alumno, contador) {
	if (isProcessing) return; // Evita que la función se ejecute en paralelo
    isProcessing = true; // Activa la bandera
	// Guardar el valor actual en sessionStorage
	sessionStorage.setItem('momentoSeleccionado', $("#momento").val());
	const totalContadores = parseInt(contador); // Obtener el número total de elementos
    for (let i = 1; i <= totalContadores; i++) {
        const notaInput = document.getElementById("nota_" +alumno + "_" + i); // Buscar el input de nota
        if (notaInput) {
            const nota = parseFloat(notaInput.value); // Captura el valor de la nota
            let letra = ""; // Inicializamos la variable letra

            // Validar y asignar la letra correspondiente
			if (nota >= 18 && nota <= 20) {
                letra = "A";
            } else if (nota >= 15 && nota <= 17) {
                letra = "B";
            } else if (nota >= 10 && nota <= 14) {
                letra = "C";
            } else if (nota >= 1 && nota <= 9) {
                letra = "D";
            } else {
                letra = ""; // Si la nota no es válida, dejamos el campo vacío
            }

            // Actualizar el campo de letra dinámicamente
            const letraInput = document.getElementById("letra_" + alumno + "_" + i);
            if (letraInput) {
                letraInput.value = letra; // Asignar el valor calculado
            }
        }
    }

	isProcessing = false; // Restablece la bandera
}


</script>
<style>
	th, td { white-space: nowrap; }
    div.dataTables_wrapper {
        width: 800px;
        margin: 0 auto;
    }
	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button { 
	  	-webkit-appearance: none; 
	 	 margin: 0; 
		
	}
	/* Elimina flechas/spinners en Firefox */
	input[type=number] {
    -moz-appearance: textfield;
	}
	input[type=number]::-webkit-quantity-button{ 
		text-align:center;
	}
	.th-materia {
    color: #070719;
    text-align: center;
    max-width: 90px;
    white-space: normal;
    word-wrap: break-word;
    font-size: 0.85em;
    line-height: 1.2;
    padding: 4px 8px !important; /* Ajusta según necesidad */
}

</style>
@php 
$planes=Plane::select("periodo_lapso")->where("seccione_id","=",$IdSeccion)->distinct()->get();

@endphp
<div class="card">
	<div class="menu-font-size">
    	<div class="card-header">
			<center><strong> MODULO Gestor Académico - Información de Boletas por Grado o Sección - Alumnos  </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')
			<form action="" method="POST">
				{{ csrf_field()}} 
				<div class="form-grup">
					<div class="row justify-content-center">
						<div class="col-lg-10">
							<img src={{asset('images/plantel/logo_menu_botones.png')}} alt="logo_menu_botones" width="60" height="60" style="margin-left:15px;margin-right:5px;">    
							<a href="{{URL::to('detalle_seccion')}}/{{$ValorRuta}}/{{$IdSeccion}}">
								<img src={{asset('images/funciones/best_devolver1.png')}} alt="best_devolver1" hspace="15">Volver
							</a>
							<label style="font-size:14px;">
								<a style="color:#08c"> &emsp;&emsp;Grado o Sección </a> <a style="color:#FE2E2E"> <strong>{{$seccion->seccion}}</strong></a>
								<a style="color:#08c"> &emsp;&emsp;Periodo Lectivo </a> <a style="color:#FE2E2E"> <strong>{{$seccion->periodos_lectivo->periodo_lectivo}}</strong></a>
								<a>&emsp;&emsp;&emsp;&emsp; <img src={{asset('images/boleta5.jpg')}} alt="boleta5" width="70" height="70"  align="rigth"></a>
							</label>
						</div>
						
						
					</div><br>
					<div class="row justify-content-center">
					<label for="siglas_materia" class="col-lg-3 control-label">Momento / Lapso<span style="color:#d73925">&ensp;*</span></label>
    				<div class="col-lg-4">
					<select name="momento" id="momento" class="form-control" required>
							<option value="">Requerido</option>
							@foreach($planes as $plan)
								<option value="{{$plan->periodo_lapso}}" {{ (old('momento') == $plan->periodo_lapso) ? 'selected' : '' }}>{{$plan->periodo_lapso}}</option>
							@endforeach
					</select>
					</div>
					<div class="col-lg-4">
					<button  class="btn btn-link" style="text-decoration: none;" >
							<img src={{asset('images/funciones/best_agregar1.png')}} alt="agregar" >&emsp;Guardar Notas 
						</button>
					</div>
				</div><br>
				<input type="hidden" name="id_seccion" value="<br />
<b>Warning</b>:  Undefined variable $IdSeccion in <b>/home/bitacora/public_html/mtdn/resources/views/planes/boletas/carga_notas.blade.php</b> on line <b>192</b><br />
">
				<input type="hidden" name="curso" value="<br />
<b>Warning</b>:  Undefined variable $curso in <b>/home/bitacora/public_html/mtdn/resources/views/planes/boletas/carga_notas.blade.php</b> on line <b>193</b><br />
">
				<input type="hidden" name="CursoSeccion" value="<br />
<b>Warning</b>:  Undefined variable $CursoSeccion in <b>/home/bitacora/public_html/mtdn/resources/views/planes/boletas/carga_notas.blade.php</b> on line <b>194</b><br />
">
			
					
				
    				
			
				<div id="TablaNota"> </div>
			</form>
		</div>
	</div>
</div>
@endsection