@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">&nbsp;</label>
                <span id="nom_ape" class="form-control"></span> 
            </div>
            <div class="clearfix"></div>
            <div class="form-grou col-md-offset-4 col-lg-3 col-md-3 col-sm-12 col-xs-12">
                <label for="nivel_id">Nivel de Estudios:</label> 
                {!! Form::select('nivel_id',$vacio, NULL , $attributes = array('class' => 'form-control', 'id'=>'nivel_id','required' => 'required'))!!}  
            </div>
        </div>
    </div>
    <div id="mensaje">
    </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>Documentos</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    
                </tbody>
            </table>
        </div>
    </div>

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

        var tabla_vacia = '<table class="table table-hover small"> <thead> <tr class="info"> <th>Documentos</th> <th></th> </tr> </thead><tbody></tbody> </table>';

        $('#estudiante_id').keypress(function() {
            $('#tabla').html(tabla_vacia);
            $('#nom_ape').text('');
            $('#mensaje').html('');
            $('#tipo_programa').html('<option value=""></option>');
        });

        $('#consultar_est').click(function() {
            var estudiante_id = $('#estudiante_id').val();
            $('#mensaje').html('');
            $('#tabla').html(tabla_vacia);

            if (estudiante_id != '') {
                $.ajax({
                    type: "POST",
                    url: "{!!URL::action('EstudianteController@postAjaxestudiante_nivel')!!}", 
                    dataType: "json",
                    cache: false,
                    data: {
                            estudiante_id: estudiante_id
                        },
                    beforeSend: function() {
                        $('body').css('cursor','wait');
                        $('#tipo_programa').html('<option value=""></option>');
                    },
                    success: function(data)
                    {   
                        $('body').css('cursor','default');

                        $('#mensaje').html(data.mensaje);
                        $('#nom_ape').text(data.nom_ape);

                        $.each(data.op, function(key, value) {
                             $('#nivel_id').append('<option value="'+key+'">'+value+'</option>');
                        });                        
                    }
                });
            }
        });

        $('#nivel_id').change(function() {
            var nivel_id = $(this).val();
            var estudiante_id = $('#estudiante_id').val();
            $('#mensaje').html('');
            $('#tabla').html(tabla_vacia);

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

                        for (docs in data.documentos) {
                            $('tbody').append('<tr '+(data.documentos[docs].item == 1 ? 'class="success"' : '')+'>'
                                +'<td>'+data.documentos[docs].descripcion+'</td>'
                                +'<td class="text-center"><input id="'+data.documentos[docs].codigo+'" type="checkbox" value="'+data.documentos[docs].codigo+'" '+(data.documentos[docs].item == 1 ? 'checked' : '')+'/></td>'
                                +'</tr>')
                        }

                        $('table').append('<tfoot><tr><td colspan="2" class="text-center"><button id="guardar" class="btn btn-sm btn-success">Guardar</button></td></tr></tfoot>');

                        $('#guardar').click(function() {
                            $(this).prop('disabled',true);
                            $(this).text('Enviando...');
                            var tipo = $('#nivel_id').val();
                            var estudiante_id = $('#estudiante_id').val();

                            var docs = [];

                            $('input[type="checkbox"]:checked').each(function() {
                                docs.push($(this).val());
                            })

                            if (estudiante_id != '' && nivel_id != '') {
                                $.ajax({
                                    type: "POST",
                                    url: "{!!URL::action('EstudianteController@postAjaxactualizar_documentos')!!}", 
                                    dataType: "json",
                                    cache: false,
                                    data: {
                                            estudiante_id:estudiante_id,nivel_id: nivel_id, documentos: docs
                                        },
                                    beforeSend: function() {
                                        $('body').css('cursor','wait');
                                    },
                                    success: function(mensaje)
                                    {   
                                        $('body').css('cursor','default');
                                        $('#guardar').prop('disabled',false);
                                        $('#guardar').text('Guardar');

                                        $('#mensaje').html(mensaje);
                                    }
                                });
                            }
                        });
                    }
                });
            }
        });

        $(document).on('change','input[type="checkbox"]',function(){
            if ($(this).prop('checked')) {
                $(this).parent().parent().addClass('danger');
            } else {
                $(this).parent().parent().removeClass('danger');
            }
        });
    });
</script>

@stop