@extends('layout.sidebar')
@section('content')
{{ HTML::style('packages/bootstrap-select/css/bootstrap-select.min.css') }}
{{ HTML::script('packages/bootstrap-select/js/bootstrap-select.min.js') }}
{{ HTML::script('packages/bootstrap-select/js/i18n/defaults-es_CL.min.js') }}

<h3>Asignar Evaluaci&oacute;n a Atributo de Desarrollo</h3>
<br/>
{{ Form::open(array('action' => 'StudentLearnerAttributeController@postAssignAttributeResult','class'=>'form-horizontal')) }}
    <div class="form-group">
        {{ Form::label('serial_scy', 'A&ntilde;o Lectivo',array('class'=>'col-xs-2 control-label')) }}
        <div class="col-xs-3">
            {{ Form::select('serial_scy',$schoolYears,$currentSchoolYear->serial_scy,array('class'=>'form-control')) }}
        </div>
    </div>
    <div class="form-group">
        {{ Form::label('attribute_id', 'Atributo',array('class'=>'col-xs-2 control-label')) }}
        <div class="col-xs-3">
            {{ Form::select('attribute_id',$studentLearnerAttribute,'',array('class'=>'form-control')) }}
        </div>
    </div>
    <div class="form-group">
        {{ Form::label('results', 'Evaluaci&oacute;n',array('class'=>'col-xs-2 control-label')) }}
        <div class="col-xs-5">
            {{ Form::select('results',$studentLearnerAttributeResult,'',array('class'=>'form-control','multiple'=>'multiple','name'=>'results[]')) }}
        </div>
    </div>
    <div class="form-group">
        <div class="col-xs-offset-2 col-xs-10">
            {{ Form::submit('Guardar',array('class' => 'btn btn-primary')); }}
        </div>
    </div>
{{ Form::close() }}
<script>
    $('#results').selectpicker();
    loadResults();
    $('#attribute_id').on('change',function(){
        loadResults();
    });
    $('#serial_scy').on('change',function(){
        loadResults();
    });
    
    function loadResults() {
        $.ajax({
            url: 'results',
            data: {
                serial_scy: $('#serial_scy').val(),
                attribute_id: $('#attribute_id').val()
            },
            success:function(data) {
                $('#results option').prop('selected', false)
                $('#results option').each(function(){
                    var self = $(this);
                    $.each(data,function(key,value){
                        if(parseInt(self.val()) == value){
                            self.prop('selected', true)
                        }
                    });
                });
                $('#results').selectpicker('refresh');
            }
        });
    }
</script>
@stop()