@extends('templates.template')

@push('page-title')
    <h2>Turmas</h2>
    <p>Diferente níveis de conhecimento o que faz avançar em atividade diversificadas</p>
@endpush
@section('content')
    <div class="row">
        <div class="col-md-3">
            <a href="{{ route('turmas.index') }}" class="tile-box tile-box-shortcut btn-default">
                <span class="bs-badge badge-absolute">
                    Turmas
                </span>
                <div class="tile-header">Listar Turmas</div>
                <div class="tile-content-wrapper">
                    <i class="glyphicon glyphicon-inbox glyph-icon"></i>
                </div>
            </a>
        </div>
        <div class="col-md-3">
            <a href="{{ route('avaliacao.boletins', [$turma, 0]) }}" data-aluno="0" data-serie="{{ $serie }}" data-turma="{{ $turma }}" class="tile-box tile-box-shortcut btn-info boletim">
                <span class="bs-badge badge-absolute">
                    Alunos
                </span>
                <div class="tile-header">Boletins da Turma</div>
                <div class="tile-content-wrapper">
                    <i class="fa fa-braille glyph-icon"></i>
                </div>
            </a>
        </div>
        <div class="col-md-3">
            <a href="{{ route('turmas.listarDisciplinas', [$serie, $turma]) }}" class="tile-box tile-box-shortcut btn-info inserirNotas">
                <span class="bs-badge badge-absolute">
                    Avaliações
                </span>
                <div class="tile-header">Lançar Avaliações</div>
                <div class="tile-content-wrapper">
                    <i class="fa fa-braille glyph-icon"></i>
                </div>
            </a>
        </div>
    </div>
    <hr>
    {{-- <div class="row">
        <div class="col-md-3">
            <a href="{{ route('avaliacoes.create', [$serie, $turma]) }}" class="tile-box tile-box-shortcut btn-success provasMensais">
                <span class="bs-badge badge-absolute">
                    Avaliações
                </span>
                <div class="tile-header">Provas Mensais</div>
                <div class="tile-content-wrapper">
                    <i class="fa fa-file-text-o glyph-icon"></i>
                </div>
            </a>
        </div>
        <div class="col-md-3">
            <a href="{{ route('turmas.listarDisciplinas', [$serie, $turma]) }}" class="tile-box tile-box-shortcut btn-success listarRelatorios">
                <span class="bs-badge badge-absolute">
                    Avaliações
                </span>
                <div class="tile-header">Provas e Trabalhos</div>
                <div class="tile-content-wrapper">
                    <i class="fa fa-file-text-o glyph-icon"></i>
                </div>
            </a>
        </div>
    </div> --}}

    <div class="bs-callout bs-callout-danger">
        <h4>{{ $dados->descricao }}</h4>
        Quantidade de alunos: {{ $dados->matriculas->count() }}
    </div>

    <table class="table" id="searchListarMatricula">
        <thead>
            <th>Matrícula</th>
            <th>Aluno</th>
            <th>Ações</th>
        </thead>
        <tbody>
        @foreach($dados->matriculas as $in => $aluno)
            <tr class="{!!situacaoCancelados($aluno->situacao) !!}">
                <td>{{ $aluno->aluno->codigo ?? '- - -' }}</td>
                <td>
                    {{ $aluno->aluno->nomecompleto ?? '- - -    ' }}
                    <p>
                    @foreach($aluno->tagged as $tag)
                        <span class="label label-info tagDeletar" data-aluno="{{ $aluno->id }}" data-serie="{{ $serie }}" data-turma="{{ $turma }}">{{ strtolower($tag->tag_name) }}</span>
                    @endforeach
                    </p>
                </td>
                <td class="center">
                     {{-- <a href='{{ route('alunos.obs', [$aluno->aluno->id]) }}' class="alunosObs"><span><i class="fa fa-2x {{ (!empty($aluno->aluno->obs)) ? 'fa-commenting' : 'fa-commenting-o' }}"></i></span></a>  --}}
                    <a href='{{ route('avaliacao.boletins', [$aluno->turma->id, $aluno->id]) }}' data-aluno="{{ $aluno->id }}" data-serie="{{ $serie }}" data-turma="{{ $turma }}" class="boletim"><span><i class="fa fa-download fa-2x"></i></span></a>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>

@endsection

