@extends('layouts.master')

@section('css')
{!! Html::style('css/jquery_ui.css')!!}
@stop

@section('content')
<div id="cargando">
	<div class="windows8">
		<div class="wBall" id="wBall_1">
			<div class="wInnerBall">
			</div>
		</div>
		<div class="wBall" id="wBall_2">
			<div class="wInnerBall">
			</div>
		</div>
		<div class="wBall" id="wBall_3">
			<div class="wInnerBall">
			</div>
		</div>
		<div class="wBall" id="wBall_4">
			<div class="wInnerBall">
			</div>
		</div>
		<div class="wBall" id="wBall_5">
			<div class="wInnerBall">
			</div>
		</div>
	</div>
	<br><h4>Espere un momento..</h4>
</div>
@if(Session::has('message_error'))
<div class="row">
    <div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
        <div class="alert alert-danger error-msg centrado"><strong>{!! Session::get('message_error') !!}</strong></div>
    </div>
</div>
@endif
<div class="col-lg-12 col-md-12 col-col-sm-12 col-col-xs-12">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h6 class="panel-title">Datos del estudiante</h6>
		</div>
		<div class="panel-body">
			<div class="col-lg-6 col-md-6 col-col-sm-12 col-col-xs-12">
				<table>
					<tr>
						<td width="50%" style="font-size:14px">
							{!! Form::hidden('datos_c', $datos_c, $attributes =array('id'=>'datos_c')) !!}
							<strong>Apellidos y Nombres:   </strong>{!!minusculas($nombre)!!}<br />
							<strong>Programa: </strong>{!!$programa!!}<br>
							<strong>Sede: </strong>{!!$localidad!!}<br>
							<strong>UC: </strong>{!!$UCaprobadas!!}<br>
						</td>
					</tr>
				</table>
			</div>
			<div class="col-lg-5 col-md-5 col-col-sm-12 col-col-xs-12">
				<label for="">Leyenda:</label>
				<ul>
					<li style="list-style: none;"><span class="label label-danger">&nbsp;</span>&nbsp;Secci&oacute;n Llena&nbsp;</li>
					<li style="list-style: none;"><span class="label label-warning">&nbsp;</span>&nbsp;Secci&oacute;n Casi Llena&nbsp;</li>
					<li style="list-style: none;"><span class="label label-success">&nbsp;</span>&nbsp;Secci&oacute;n Disponible</li>
				</ul>
			</div>
		</div>					
	</div>
	<div class="panel panel-default">
		<div class="panel-body">
			<div class="table-responsive">
					<div id="div_materias_inscribir" class="form-group col-lg-6 col-md-6 col-sm-12 col-xs-12">
					    <label>Asignaturas que puede inscribir</label>

				        {!! Form::select('materias', $materias ,'NULL', $attributes =array('class' => 'form-control', 'id'=>'materias', 'required'=>'required')) !!}

						<div id="msg_materias_inscribir" class="text-danger">&nbsp;</div> 
					</div>
					<div id="div_secciones_inscribir" class="form-group col-lg-6 col-md-6 col-sm-10 col-xs-10">
						<label>Secciones</label>
						<div class="input-group">
							<select id="materias_inscribir" class="form-control">
						    	<option value="">Debe seleccionar primero una materia</option>						    	
						    </select>
						    <div class="input-group-btn">
							  	<button class="btn btn-success" id="boton1"><span class="glyphicon glyphicon-ok"></span></button>
							</div>
						</div>
						<div id="msg_secciones_inscribir" class="text-danger">&nbsp;</div> 
					</div>
			</div>	
		</div>					
	</div>
	<div class="row">
		<div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12" id="mensaje"></div>
	</div>
	<div class="panel panel-default">
		<div class="panel-body">
		<h6>Asignaturas inscritas</h6>
			<div class="table-responsive">
				<div id="tabla_materia">
				  {!! $tabla !!}
				</div>
			</div>
		</div>
	</div>
		<div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 centrado">
			<button class="btn btn-primary" title="Procesar" data-toggle="modal" data-target="#ProcesarInsc">Procesar Inscripci&oacute;n</button>
		</div>
	<div class="modal fade bs-example-modal-sm ventanamodal" id="ProcesarInsc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Confirmar inscripci&oacute;n</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" role="form" method="post" action="{!!URL::to('ze/procesarinscripcion')!!}">{!! csrf_field() !!}
						<div class="form-group">
							<div class="col-xs-12 col-md-12 col-lg-12 text-center"  class="input-group" style="margin-bottom: 25px">
								<label for="LabelCodigo">¿Usted confirma que desea procesar la inscripci&oacute;n?
								<p class="text-danger">Nota: Este proceso es IRREVERSIBLE</p></label>
								{!! Form::hidden('datos_c', $datos_c, $attributes =array('id'=>'datos_c')) !!}
							</div>
						</div>
						<div class="modal-footer">
							<input type="submit" class="btn btn-success" value="Si" name="si">
							<button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

