@extends('layouts.master')

@section('css')
@stop

@section('content')   
    @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
    @if(Session::has('message_success'))
    <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-success success-msg centrado"><strong>{!! Session::get('message_success') !!}</strong></div>
        </div>
    </div>
    @endif
    <div class="panel panel-default">
        <div class="panel-body">
            <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12">
                <label for="estudiante_id">ID:</label> 
                <div class="input-group">
                {!! Form::text('estudiante_id', NULL , $attributes = array('class' => 'form-control mayuscula','id'=>'estudiante_id','placeholder'=>'12345678'))!!}  
                    <span class="input-group-btn">
                        <div id="consultar_est" class="consultar btn btn-info"><i class="fa fa-search"></i></div>
                    </span>
                </div>
            </div>
            <div class="form-group col-lg-8 col-md-8 col-sm-12 col-xs-12">
                <label for="nom_ape">Apellidos y Nombres:</label> 
                {!! Form::text('nom_ape', NULL , $attributes = array('class' => 'form-control data mayuscula','id'=>'nom_ape', 'readOnly' => 'readOnly'))!!}  
            </div>
            <div class="clearfix"></div>
            <div class="form-group col-lg-8 col-md-8 col-sm-12 col-xs-12">
                <label for="programa_id">Programa:</label> 
                {!! Form::select('programa_id',$vacio, NULL , $attributes = array('class' => 'form-control', 'id'=>'programa_id','required' => 'required'))!!}  
            </div>
            <div class="form-group col-lg-2 col-md-2 col-sm-12 col-xs-12">
                <label for="indice">Indice Acumulado:</label> 
                {!! Form::text('indice', NULL , $attributes = array('class' => 'form-control', 'id'=>'indice','readOnly' => 'readOnly'))!!}  
            </div>
            <div class="form-group col-lg-2 col-md-2 col-sm-12 col-xs-12">
                <label for="uc">UC Acumulado:</label> 
                {!! Form::text('uc', NULL , $attributes = array('class' => 'form-control', 'id'=>'uc','readOnly' => 'readOnly'))!!}  
            </div>
            <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12">
                <label for="tipo_op">Tipo de Consulta:</label> 
                {!! Form::select('tipo_op', $tipo_op,NULL , $attributes = array('class' => 'form-control', 'id'=>'tipo_op','multiple' => 'multiple','size' => 2))!!}  
            </div>
        </div>
    </div>
    <div id="mensaje">
    </div>
    <div class="modal fade bs-example-modal-sm ventanamodal" id="Agregar" 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">Agregar Calificación</h4>
                </div>
                <div class="modal-body">
                    <div class="form-horizontal container-fluid">
                        <div class="form-group">
                            <label for="materia_id" class="col-sm-2 control-label">Materia</label>
                            <div class="col-sm-10">
                            {!! Form::select('materia_id',array(), NULL, $attributes =  array('class' => 'form-control','id'=>'materias_a','required' => 'required'))!!}
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="periodo_id" class="col-sm-2 control-label">Períodos</label>
                            <div class="col-sm-10">
                            {!! Form::select('periodo_id',array(), NULL, $attributes =  array('class' => 'form-control','id'=>'periodo_a','required' => 'required'))!!}
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="nota" class="col-sm-2 control-label">Calificación (1 - 20)</label>
                            <div class="col-sm-10">
                                {!! Form::text('nota', NULL , $attributes = array('class' => 'form-control', 'id'=>'nota','maxlength' => 2))!!}
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-success" id="env_agregar">Enviar</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive pre-scrollable" id="tabla">
            <table class="table table-hover small">
                <thead>
                    <tr class="info">
                        <th>C&oacute;digo</th>
                        <th>Descripci&oacute;n</th>
                        <th class="text-center">UC</th>
                        <th class="text-center">Nota</th>
                        <th class="text-center">Per&iacute;odo</th>
                        <th class="text-center">Tipo</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>

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

        $('#estudiante_id').keypress(function() {
            var tabla_vacia = '<table class="table table-hover small"> <thead> <tr class="info"> <th>C&oacute;digo</th> <th>Descripci&oacute;n</th> <th class="text-center">UC</th> <th class="text-center">Nota</th> <th class="text-center">Per&iacute;odo</th> <th class="text-center">Tipo</th> </tr> </thead> </table>';

            $('#tabla').html(tabla_vacia);
            $('#nom_ape').val('');
            $('#uc').val('');
            $('#programa_id').html('<option value=""></option>');
        });

        $('#consultar_est').click(function() {
            var estudiante_id = $('#estudiante_id').val();

            if (estudiante_id != '') {
                $.ajax({
                    type: "POST",
                    url: "{!!URL::action('ProcesoController@postAjaxestudiante_programa')!!}", 
                    dataType: "json",
                    cache: false,
                    data: {
                            estudiante_id: estudiante_id
                        },
                    beforeSend: function() {
                        $('body').css('cursor','wait');
                    },
                    success: function(data)
                    {   
                        $('body').css('cursor','default');

                        $('#mensaje').html(data.mensaje);
                        $('#nom_ape').val(data.datos.nombres+' '+data.datos.apellidos);
                        $('#programa_id').html(data.op);                        
                    }
                });
            }
        });

        $('#programa_id').change(function() {
            var datos = $(this).val();
            var tipo = '';
            
            $('#tipo_op option').each(function() {
                if (this.selected) {
                    tipo = this.value;
                }
            });

            if (datos != '' && tipo != '') {
                $.ajax({
                    type: "POST",
                    url: "{!!URL::action('ProcesoController@postAjaxver_historial')!!}", 
                    dataType: "json",
                    cache: false,
                    data: {
                            datos: datos
                        },
                    beforeSend: function() {
                        $('body').css('cursor','wait');
                    },
                    success: function(data)
                    {   
                        $('body').css('cursor','default');

                        $('#tabla').html(data.tabla);
                        $('#materias_a').html(data.materias);
                        $('#periodo_a').html(data.periodos);
                        $('#uc').val(data.uc);
                        $('#indice').val(data.indice);

                    }
                });
            }
        });

        $('#tipo_op').change(function() {
            var tipo = '';
            
            $('#tipo_op option').each(function() {
                if (this.selected) {
                    tipo = this.value;
                }
            });
            
            var datos = $('#programa_id').val();

            if (datos != '' && tipo != '') {
                $.ajax({
                    type: "POST",
                    url: "{!!URL::action('ProcesoController@postAjaxver_historial')!!}", 
                    dataType: "json",
                    cache: false,
                    data: {
                            datos: datos, tipo: tipo
                        },
                    beforeSend: function() {
                        $('body').css('cursor','wait');
                    },
                    success: function(data)
                    {   
                        $('body').css('cursor','default');

                        $('#tabla').html(data.tabla);
                        $('#materias_a').html(data.materias);
                        $('#periodo_a').html(data.periodos);
                        $('#uc').val(data.uc);
                        $('#indice').val(data.indice);

                    }
                });
            }
        });

        $('#env_agregar').click(function() {
            var tipo = '';
            
            $('#tipo_op option').each(function() {
                if (this.selected) {
                    tipo = this.value;
                }
            });
            
            var datos = $('#programa_id').val();
            var periodo = $('#periodo_a').val();
            var materia = $('#materias_a').val();
            var nota = $('#nota').val();

            if (datos != '' && tipo != '' && periodo != '' && materia != '' && nota != '') {
                $.ajax({
                    type: "POST",
                    url: "{!!URL::action('ProcesoController@postAjaxagregarcalificacion')!!}", 
                    dataType: "json",
                    cache: false,
                    data: {
                            datos: datos, tipo: tipo, periodo: periodo, materia: materia, nota
                        },
                    beforeSend: function() {
                        $('body').css('cursor','wait');
                    },
                    success: function(data)
                    {   
                        $('body').css('cursor','default');
                        $('#Agregar').modal('toggle');
                        $('#nota').val('');

                        $('#tabla').html(data.tabla);
                        $('#materias_a').html(data.materias);
                        $('#periodo_a').html(data.periodos);
                        $('#uc').val(data.uc);
                        $('#indice').val(data.indice);

                    }
                });
            }
        });
    });
</script>

@stop