@section('scripts')
    <script type="text/javascript">

        $(document).ready(function() {
            $('#searchListarMatricula').dataTable({"order": [[ 1, "asc" ]]});
        });
        var $dados;

        $(document).on('click', '.boletim', function(event){
            event.preventDefault()
            var self = $(this)
            var teste = null;
            var serie = $(this).data('serie')
            var turma = $(this).data('turma')
            var aluno = $(this).data('aluno')
            // $.get("{{ App::make('_.url') }}/avaliacao/observacao/" + serie + '/' + turma + '/' + aluno, function(event){

                var option = '';
                if($(event.selecionadas).length > 0){
                    $(event.selecionadas.tagged).each(function(index, value){
                        option += '<option value="'+value.tag.name+'" selected="selected">'+value.tag.name+'</option>'
                    })
                }
                bootbox.dialog({
                        title: "Visualização de boletins",
                        message: '<div class="row">'
                                    +'<div class="col-md-8">'
                                        +'<label for="obs">Observação Geral</label><br/>'
                                        +'<select class="col-md-12 select2" name="tags[]" style="width:100%;" multiple>'
                                            + option
                                        +'</select>'
                                    +'</div>'
                                    +'<div class="col-md-4">'
                                        +'<label for="semestre">Bimestre</label>'
                                        +'<select name="semestre" class="form-control">'
                                            +'<option value="1">1º Bimestre</option>'
                                            +'<option value="2">2º Bimestre</option>'
                                            +'<option value="3">3º Bimestre</option>'
                                            +'<option value="4">4º Bimestre</option>'
                                        +'</select>'
                                    +'</div>'
                                +'</div>',
                        buttons: {
                            success: {
                                label: "Gerar Boletim(ns)",
                                className: "btn-success",
                                callback: function () {
                                    var tags = $('.select2').val()
                                    // tags = tags.join("-");
                                    
                                    $.get('{{ App::make('_.url') }}/avaliacao/storeObservacao/'+turma+'/'+aluno+'/'+tags, null, function(data){
                                        console.log('success')
                                    })
                                    var semestre = $('[name="semestre"]').val();
                                    var __URL__ = self.attr('href')
                                    window.open(__URL__ + '/' + semestre + '/')
                                }
                            }
                        }
                    });
                    $('.select2').select2({
                        tags: true,
                    })

            // })
        })

        $('.alunosObs').click(function(event) {
            event.preventDefault();
            var __URL__ = $(this).attr('href');
            var self = this
            $.getJSON( __URL__ , function( data ) {
                bootbox.prompt({
                    title: "Observação do boletim",
                    value: data.obs,
                    callback: function(result) {
                        var conteudo = $('.bootbox-input').val().length > 0 ? 'www' : ' ';
                        if(conteudo.length > 0){
                            $(self).children().find('i').removeClass('fa fa-2x fa-commenting-o').addClass('fa fa-2x fa-commenting');
                        } else {
                            $(self).children().find('i').removeClass('fa fa-2x fa-commenting').addClass('fa fa-2x fa-commenting-o');
                        }
                        $.get( __URL__ + '/' + conteudo );
                    }
                });
            });
        });

        $('.provasMensais').click(function(event){

            event.preventDefault();
            var __URL__ = $(this).attr('href');
            $.getJSON( __URL__ , function( data ) {
                var dados = '<option value="empty">-- ESCOLHA UMA DISCIPLINA --</option>';
                $.each(data, function(key, value){
                    dados += '<option value="' + value.id + '">' + value.descricao + '</option>';
                });
                bootbox.dialog({
                    title: 'Relatório Disciplinas/Turmas com Provas e Trabalhos Avaliativos',
                    message: '<div class="row">' +
                                '<div class="col-md-8">' +
                                    '<div class="form-group">' +
                                        '<label for="disciplina">Disciplina</label>' +
                                        '<div class="row">' +
                                        '<select name="disciplina" data-serie="{{ $serie }}" data-turma="{{ $turma }}" data-live-search="true" class="disciplina selectpicker col-md-12" width="100%">' +
                                            dados +
                                        '</select>' +
                                        '</div>' +
                                    '</div>' +
                                '</div>' +
                                '<div class="col-md-4">' +
                                    '<label for="bimestre">Provas Mensais</label>' +
                                    '<select name="bimestre" class="form-control">' +
                                        '<option value="1">1º Bimestre</option>' +
                                        '<option value="2">2º Bimestre</option>' +
                                        '<option value="3">3º Bimestre</option>' +
                                        '<option value="4">4º Bimestre</option>' +
                                    '</select>' +
                                '</div>' +
                            '</div>',
                    buttons: {
                        success: {
                            label: "Abrir Arquivo",
                            className: "btn-success",
                            callback: function () {
                                var disciplina  = $('.selectpicker').selectpicker('val');
                                var serie       = {{ $serie }};
                                var turma       = {{ $turma }};
                                var bimestre    = $('[name="bimestre"]').val();
                                if(disciplina=='empty'){
                                    return bootbox.alert('Falta escolher uma disciplina');
                                }
                                window.open("{{ App::make('_.url') }}/turmas/notasajustadas/" + serie +'/'+ turma +'/'+ disciplina + '/' + bimestre);
                            }
                        }
                    }
                });
                // $('.select').select2();
                $('.selectpicker').selectpicker({
                  style: 'btn-default',
                  size: 6
                });
            });
        });

        $('.listarRelatorios').click(function(event){

            event.preventDefault();
            var __URL__ = $(this).attr('href');
            $.getJSON( __URL__ , function( data ) {
                var dados = '<option value="empty">-- ESCOLHA UMA DISCIPLINA --</option>';
                $.each(data, function(key, value){
                    dados += '<option value="' + value.id + '">' + value.descricao + '</option>';
                });
                bootbox.dialog({
                    title: 'Relatório Disciplinas/Turmas com Provas e Trabalhos Avaliativos',
                    message: '<div class="row">' +
                                '<div class="col-md-8">' +
                                    '<div class="form-group">' +
                                        '<label for="disciplina">Disciplina</label>' +
                                        '<div class="row">' +
                                        '<select name="disciplina" data-serie="{{ $serie }}" data-turma="{{ $turma }}" data-live-search="true" class="disciplina selectpicker col-md-12" width="100%">' +
                                            dados +
                                        '</select>' +
                                        '</div>' +
                                    '</div>' +
                                '</div>' +
                                '<div class="col-md-4">' +
                                    '<label for="bimestre">Bimestre</label>' +
                                    '<select name="bimestre" class="form-control">' +
                                        '<option value="0">Notas Limpas</option>' +
                                        '<option value="1">1º Bimestre</option>' +
                                        '<option value="2">2º Bimestre</option>' +
                                        '<option value="3">3º Bimestre</option>' +
                                        '<option value="4">4º Bimestre</option>' +
                                    '</select>' +
                                '</div>' +
                            '</div>',
                    buttons: {
                        success: {
                            label: "Abrir Arquivo",
                            className: "btn-success",
                            callback: function () {
                                var disciplina  = $('.selectpicker').selectpicker('val');
                                var serie       = {{ $serie }};
                                var turma       = {{ $turma }};
                                var bimestre    = $('[name="bimestre"]').val();
                                if(disciplina=='empty'){
                                    return bootbox.alert('Falta escolher uma disciplina');
                                }
                                window.open("{{ App::make('_.url') }}/turmas/pta-white/" + serie +'/'+ turma +'/'+ disciplina + '/' + bimestre);
                            }
                        }
                    }
                });
                // $('.select').select2();
                $('.selectpicker').selectpicker({
                  style: 'btn-default',
                  size: 6
                });
            });
        });

        $('.tagDeletar').click(function(e){
            var self = $(this)
            bootbox.confirm("Tem certeza que deseja deletar?", function(result) {
                if(result == true){
                    var serie = self.data('serie')
                    var turma = self.data('turma')
                    var aluno = self.data('aluno')
                    var content = self.text()
                    console.log(content)
                    $.get('{{ App::make('_.url')}}/avaliacao/tagDeletar/' + serie + '/' + turma + '/' + aluno +  '/' + content, null, function(event){
                        $(self).remove()
                    })
                }
            });
        })

        $('.inserirNotas').click(function(event){
            event.preventDefault();
            var __URL__ = $(this).attr('href');
            $.getJSON( __URL__ , function( data ) {
                var dados = '<option value="empty">-- ESCOLHA UMA DISCIPLINA --</option>';
                $.each(data, function(key, value){
                    dados += '<option value="' + value.id + '">' + value.descricao + '</option>';
                });
                bootbox.dialog({
                    title: 'Relatório Disciplinas/Turmas com Provas e Trabalhos Avaliativos',
                    message: '<div class="row">' +
                                '<div width="100%">' +
                                    '<div class="form-group">' +
                                        '<label for="disciplina">Disciplina</label>' +
                                            '<select name="disciplina" data-serie="{{ $serie }}" data-turma="{{ $turma }}" data-live-search="true" class="disciplina selectpicker col-md-12" width="100%">' +
                                                dados +
                                            '</select>' +
                                        '</p>' +
                                    '</div>' +
                                '</div>' +
                            '</div>',
                    buttons: {
                        success: {
                            label: "Download",
                            className: "btn-success",
                            callback: function () {
                                var disciplina  = $('.selectpicker').selectpicker('val');
                                if(disciplina != 'empty'){
                                    var serie       = {{ $serie }};
                                    var turma       = {{ $turma }};
                                    window.open("{{ App::make('_.url') }}/avaliacoes/create/" + turma +'/'+ disciplina);
                                    // window.open("{{ App::make('_.url') }}/avaliacao/create/" + serie +'/'+ turma +'/'+ disciplina);
                                }else{
                                    bootbox.alert({
                                        message: '<h4 class="text-center">Escolha uma disciplina por favor</h4>'
                                    })
                                }
                            }
                        }
                    }
                });
                // $('.select').select2();
                $('.selectpicker').selectpicker({
                  style: 'btn-default',
                  size: 4
                });
            });

            $('#tags').selectize({
                delimiter: ',',
                persist: false,
                valueField: 'tag',
                labelField: 'tag',
                searchField: 'tag',
                options: tags,
                create: function(input) {
                    return {
                        tag: input
                    }
                }
            });
        });
    </script>
@stop