@extends('templates.template')

@push('page-title')
	<h2>Avisos - Visualizações</h2>
	<p>Alunos que visualizaram.</p>
@endpush

@section('content')
<div class="row">
@is(['admin', 'secretario', 'notificacao'])

<div class="col-md-3">
        <a data-toggle="modal"  data-whatever="@mdo"  href="{{route('avisos.index')}}" class=" listaTurmas tile-box tile-box-shortcut btn-info">
            <span class="bs-badge badge-absolute">
                Avisos
            </span>
            <div class="tile-header">Início</div>
            <div class="tile-content-wrapper">
                <i class="glyphicon glyphicon-inbox glyph-icon"></i>
            </div>
        </a>
    </div>
    
    <div class="col-md-3">
        <a data-toggle="modal"  data-whatever="@mdo"  href="#" class=" listaTurmas tile-box tile-box-shortcut btn-info">
            <span class="bs-badge badge-absolute">
                Avisos por turma
            </span>
            <div class="tile-header">Ver Todos</div>
            <div class="tile-content-wrapper">
                <i class="glyphicon glyphicon-inbox glyph-icon"></i>
            </div>
        </a>
    </div>
    
@endis
</div>

<hr/>
<h3>Lista de Visualizações</h3>
<table class="table table-striped table-bordered" role="grid" aria-describedby="example_info" id="searchListarMatricula" width="100%">
    <thead>
        <tr>
            <th>#</th>
            <th>Aluno</th>
            <th>Turma</th>
            <!-- <th>tokem do celular</th> -->
            <th>Data</th>
        </tr>
    </thead>
    <tbody>
        @foreach($usuarios as $user)
        @if($user->user_id == 0)
        <tr class="secondary">
        @else
        <tr class="warning">
        @endif
            <td>{{$user->id}}</td>
            <td>{{$user->aluno['nomecompleto']}}</td>
            <td>{{$aviso->turma['descricao']}}</td>
            <!-- <td>---</td> -->
            <td>{{date('d/m/Y h:i:s',strtotime($user->updated_at))}}</td>
        </tr>
        @endforeach
    </tboby>
</table>
<!-- Modal de Relatorios -->
<div class="modal fade" id="modalNovoAviso" tabindex="-1" role="dialog" aria-labelledby="modalNovoAviso" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalNovoAviso">Novo Aviso</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
      {!! Form::open(['route' => 'avisos.selecionarTipo']) !!}
      <label>Selecione um Tipo</label>
      {!! Form::select('tipo_id', ['1'=>'Aviso por Aluno', '2'=>'Aviso por Turma'], null, ['class'=>'form-control', 'id'=>'select']) !!}
      </div>
      
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
        {!! Form::submit('Continuar', ['class'=>'btn btn-primary']) !!}
      </div>
       {!! Form::close() !!}
    </div>
  </div>
</div>
@endsection

@push('scripts')  
<script>
    $(document).ready(function() {
        $('#searchListarMatricula').dataTable({
            "order": [[ 0, "desc" ]]
        } )
        $(document).on('click', '.delete', function(event){
            event.preventDefault()
            let url = $(this).attr('href')
            bootbox.confirm("Tem certeza que deseja deletar esse arquivo!", 
                function(result){ 
                    if(result === true){
                        var jqxhr = $.ajax( url )
                            .done(function(data) {
                                console.log( "success" )
                                window.location.href = '{{ App::make("_.url") }}' + '/avisos/' + data.turma_id
                            })
                            .fail(function() {
                                alert( "error" )
                            })
                    } 
                })
        })

        $(document).on('click', '.pushNotification', function(event){
            
            event.preventDefault()

            let URL = $(this).attr('href')

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            
            var jqxhr = $.ajax({
                    method: "GET",
                    url: URL
                })
                .done(function(data) {
                    console.log( data );
                    if(data.success === true){
                        bootbox.alert({
                            title: 'Retorno das Notificações',
                            message: 'Enviados: ' + data.msg.enviados[0] + ' devices.<br/>' +
                                    'Falhas: ' + data.msg.enviados[1] + ' devices.<br/>' +
                                    'Devices: ' + data.msg.devices
                        })
                    } else {
                        bootbox.alert({
                            title: 'Retorno das Notificações',
                            message: 'Ocorreu algum erro, comunicar ao suporte'
                        })
                    }
                })
                .fail(function(a, b, c) {
                    console.log( a, b, c );
                })
        });

        $(document).on('click', '.listaTurmas',function(event) {
            event.preventDefault();
            var  matricula_id = $(this).attr('href');
            $.ajax({
                url: '{{ route("turmas.listaTurmas") }}',
                beforeSend: function( xhr ) {
                    bootbox.hideAll()
                    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>'})
                },
                type: 'GET',
                })
                .done(function(e) {
                    bootbox.hideAll()
                    var _html =  $('<select/>').attr('name', 'serie').addClass('form-control turma')
                            _html.append($('<option/>').val('0').text('-- ESCOLHA UMA TURMA --'))
                            e.forEach(function(item){
                                _html.append($('<option/>').val(item.id).text(item.descricao))
                            })
                                
                    var data = $('<div/>')
                        
                        .append(
                            $('<div/>')
                            .addClass('col-md-12')
                            .append(
                                _html
                            )   
                        );
                        bootbox.dialog({
                            title:'Selecione Turma',
                            message: data,
                            buttons: {
                                success: {
                                    label: "Download",
                                    className: "btn-success",
                                    callback: function (result) {
                                        var turma = $('.turma').val();
                                        console.log(turma)
                                        window.open("{{ App::make('_.url') }}/avisos/avisosTurma/" + turma);
                                    }
                                }
                            }
                        });
                });
            });

    })
</script>
@endpush