@extends('templates.template')

@push('page-title')
	<h2>Avisos</h2>
	<p>Informações nas quais estarão disponíveis para os alunos</p>
@endpush

@section('content')
<div class="row">
@is(['admin', 'secretario', 'notificacao'])
    <div class="col-md-3">
        <a data-toggle="modal" data-target="#modalNovoAviso" data-whatever="@mdo"  href="#" class="tile-box tile-box-shortcut btn-success">
            <span class="bs-badge badge-absolute">
                Avisos
            </span>
            <div class="tile-header">Adicionar Aviso</div>
            <div class="tile-content-wrapper">
                <i class="glyphicon glyphicon-plus-sign 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"> aviso_comment
                Ver Todos
            </span>
            <div class="tile-header">Avisos por Turmas</div>
            <div class="tile-content-wrapper">
                <i class="fa fa-users glyph-icon"></i>
            </div>
        </a>
    </div> --}}
@endis
</div>

<hr/> 
{{-- aviso_comment --}}
{{-- <h3> <a  data-toggle="modal"  data-whatever="@mdo"  href="#"  class=" btn btn-info listaTurmas btn-info"> Mostrar por Turma</a></h3> --}}
<table class="table table-striped table-bordered" role="grid" aria-describedby="example_info" id="searchListarMatricula" width="100%">
    <thead>
        <tr>
            <th>#</th>
            <th>Tipo</th>
            <th>Receptor</th>
            <th>Título</th>
            <th>Situação</th>
            <th>Criado em</th>
            <th width="15%">Ações</th>
        </tr>
    </thead>
    <tbody>
        @foreach($dado as $aviso)
        <tr>
            <td>{{$aviso->id}}</td>
            {{-- tipo --}}
            @if($aviso->turma_id != 0)
                <td>Turma</td>
            @else
                <td>Aluno(a)</td>
            @endif
            {{-- recepetor --}}
            @if($aviso->turma_id != 0)
                <td>{{$aviso->turma->descricao ?? '---'}}</td>
            @else
                <td>{{$aviso->user->aluno->nomecompleto ?? '---'}}</td>
            @endif
            <td>{{$aviso->titulo}}</td>
            <td>
                {{-- @if($aviso->user_id == 0)
                <a href="{{route('avisos.avisosTurmaSituacao', $aviso->id)}}">Verificar Visualizações</a>
                @else --}}
                {{-- @endif --}}
                @if($aviso->situacao == 0)
                    <label class="label label-danger">Não enviado</label>
                
                @endif

                @if($aviso->situacao == 1)
                    <label class="label label-success">Enviado</label>
                
                @endif
            </td>
            <td width="10%">{{Carbon\Carbon::parse($aviso->created_at)->format('d/m/Y')}}</td>
            <td class="text-center" width="10%">
                {{-- {{ route('avisos.pushNotification', $aviso['id']) }} --}}
                {{-- <a href="{{ route('avisos.pushNotification', $aviso['id']) }}" class="btn btn-xs btn-success" data-aviso-id={{$aviso->id}} > 
                    <i class="fa fa-bell-o"></i>
                </a> --}}
                @if(auth()->user()->roles[0]->name == 'admin')
                <a href="#" class="btn btn-xs btn-success pushNotification" data-aviso-id={{$aviso->id}} > 
                    <i class="fa fa-bell-o"></i>
                </a>
                @else
                    <a href="#" class="btn btn-xs btn-success" disabled="true"> 
                        <i class="fa fa-bell-o"></i>
                    </a>
                @endif
                @if($aviso->turma_id != 0)
                <a href="{{route('avisos.updateAvisoAlunoEturma', $aviso->id)}}" class="btn btn-xs btn-primary">
                    <i class="fa fa-edit"></i>
                </a>
                @endif
                @if($aviso->user_id != 0)
                <a href="{{route('avisos.updateAvisoAlunoEturma', $aviso->id)}}" class="btn btn-xs btn-warning">
                    <i class="fa fa-edit"></i>
                </a>
                @endif
                
                <a href="{{ route('avisos.delete', [$aviso->turma_id, $aviso['id']]) }}" class="btn btn-xs btn-danger delete">
                    <i class="fa fa-close"></i>
                </a>
            </td>
        </tr>
        @endforeach
    </tboby>
</table>
<div>
    <span>{!! $dado->render() !!}</span>
</div>
<!-- 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 Individual', '2'=>'Aviso para 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', '.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) {
                                //window.location.href = '{{ App::make("_.url") }}' + '/avisos/' + data.turma_id
                                window.location.reload(true);
                            })
                            .fail(function() {
                                alert( "error" )
                            })
                    } 
                })
        })

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

            const aviso_id = $(this).attr('data-aviso-id');
            const URL = {!! json_encode(url('/')) !!} + '/' + 'avisos/pushNotification/'+aviso_id;

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                }
            });
            
            var jqxhr = $.ajax({
                    method: "GET",
                    url: URL
                })
                .done(function(data) {
                    if(data.tipo == 'aluno'){
                        bootbox.alert({
                            title: 'Retorno das Notificações',
                            message: data.tem_app ? `<span style="font-size:12pt" class="label label-success">${data.msg}</span>` : `<span style="font-size:12pt" class="label label-danger">${data.msg}</span>` + '<br/>' + 
                            '<br/>' + `<span>${data.sub_msg}</span>`
                        })
                    } 
                    else if (data.tipo == 'turma') {
                        bootbox.alert({
                            title: 'Retorno das Notificações',
                             message: '<strong style="font-size:12pt">Enviados:</strong> ' + `<span style="font-size:12pt" class="label label-success">${data.total_de_envios}</span>` + ' devices' + '<br/>' +
                                    '<strong style="font-size:12pt">Sem aplicativo instalado:</strong>' + `<span style="font-size:12pt" class="label label-danger">${data.total_de_alunos_sem_app}</span>` + ' devices.<br/>'
                        });
                    }
                })
                .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: "Continuar",
                                    className: "btn-success",
                                    callback: function (result) {
                                        var turma = $('.turma').val();
                                        console.log(turma)
                                        window.open("{{ App::make('_.url') }}/avisos/avisosTurma/" + turma);
                                    }
                                }
                            }
                        });
                });
            });

    })
</script>
@endpush