@extends('layouts.master')

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

@section('content')

<div class="panel panel-default">
    <div class="panel-body">
        <div class="table-responsive">
            <div id="div_cedula" class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12">
                <label>C&eacute;dula:</label>
                {!! Form::text('cedula', NULL, $attributes = array('class' => 'form-control', 'id'=>'cedula', 'placeholder'=>'EJ. 12345678','onkeypress'=>'return soloNumeros(event);','pattern'=>'[0-9]{7}')) !!}
                <div id="msg_cedula" class="text-danger">&nbsp;</div> 
            </div>
            <div id="div_materias_inscritas" class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12">
                <label>Modalidad:</label>
                {!! Form::select('modalidad', $modalidades, NULL, $attributes = array('class' => 'form-control', 'id'=>'modalidad')) !!}
                <div id="msg_materias_inscritas" class="text-danger">&nbsp;</div> 
            </div>
            <div id="div_materias_inscritas" class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12">
                <label>Periodo:</label>
                {!! Form::select('lapso', $periodos, NULL, $attributes = array('class' => 'form-control', 'id'=>'periodo')) !!}
                <div id="msg_materias_inscritas" class="text-danger">&nbsp;</div> 
            </div>
            <div class="form-group col-lg-2 col-md-2 col-sm-12 col-xs-12">
                <br/>
                <div class="btn btn-success" id="boton1"><span class="glyphicon glyphicon-search"></span></div>
                <div class="btn btn-success" id="boton2"><span class="glyphicon glyphicon-check"></span></div>
            </div>
            <div id="div_nomape" class="form-group col-lg-5 col-md-5 col-sm-12 col-xs-12">
                <label>Apellido Nombre:</label>
                {!! Form::text('nom_ape', NULL, $attributes = array('class' => 'form-control', 'id'=>'nom_ape', 'value' => 'Hola', 'disabled' => 'disabled')) !!}
                <div id="msg_nomape" class="text-danger">&nbsp;</div> 
            </div>
            <div id="div_carrera" class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12">
                <label>Carrera:</label>
                {!! Form::text('carrera', NULL, $attributes = array('class' => 'form-control', 'id'=>'carrera', 'disabled' => 'disabled')) !!}
                <div id="msg_carrera" class="text-danger">&nbsp;</div> 
            </div>
            <div id="div_carrera" class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12">
                <label>Observación:</label>
                {!! Form::text('observacion', NULL, $attributes = array('class' => 'form-control', 'id'=>'observacion')) !!}
                <div id="msg_carrera" 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>
@stop
@section('postscript')
{!! Html::script('js/solonumeros.js') !!}
{!! Html::script('js/jquery_ui.js') !!}
<script type="text/javascript" language="javascript">
    $(document).tooltip();
    $(document).ready(function() {
        $("#boton1").click(function(){
            var cedula = $("#cedula").val();

            if (cedula!='')
            {
                $.ajax({
                    type: "POST",
                    url: "{!!URL::action('AdministrativoController@postAjaxbuscarinscripcion')!!}", 
                    dataType: "json",
                    data: {
                        cedula: cedula
                    },
                    cache: false,
                    success: function(data)
                    {         

                        $("#nom_ape").val(data.nom_ape);
                        $("#carrera").val(data.escuela);
                        $("#ubi_sem").val(data.ubi_sem);
                        $("#modalidad").val(data.modalidad);
                        $("#observacion").val(data.observacion);
                        if (data.mensaje_error!=''){
                            $("#mensaje").html(data.mensaje_error);
                        }
                    }
                });
            }    
        });
        $("#boton2").click(function(){
            var cedula = $("#cedula").val();
            var modalidad = $("#modalidad").val();
            var periodo = $("#periodo").val();
            var observacion = $("#observacion").val();

            if (cedula!='' && modalidad != '' && periodo != '')
            {
                $.ajax({
                    type: "POST",
                    url: "{!!URL::action('AdministrativoController@postAjaxgenerardeuda')!!}", 
                    dataType: "json",
                    data: {
                        cedula: cedula, modalidad: modalidad, observacion: observacion, lapso: periodo
                    },
                    cache: false,
                    success: function(data)
                    {         
                        if (data.mensaje_error!=''){
                            $("#mensaje").html(data.mensaje_success);
                        }
                    }
                });
            }    
        });
    });
    
        
</script>

@stop