@extends('templates.template')
@push('page-title')
<h2>Acesso de Agendas</h2>
<p>Gerencie todas as suas informações</p>
@endpush



@section('content')


@if (session('status'))
    <div class="alert alert-success">
    {{ session('status') }}
    </div>
@endif

<style>
    .df{
        display: flex;
    }
    .t{
        width: 100%;
    }
</style>  
    @if($role == 'admin' || $role == 'coordenador')
    <div class="col-md-3">
        <a href="{{ url(route('gestaodeaulas.agendaTodasAsTurmasDoAno')) }}" class="tile-box tile-box-shortcut btn-success">
            <span class="bs-badge badge-absolute">
                Listar
            </span>
            <div class="tile-header">Agendas por turmas</div>
            <div class="tile-content-wrapper">
                <i class="glyphicon glyphicon-th-list glyph-icon"></i>
            </div>
        </a>
    </div>
    @endif
    <div class="col-md-3">
        <a href="{{ url(route('gestaodeaulas.agendaCadastro')) }}" class="tile-box tile-box-shortcut btn-success">
            <span class="bs-badge badge-absolute">
                Adicionar
            </span>
            <div class="tile-header">Adicionar agenda</div>
            <div class="tile-content-wrapper">
                <i class="glyphicon glyphicon-plus-sign glyph-icon"></i>
            </div>
        </a>
    </div>   
    <div class="col-md-12">
        <table class="table table-striped table-bordered mt-5 text-justify">
            <thead>
                <tr>
                    <th>Turma</th>
                    <th>Título</th>
                    <th>Atividade de casa/classe</th>
                    <th>Data</th>
                    <th>Imagem</th>
                    <th>Notificação</th>
                    <th>Ações</th>       
                </tr>
            </thead>
            @foreach($agendas as $agenda)
            <tbody>
                <tr>
                    <td width="20%">{{$agenda->turma->descricao ?? '#'}}</td>
                    <td width="20%">{{$agenda->titulo ?? '[ - - -]'}}</td>
                    <td width="20%">{{$agenda->conteudo ?? '[ - - -]'}}</td>
                    <td width="10%">{{$agenda->data_agenda_formatada ?? '[- - -]'}}</td>
                    <td width="10%" style="cursor:pointer;" data-toggle="modal" data-toggle="modal" data-target="#seu_modal-{{$agenda->id}}" data-url="/path/{{$agenda->imagem}}">
                        {!! !empty($agenda->imagem) ? '<span class="label label-success">com arquivo</span>' : '<span class="label label-danger">sem arquivo</span>'!!}   
                    </td>
                    <td width="8%">
                        @if($agenda->notificacao == 1)
                            <label class="label label-success">Enviada</label>
                        @endif

                        @if($agenda->notificacao == 0)
                            <label class="label label-danger">Não enviada</label>
                        @endif
                    </td>
                    <td width="12%">
                        @if(auth()->user()->roles[0]->name == 'admin')
                        <a href="#" class="btn btn-xs btn-success pushNotification" data-turma-id={{$agenda->turma_id}} data-agenda-id={{$agenda->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
                        <a href="{{ route('gestaodeaulas.agendaEditarCadastro', $agenda->id)}}" class="btn btn-xs btn-primary">
                            <i class="fa fa-edit"></i>
                        </a>
                        <a href="{{ route('gestaodeaulas.agendaDeletar', $agenda->id)}}" class="btn btn-xs btn-danger delete">
                            <i class="fa fa-close"></i>
                        </a>
                        <a href="{{route('gestaodeaulas.downloadFile', $agenda->id)}}" class="btn btn-xs btn-warning">
                            <i class="fa fa-download"></i>
                        </a>
                    </td>
            </tbody>
            <div class="modal fade" id="seu_modal-{{$agenda->id}}" tabindex="-1" role="dialog">
                <div class="modal-dialog">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h4 class="modal-title">Imagem</h4>
                    </div>
                    <div class="modal-body">
                        <img src="/img/agenda/{{$agenda->imagem}}" style="width: 200px;" alt="">
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                    </div>
                  </div>
                </div>
            </div>
            @endforeach
        </table>
        {!! $agendas->render() !!}
    </div>
@endsection
@push('scripts')
<script>

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

            const turma_id = $(this).attr('data-turma-id');
            const agenda_id = $(this).attr('data-agenda-id');
            const URL = {!! json_encode(url('/')) !!} + '/' + 'gestaodeaulas/push-notification-agenda/'+turma_id+'/'+agenda_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', '.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()
        //     let url = $(this).attr('href')
        //     bootbox.confirm("Deseja notificar todos(a) os(a) aluno(a) da turma ?", 
        //         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).ready(function () {
            $('#myBtn').click(function () {
                setDetailFields();
            })
        });

        function setDetailFields(record, clear) {
            // populate controls in modal
            //var reqID = record["RequestID"];
            //...

            //$('#spnRequestID').text(reqID);
            //...

            //$('#detailModal').modal({ backdrop: 'static', keyboard: false });
            $('#detailModal').modal('show');
        }

</script>
@endpush