@stop
@section('postscript')
{!! Html::script('js/jquery_ui.js') !!}
<script type="text/javascript" language="javascript">
	$(document).ready(function() {

		$("#materias").change(function(){
			var materias = $("#materias").val();
			var estudiante_id = $("#estudiante_id").val();
			var datos_c = $("#datos_c").val();

			$.ajax({
				type: "POST",
				url: "{!!URL::action('ZonaestudianteController@postAjaxbuscarsecciones')!!}", 
				dataType: "json",
				data: {
					materias : materias,estudiante_id:estudiante_id,datos_c:datos_c
				},
				cache: false,
				beforeSend: function() {
						document.getElementById('cargando').style.display='block';
				},
				success: function(data)
				{
					document.getElementById('cargando').style.display='none';
					$("#materias_inscribir").html(data.select_seccion);
				} 
			});
		});

		$("#boton1").click(function(){
			var materias = $("#materias").val();
			var estudiante_id = $("#estudiante_id").val();
			var datos_c = $("#datos_c").val();
			var sec_mat = $("#materias_inscribir").val();

			if (materias!='' && sec_mat!='')
			{
				$.ajax({
					type: "POST",
					url: "{!!URL::action('ZonaestudianteController@postAjaxagregarmateria')!!}", 
					dataType: "json",
					data: {
						materias: materias, sec_mat: sec_mat,estudiante_id:estudiante_id,datos_c:datos_c
					},
					cache: false,
					beforeSend: function() {
						document.getElementById('cargando').style.display='block';
					},
					success: function(data)
					{         
						document.getElementById('cargando').style.display='none';
						$("#div_materias_inscribir" ).removeClass( "has-error" );
						$("#div_secciones_inscribir" ).removeClass( "has-error" );

						$("#msg_secciones_inscribir").html('');
						$("#mensaje").html('');
						$("#materias_inscribir").html('<option value="">Seleccionar...<option>');
						$("#msg_materias_inscribir").html('');
						if (data.mensaje_error!=''){
							$("#mensaje").html(data.mensaje_error);
						}
						$("#tabla_materia").html(data.tabla_materia);
						$("#materias").html("");
						$("#materias").html(data.materias);
						$("#materias").val('');
						if (data.boton == true) {
							document.getElementById('boton').style.display='block'; 
						}else{
							document.getElementById('boton').style.display='none'; 
						}
					}
				});
			}else{
				if (materias=='') {
					$("#div_materias_inscribir" ).addClass( "has-error" );
					$("#msg_materias_inscribir").html('Requerido');
				}else{
					$( "#div_materias_inscribir" ).removeClass( "has-error" );
					$("#msg_materias_inscribir").html('');
				}
				if (sec_mat=='') {
					$( "#div_secciones_inscribir" ).addClass( "has-error" );
					$("#msg_secciones_inscribir").html('Requerido');
				}else{
					$( "#div_secciones_inscribir" ).removeClass( "has-error" );
					$("#msg_secciones_inscribir").html('');
				}
			}      
		});
	});


//JS para eliminar lo(s) servicio(s) de la tabla
function eliminar_materia(id){
	var datos = id;
	var datos_c = $("#datos_c").val();
	$.ajax({
		type: "POST",
		url: "{!!URL::action('ZonaestudianteController@postAjaxeliminarmateria')!!}", 
		dataType: "json",
		data: {
			datos:datos,datos_c:datos_c
		},
		cache: false,
		beforeSend: function() {
			document.getElementById('cargando').style.display='block';
		},
		success: function(data)
		{					
			document.getElementById('cargando').style.display='none';
			$("#mensaje").html('');
			$("#tabla_materia").html(data.tabla_materias);
			if (data.mensaje_error!=''){
				$("#mensaje").html(data.mensaje_error);
			}

			$("#materias").html(data.materias);
			if (data.boton == true) {
				document.getElementById('boton').style.display='block';   
			}else{
				document.getElementById('boton').style.display='none'; 
			}
		}
	});
}

</script>
@stop