@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">
@is(['admin', 'coordenador', 'secretaria'])
    <div class="col-md-3">
        <a href="{{ url(route('turmas.create')) }}" class="tile-box tile-box-shortcut btn-info">
            <span class="bs-badge badge-absolute">
                Turmas
            </span>
            <div class="tile-header">Adicionar Turma</div>
            <div class="tile-content-wrapper">
                <i class="glyphicon glyphicon-inbox glyph-icon"></i>
            </div>
        </a>
    </div>
@endis
@is(['admin'])
    <div class="col-md-3">
        <a href="#" class="tile-box tile-box-shortcut btn-default turma_completo_financeiro">
            <span class="bs-badge badge-absolute">
                Relatórios
            </span>
            <div class="tile-header">Rel. Turma Completo</div>
            <div class="tile-content-wrapper">
                <i class="fa fa-file glyph-icon"></i>
            </div>
        </a>
    </div>
@endis
@is(['admin', 'coordenador', 'secretaria'])
    <div class="col-md-3">
        <a href="{{ url(route('turmas.relatorioFinanceiroAnual')) }}" class="tile-box tile-box-shortcut btn-default turma_financeiro_mes_ano">
            <span class="bs-badge badge-absolute">
                Relatórios
            </span>
            <div class="tile-header">Rel. Turma Mes e Ano</div>
            <div class="tile-content-wrapper">
                <i class="fa fa-file glyph-icon"></i>
            </div>
        </a>
    </div>
