@extends('templates.template')
@push('page-title')
<h2>Agenda da turma {{$agendas[0] ? $agendas[0]->turma->descricao : ''}}</h2>
<p>Gerencie todas as suas informações</p>
@endpush


@section('content')

<style>
    #modalFrequenciaForm{
        position: absolute;
        /* top:initial; */
        padding: 10px;
        height: 500px;
        overflow-y: scroll;
    }
    .small-font{
      font-size: small;
    }
</style>
@if (session('status'))
    <div class="alert alert-success">
    {{ session('status') }}
    </div>
@endif

<style>
    .df{
        display: flex;
    }
    .t{
        width: 100%;
    }
</style> 
    <div class="col-md-3">
        <a href="{{ url(route('gestaodeaulas.agendaTodasAsTurmasDoAno')) }}" class="tile-box tile-box-shortcut btn-primary">
            <span class="bs-badge badge-absolute">
                Voltar
            </span>
            <div class="tile-header">Todas as agendas por turma</div>
            <div class="tile-content-wrapper">
                <i class="glyphicon glyphicon-backward glyph-icon"></i>
            </div>
        </a>
    </div>
    <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>Ações</th>       
                </tr>
            </thead>
            @foreach($agendas as $agenda)
            <tbody>
                <tr>
                    <td width="20%" id="{{$agenda->turma->id}}" class="turmaIdentificador">{{$agenda->turma->descricao ?? '#'}}</td>
                    <td width="20%">{{$agenda->titulo ?? '[ - - -]'}}</td>
                    <td width="20%">{{$agenda->conteudo ?? '[ - - -]'}}</td>
                    <td width="15%">{{$agenda->data_agenda_formatada ?? '[- - -]'}}</td>
                    <td width="10%" style="cursor:pointer;" class="tdImagem"  data-toggle="modal" data-target="{{$agenda->id}}" data-url="{{$agenda->imagem}}">
                        {!! !empty($agenda->imagem) ? '<span class="label label-success">com arquivo</span>' : '<span class="label label-danger">sem arquivo</span>'!!}   
                    </td>
                    <td width="15%"> 
                        @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"  data-placement="top" title="Editar">
                            <i class="fa fa-edit"></i>
                        </a>
                        <a href="{{ route('gestaodeaulas.agendaDeletar', $agenda->id)}}" class="btn btn-xs btn-danger delete"  data-placement="top" title="Deletar">
                            <i class="fa fa-close"></i>
                        </a>
                        <a href="{{route('gestaodeaulas.downloadFile', $agenda->id)}}" class="btn btn-xs btn-warning"  data-placement="top" title="Baixar Arquivo">
                            <i class="fa fa-download"></i>
                        </a>
                        {{-- <a class="btn btn-xs btn-secondary btnModalRegistroAula"  data-placement="top" title="Criar Aula" data-toggle="modal" data-data_agenda="{{ $agenda->data_agenda_formatada }}" data-turma_id="{{$agenda->turma->id}}" data-url="{{$agenda->id}}">
                            <i class="fa fa-address-card"></i>
                        </a> --}}
                    </td>
            </tbody>
            @endforeach
        </table>
    </div>
    <div class="col-md-12">
        {!! $agendas->render() !!}
    </div>
    <!-- Modal da imagem -->
    <div class="modal fade" id="modalImagem" 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="" style="width: 200px;" alt="">
                <span class="mensagemCasoNaoTenhaImagem"></span>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
            </div>
            </div>
        </div>
    </div>
    
   

@endsection
@push('scripts')
{!! HTML::script('bower_components/bootstrap-checkbox/dist/js/bootstrap-checkbox.min.js') !!}
<script type="text/javascript"> 


    $(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).ready(function () {
        


/*
        Scripts extras
*/     

        // script para confirmar ação de excluir
        $(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.reload(true);
                        })
                        .fail(function() {
                            alert( "Algo inesperado aconteceu. Entre em contanto com o suporte da Caju." )
                        })
                } 
            });
        });

/*
        Script do modal de imagem
*/
        $('.tdImagem').click(function () {
            let agenda_id = $(this).attr('data-target');
            let imagem_id = $(this).attr('data-url');
            if(imagem_id){
                $('#modalImagem').find('.mensagemCasoNaoTenhaImagem').html('');
                $('#modalImagem').find('img').attr('src', '/img/agenda/'+imagem_id);
            }
            else{
                $('#modalImagem').find('img').attr('src', '');
                $('#modalImagem').find('.mensagemCasoNaoTenhaImagem').html('Nenhuma imagem foi vinculada!');
            }
            $('#modalImagem').modal('show');
        });

});
       

</script>
@endpush