@extends('alunos::layouts.frame')

@section('content_child')
<style>
.mt-checkbox:hover>input:not([disabled]):checked~span, .mt-checkbox>input:checked~span, .mt-radio:hover>input:not([disabled]):checked~span, .mt-radio>input:checked~span {
    background: #ffffff;
    border: 1px solid black;   
}
.mt-checkbox-inline, .mt-radio-inline {
    padding-bottom: 0px;
}
</style>

<div class="page-content" id="box-block" ng-app="radix" ng-controller="ctrlListar" >
    <div class="page-head">
        <div class="page-title col-xs-8">
            <h1><i class="{{$modulo->icon}}"></i> {{$modulo->title}} <small> @{{pagination.total}} registro(s)</small></h1>
        </div>
        <div class="page-toolbar col-xs-4" align="right">            
        </div>
    </div>    
    <div class="row">
        <div class="col-md-3">
            <select name="codturma" class="form-control" ng-model="cadastro.codturma" ng-change="getDisciplinas()"
            ng-options="t.codigo as t.turma for t in turmas">
                <option value="">Selecione Turma</option>                
            </select>
        </div>
        <div class="col-lg-3 col-md-4">
            <select name="disciplina" class="form-control" ng-model="cadastro.id_disciplina" 
            ng-options="p.codcompcurriculares  as p.compcurriculares for p in componentes" ng-change="getObservacao()" 
            ng-disabled="cadastro.codturma==0">
                <option value="">Disciplina</option>
            </select>
        </div>
        <div class="col-lg-3 col-md-3">
            <select name="periodo" class="form-control" ng-model="cadastro.p" ng-change="getObservacao()"
            ng-options="p.cod  as p.label for p in periodos" ng-disabled="cadastro.id_disciplina==0">>
                <option value="">Periodo</option>
            </select>
        </div>
        <!-- <div class="col-md-3">            
            <div class="mt-checkbox-inline">
                <label class="mt-checkbox">
                    <input type="checkbox" name="progressao" ng-model="cadastro.transferidos" 
                    id="progressao3" value="true"> Exibir Transferidos<span></span>
                </label>                
            </div>
        </div>  -->
        
    </div>
    <br/>  

    <div class="portlet light">
        <div class="portlet-title">
            <div class="caption font-green">
                <i class="fa fa-th-list"></i>
                <span class="caption-subject bold uppercase"> OBSERVAÇÕES DO ALUNO</span>
            </div>            
        </div>
        <div class="portlet-body form">  
            <table class="table table-bordered">
                <tr>
                    <th colspan="2" align="center">@{{tb.mes}}</th>
                </tr>
                <tr>
                    <th>OBS</th>
                </tr>
                <tr ng-repeat="tb in observacoes">
                    <td>@{{tb.obs}}</td>
                </tr>
            </table>  
        </div>
    <div>

</div>


<script>
    var route = '{{isset($modulo->url) ? $modulo->url:''}}/';
</script>
<script type="text/javascript" src="/modules/alunos/ctrl_observacoes_list.js" ></script>
@endsection