@endis
</div>
<hr/>
	<table class="table table-striped table-bordered" role="grid" aria-describedby="example_info" id="searchListarMatricula" width="100%">
		<thead>
			<tr>
				<th>#</th>
				<th>Ano</th>
				<th>Série</th>
				<th>Descrição</th>
                <th>Quantidade</th>
				<th>Boleto</th>
				<th>Ações</th>
			</tr>
		</thead>
		<tbody>
		@foreach($dados as $dado)
            {{-- */ $vetor = [] /* --}}
            @foreach($dado->instrutores as $instrutores)
                {{-- */ $vetor[] = $instrutores->id /* --}}
            @endforeach
            {{-- {{dd($instrutor->turma)}} --}}
                @if( !empty($instrutor)? (in_array($instrutor->id, $vetor)) : '' || Auth::user()->roles[0]->name == 'admin' || Auth::user()->roles[0]->name == 'coordenador' || Auth::user()->roles[0]->name == 'secretaria')
    			<tr>
    				<td>{{ $dado->id }}</td>
    				<td>{{ $dado->ano['descricao'] }}</td>
    				<td>{{ $dado->serie['descricao'] }}</td>
    				<td><a href='{{ route("turmas.lista", ["id" => $dado->id]) }}' title="Lista de Matriculados">{{$dado->descricao}}</a></td>
    				<td>{{ count($dado->matriculas) }}</td>
                    <td width="10%">
                        {!! Form::checkbox('boleto', 1, $dado->boleto, ["data-group-cls"=>"btn-group-sm"]) !!}
                    </td>
    				<td width="20%" >
                        <div class = "btn-group">
                           <button type = "button" class = "btn btn-default dropdown-toggle btn-xs" data-toggle = "dropdown">
                              Ações
                              <!-- <span class = "caret"></span> -->
                           </button>

                            <ul class = "dropdown-menu" role = "menu">
                                @if(!empty($instrutor)? (in_array($instrutor->id, $vetor)) : '' || Auth::user()->roles[0]->name == 'admin' || Auth::user()->roles[0]->name == 'coordenador' || Auth::user()->roles[0]->name == 'secretaria')
                                    <li>
                                        <a href='{{ route("turmas.relatorios", ['serie' => $dado->serie->id, 'turma' => $dado->id]) }}'><span><i class="fa fa-graduation-cap"></i> Relatórios & Lançamento</span></a>
                                    </li>
                                    <li>
                                        <a href='{{ route("financeiro.turma_completo", $dado->id) }}'><span><i class="fa fa-money"></i></span> Financeiro Completo (PDF)</a>
                                    </li>
                                    <li>
                                        <a href="{{ route('turmas.form', $dado->id) }}" class="financeiroMes"><span><i class="fa fa-money"></i></span> Financeiro por mês</a>
                                    </li>
                                    <li>
                                        <a href='{{ route("financeiro.turma_completo_xls", $dado->id) }}'><span><i class="fa fa-file-excel-o"></i></span> Financeiro Completo (XLS)</a>
                                    </li>
                                    <li>
                                        <a href="{{ route('turmas.aniversarios', $dado->id) }}"><i class="fa fa-gift" aria-hidden="true"></i> Aniversários</a>
                                    </li>
                                    <li>
                                        <a href="{{ route('turmas.listarMaterial', $dado->id) }}"><i class="fa fa-scissors" aria-hidden="true"></i> Lista de Materiais</a>
                                    </li>
                                @endif

                              <li class = "divider"></li>
                              <li>
                                  <a href='{{ url("turmas/editar/$dado->id") }}'><span><i class="fa fa-edit"></i></span> Editar</a>
                              </li>
                              <li>
                                <a href='{{ route("turmas.pedagogico", $dado->id) }}'><span><i class="fa fa-heartbeat"></i></span> Relatório Pedagógico</a>
                              </li>
                              <li>
            					{{-- <a href='{{ url("turmas/deletar/$dado->id") }}'><span><i class="fa fa-close"></i></span> Anular</a> --}}
                              </li>
                              <li>
                                <a class="btnRelatorioFrequencia"  data-toggle="modal" id="{{$dado->id}}" data-target="#modalRelatorioPresenca"  ><span><i class="glyphicon glyphicon-th-list"></i></span> Relatório de Frequência</a>
                              </li>
                              <li>
                                <a class="btnRelatorioFrequenciaMensal"  data-toggle="modal" id="{{$dado->id}}" data-target="#modalRelatorioPresencaMensal"  ><span><i class="glyphicon glyphicon-th-list"></i></span> Relatório de Frequência Mensal</a>
                              </li>
                           </ul>

                        </div>


    				</td>
    			</tr>
    			@endif
		@endforeach
		</tbody>
	</table>
    <br><br><br><br>
     <!-- relatorio diario -->
    <div class="modal fade" id="modalRelatorioPresenca" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Relatório Diário</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            {!! Form::open(['route' => 'turmas.relatorio_frequencia', 'files'=>'true']) !!}
            {!! Form::label('Informe uma data') !!}
            {!! Form::text('data', null, ['class'=>'form-control data', "id"=>"datetimepicker5"]) !!}
            {!! Form::hidden('turma_id', null, ['class'=>'form-control data', "id"=>"campoIdTurma"]) !!}

          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
            {!! Form::submit('Visualizar', ['class'=>'btn btn-success']) !!}
            {!! Form::close() !!}
          </div>
        </div>
      </div>
    </div>

    <!-- relatorio mensal -->
    <div class="modal fade" id="modalRelatorioPresencaMensal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Relatório Diário</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            {!! Form::open(['route' => 'turmas.relatorioPresencaMensal', 'files'=>'true']) !!}
            {!! Form::label('Informe um mês') !!}
            {!! Form::select('mes', ['1'=>'JANEIRO', '2'=>'FEVEREIRO', '3'=>'MARÇO', '4'=>'ABRIL', '5'=>'MAIO', '6'=>'JUNHO', '7'=>'JULHO', '8'=>'AGOSTO', '9'=>'SETEMBRO', '10'=>'OUTUBRO', '11'=>'NOVEMBRO', '12'=>'DEZEMBRO'],null, ['class'=>'form-control']) !!}
            {!! Form::hidden('turma_id', null, ['class'=>'form-control data', "id"=>"campoIdTurmaMensal"]) !!}

          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
            {!! Form::submit('Visualizar', ['class'=>'btn btn-success']) !!}
            {!! Form::close() !!}
          </div>
        </div>
      </div>
    </div>
@stop

@push('scripts')
    {!! HTML::script('bower_components/bootstrap-checkbox/dist/js/bootstrap-checkbox.min.js') !!}
    {!! HTML::script('bower_components/bootstrap-checkbox/dist/js/i18n/pt.min.js') !!}
    <script type="text/javascript">
        $(document).ready(function() {
            $('').is(function(){
                console.log($(this).val())
            })
            $(':checkbox').checkboxpicker().on('change', function() {
                let boleto = 1
                if($(this).prop('checked') === false){
                    boleto = 0
                }
                let id = parseInt($.trim($(this).parents(':eq(1)').children(':eq(0)').html()))
                $.get( '/turmas/boleto/'+ id +'/'+ boleto, function( data ) {
                    console.log(data)
                });
            });

            $('#searchListarMatricula').dataTable();

            $('.turma_completo_financeiro').click(function(e){
                e.preventDefault()
                var select = '<select class="form-control" name="tipoescola">';
                $.each({!! $tipoescolas !!}, function(k,i){
                    select += "<option value='"+ k +"'>"+ i +"</option>"
                })
                select += '</select>';

                bootbox.confirm({ 
                    onEscape: true, 
                    size: "small",
                    message: '<div class="row"><h3>Escolha um tipo de escola</h3></div><p></p><div class="row">'+ select +'</div>',
                    callback: function(e){
                        if(e)
                        window.open('/turmas/turmas-financeiro-completo/' + $('[name=tipoescola]').val(), '_blank') 
                        
                    }
                })
            })

            $('.turma_financeiro_mes_ano').click(function(e){
                e.preventDefault()
                var select = '<select class="form-control" name="tipoescola">';
                $.each({!! $tipoescolas !!}, function(k,i){
                    select += "<option value='"+ k +"'>"+ i +"</option>"
                })
                select += '</select>';

                bootbox.confirm({ 
                    onEscape: true, 
                    size: "small",
                    message: '<div class="row"><h3>Escolha um tipo de escola</h3></div><p></p><div class="row">'+ select +'</div>',
                    callback: function(e){
                        if(e)
                        window.open("{{ App::make('_.url') }}/turmas/relatorioFinanceiroAnual/" + $('[name=tipoescola]').val(), '_blank') 
                    }
                })
            });

            $(document).on('click', '.btnRelatorioFrequencia', function(event){
                event.preventDefault();
                var id = $(this).attr('id');
                  console.log(id)
                  $("#campoIdTurma").val(id)
            });

            $(document).on('click', '.btnRelatorioFrequenciaMensal', function(event){
                    event.preventDefault();
                    var id = $(this).attr('id');
                      console.log(id)
                      $("#campoIdTurmaMensal").val(id)
            });

            $('.data').datetimepicker({
              format: 'DD/MM/YYYY'
            });

            // form para o financeiro mensal
            $(document).on('click', '.financeiroMes',function(event) {
                event.preventDefault();
                bootbox.dialog({ message: '<div class="text-center"> <i class="fa fa-cog fa-spin fa-3x fa-fw"></i></div><h3 class="text-center">Pesquisando dados aguarde...</h3>'})
                axios.get($(this).attr('href'))
                .then(response => {
                    bootbox.hideAll()
                    bootbox.dialog({ message: response.data})
                
                })
            });
            
            $(document).on('submit', '#relatorioFinanceiroMensal', function (event) {
                event.preventDefault();
                window.open($(this).attr('action')+'/'+$(this).serializeArray()[1].value);
            });
        });
    </script>
@endpush