@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">
        {!! Form::open(array('url'=>'proceso/inscripcion','class'=>'formulario')) !!}{!! csrf_field() !!}
            <div class="form-group col-lg-8 col-lg-offset-2 col-md-12 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" data-toggle="tooltip" title="Consultar">
                        <div id="consultar_est" class="consultar btn btn-info"><i class="fa fa-search"></i></div>
                    </span>
                </div>
            </div>
            <hr>
            <div class="form-group col-lg-8 col-lg-offset-2 col-md-12 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', 'disabled' => 'true'))!!}  
            </div>
            <div class="clearfix"></div>
            <div class="form-group col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
                <label for="programa_id">Programa:</label> 
                <div class="input-group">
                {!! Form::select('programa_id',$vacio, NULL , $attributes = array('class' => 'form-control', 'id'=>'programa_id','required' => 'required'))!!}  
                    <span class="input-group-btn">
                        <div id="consultar" class="consultar btn btn-info" data-toggle="tooltip" title="Consultar"><i class="fa fa-search"></i></div>
                        <button type="submit" id="inscripcion" class="btn btn-success" data-toggle="tooltip" title="Inscripción" disabled><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button>
                    </span>
                </div>
            </div>
        {!! Form::close() !!}
        </div>
    </div>
    <div id="mensaje">
    </div>
    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <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>
        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive" id="tabla">
            <table class="table table-hover">
                <thead>
                    <tr class="info">
                        <th class="text-center">Materia</th>
                        <th class="text-center">Secci&oacute;n</th>
                        <th class="text-center">Acciones</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <div class="modal fade bs-example-modal-sm ventanamodal" id="Eliminar" 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">Eliminar Inscripci&oacute;n</h4>
                </div>
                <div class="modal-body">
                    <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">¿Confirma que desea eliminar la inscripci&oacute;n del estudiante?</label>
                            {!! Form::hidden('data_get','',array('id'=>'data_get'))!!}
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" id="delete_yes" class="btn btn-success" data-dismiss="modal">Si</button>
                        <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
                    </div>
                </div>
            </div>
        </div>
    </div>  
@stop
@section('postscript')
{!! Html::script('js/solonumeros.js') !!}
<script type="text/javascript">
    $(document).ready(function(){

        $('[data-toggle="tooltip"]').tooltip();   

        $('#estudiante_id').keypress(function() {
            var tabla_vacia = '<table class="table table-hover"> <thead> <tr class="info"> <th class="text-center">Materia</th> <th class="text-center">Secci&oacute;n</th> <th class="text-center">Acciones</th> </tr> </thead> </table>';

            $('#tabla').html(tabla_vacia);
            $('.data').val('');
            $('#mensaje').html('');
            $('#inscripcion').attr('disabled',true);
        });

        $('#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() {
                        document.getElementById('cargando').style.display='block';
                    },
                    success: function(data)
                    {   
                        document.getElementById('cargando').style.display='none';       
                        $('#mensaje').html(data.mensaje);
                        $('#nom_ape').val(data.datos.apellidos+', '+data.datos.nombres);
                        $('#programa_id').html(data.op);                        
                    }
                });
            }
        });

        $('#consultar').click(function() {
            var datos = $('#programa_id').val();

            if (datos != '') {
                $.ajax({
                    type: "POST",
                    url: "{!!URL::action('ProcesoController@postAjaxinscripcion_estudiante')!!}", 
                    dataType: "json",
                    cache: false,
                    data: {
                            datos: datos
                        },
                    beforeSend: function() {
                        document.getElementById('cargando').style.display='block';
                    },
                    success: function(data)
                    {   
                        document.getElementById('cargando').style.display='none';       
                        $('#tabla').html(data.datos.tabla);
                        $('#inscripcion').attr('disabled',false);
                         //Funcion para eliminar el area elegida
                        $(".eliminar").click(function(){
                            var parametro=$(this).val();
                            $("#data_get").val(parametro);
                        });
                    }
                });
            }
        });

        $('#delete_yes').click(function(){
            var data_get = $('#data_get').val();
            if (data_get != '') {
                $.ajax({
                    type: "POST",
                    url: "{!!URL::action('ProcesoController@postAjaxeliminar_inscripcion')!!}", 
                    dataType: "json",
                    cache: false,
                    data: {
                            data_get: data_get
                        },
                    beforeSend: function() {
                        document.getElementById('cargando').style.display='block';
                    },
                    success: function(data)
                    {   
                        document.getElementById('cargando').style.display='none';       
                        $('#mensaje').html(data.mensaje);
                        $('#tabla').html(data.tabla);
                        $('#inscripcion').attr('disabled',false);
                         //Funcion para eliminar el area elegida
                        $(".eliminar").click(function(){
                            var parametro=$(this).val();
                            $("#data_get").val(parametro);
                        });
                    }
                });
            }
        });
    });
</script>

@stop