@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></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 uma 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="getFrequencia()" 
            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="getFrequencia()"
            ng-options="p.cod  as p.label for p in periodos" ng-disabled="cadastro.id_disciplina==0">>
                <option value="">Período</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"> FREQUÊNCIA DO ALUNO</span>
            </div>            
        </div>
        <div class="portlet-body form">  
            <table class="table table-bordered" ng-repeat="m in frequencia">
                <tr>
                    <th colspan="2" align="center">@{{m.mes}}</th>
                </tr>
                <tr>
                    <th>Data</th>
                    <th>Frequência</th>
                </tr>
                <tr ng-repeat="d in m.dias">
                    <td>@{{d.data}}</td>
                    <td>
                        <span class="text text-danger" ng-show="d.falta>0">@{{d.falta}}h - F</span>
                        <span class="text text-success" ng-hide="d.falta>0"><i class="fa fa-check"></i></span>
                    </td>
                </tr>
            </table>  
        </div>
    <div>

</div>


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