@extends('templates.template')
@push('page-title')
    <h2>Matrículas canceladas</h2>
    <p>Listagem das matriculas canceladas</p>
@endpush

@section('content')
    <div class="row">
        <div class="col-md-3 mt-3">
            <a href="{{ url(route('matriculas.index')) }}" class="tile-box tile-box-shortcut btn-info">
                <span class="bs-badge badge-absolute">
                    Matrículas
                </span>
                <div class="tile-header">Voltar</div>
                <div class="tile-content-wrapper">
                    <i class="glyphicon glyphicon-list-alt glyph-icon"></i>
                </div>
            </a>
        </div>
    </div>
    <hr>

    <table class="table table-striped table-bordered" role="grid" aria-describedby="example_info"
        id="searchListarMatricula" width="100%">
        <thead>
            <tr>
                <th>#Código</th>
                <th>Aluno</th>
                <th>Turma</th>
                <th>Ano</th>
                <th>Ação</th>
            </tr>
        </thead>
        <tbody>
            @if ($dados)
                @foreach ($dados as $dado)
                    {{-- {{dd($dado->situacao)}} --}}
                    <tr class="{!! situacaoCancelados($dado->situacao) !!}" data-url="{{ route('matriculas.detalhes', $dado['aluno_id']) }}">
                        <td>{{ $dado->id }}</td>
                        <td>
                            {{ $dado->aluno['nomecompleto'] ?? '[ - - -]' }} <br />
                            <div class="label label-warning">
                                {{ !empty($dado->aluno->responsavel) ? $dado->aluno->responsavel->descricao : '' }}</div>
                            @if ($dado->prematricula == 1)
                                <div class="label label-warning">Pré-matrícula</div>
                            @endif
                            <br>
                            @if (isset($dado->token_cartao))
                                <span data-html="true" data-toggle="tooltip" data-placement="top"
                                    title="Cartão de Crédito Cadastrado"> <i class="fa fa-credit-card"
                                        title=""></i></span>
                            @endif
                        </td>
                        <td><a href='{{ route('turmas.lista', ['id' => $dado->turma['id']]) }}'
                                title="Lista de Matriculados">{{ $dado->turma['descricao'] }}</a></td>
                        <td>{{ $dado->turma->ano['descricao'] }} <br> <span class="label label-info">
                                @if (isset($dado->created_at))
                                    {{ dataAmericaBrasilTime($dado->created_at) }}
                                @endif
                            </span></td>
                        {{-- <td width="10%">
                {!! Form::checkbox('boleto', 1, $dado['boleto'], ["data-group-cls"=>"btn-group-sm"]) !!}
            </td> --}}
                        <td class="text-center">
                            <a href='{{ route('alunos.documento', ['id' => $dado->matricula_id]) }}' data-toggle="tooltip"
                                data-placement="top" title="Ficha de Matrícula" class="btn btn-default btn-xs"><i
                                    class="fa fa-file"></i></a>
                            @is(['admin', 'secretaria'])
                                <a href='{{ route('matriculas.listar', ['id' => $dado->matricula_id]) }}' data-toggle="tooltip"
                                    data-placement="top" title="Financeiro" class="btn btn-default btn-xs"><i
                                        class="fa fa-money"></i></a>
                            @endis
                            {{-- <a href='{{ route("matriculas.contratoIntegral", ["id" => $dado->matricula_id]) }}' data-toggle="tooltip" data-placement="top" title="Contrato" class="btn btn-default btn-xs"><i class="fa fa-sticky-note-o"></i></a> --}}

                            @if ($dado->turma->serie->id == 18 && $dado->turma->curso->id == 8)
                                <a href='{{ route('matriculas.contratoRobotica', ['id' => $dado->matricula_id]) }}'
                                    data-toggle="tooltip" data-placement="top" title="Contrato Robótica"
                                    class="btn btn-default btn-xs"><i class="fa fa-sticky-note-o"></i></a>
                            @endif
                            @if (\Auth::user()->roles()->first()->id != 5)
                                {{-- <a href='{{ route('matriculas.contrato', ['id' => $dado->matricula_id]) }}'
                                    data-toggle="tooltip" data-placement="top" title="Contrato"
                                    class="btn btn-default btn-xs"><i class="fa fa-sticky-note-o"></i></a> --}}
                                {{-- @if ($dado->aluno->matriculas->count() == 2)
                        <a href='{{ route("matriculas.contratoComposto", ["id" => $dado->aluno->id]) }}' data-toggle="tooltip" data-placement="top" title="Contrato Composto" class="btn btn-default btn-xs"><i class="fa fa-files-o"></i></a>
                    @endif --}}
                            @endif

                            <a href='{{ route('avaliacao.boletins', [$dado->turma->id, $dado->id]) }}'
                                data-toggle="tooltip" data-placement="top" title="Boletim" data-aluno="{{ $dado->id }}"
                                data-serie="{{ $dado->turma->serie }}" data-turma="{{ $dado->turma }}"
                                class="boletim_ btn btn-default btn-xs"><i class="fa fa-file"></i>
                            </a>

                            <a href="{{ route('relatorioinfantil.relatorio', $dado->matricula_id) }}" data-toggle="tooltip"
                                data-placement="top" title="Relatorio" class="btn btn-default btn-xs">
                                <i class="fa fa-table"></i>
                            </a>

                            <a href="{{ route('matriculas.recuperar', $dado->matricula_id) }}" data-toggle="tooltip"
                                data-placement="top" title="Recuperar Matrícula" class="recuperar btn btn-default btn-xs">
                                <i class="fa fa-check"></i>
                            </a>

                            <a href="{{ route('historicos.historico', $dado->aluno_id) }}" data-toggle="tooltip"
                                data-placement="top" title="Histórico Escolar" class="btn btn-default btn-xs"><i
                                    class="fa fa-folder-open"></i>
                            </a>

                            <a href="{{ route('gestaodeaulas.frequenciaMatriculaCancelada') }}" class="btnDiario"
                                data-toggle="modal" id="{{ $dado->matricula_id }}" data-target="#modalDiario"
                                title="Frequência">
                                <i class="btn btn-default btn-xs glyphicon glyphicon-list-alt">
                                </i>
                            </a>
                        </td>

                        <div class="modal fade" id="modalDiario" 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">Diário de Classe</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' => 'gestaodeaulas.frequenciaMatriculaCancelada']) !!}
                                            {!! Form::label('Selecione um Mês') !!}

                                            {!! Form::hidden('matricula_id', isset($dado) ? $dado->matricula_id : 1, ['id' => 'campoMatriculaId']) !!}
                                            {!! Form::select(
                                                    'mes',
                                                    [
                                                        '01' => 'Janeiro',
                                                        '02' => 'Fevereiro',
                                                        '03' => 'Março',
                                                        '04' => 'Abril',
                                                        '05' => 'Maio',
                                                        '06' => 'Junho',
                                                        '07' => 'Julho',
                                                        '08' => 'Agosto',
                                                        '09' => 'Setembro',
                                                        '10' => 'Outubro',
                                                        '11' => 'Novembro',
                                                        '12' => 'Dezembro',
                                                    ],
                                                    null,
                                                    ['class' => 'form-control']
                                                )
                                            !!}
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary"
                                            data-dismiss="modal">Cancelar</button>
                                        {!! Form::submit('Visualizar', ['class' => 'btn btn-primary']) !!}
                                    </div>
                                    {!! Form::close() !!}
                                </div>
                            </div>
                        </div>
                    </tr>
                @endforeach

            @endif
        </tbody>
    </table>



    <div align="center">
        {{-- {!! $dados->render() !!} --}}
    </div>
@stop

@push('styles')
    <style>
        #searchListarMatricula tbody tr:hover {
            background: #BEBEBE !important;
        }
    </style>
@endpush

@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() {

            $(':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_matricula/' + id + '/' + boleto, function(data) {
                    console.log(data)
                });
            });

            $('#searchListarMatricula').dataTable({
                'order': []
            });
            $('[data-toggle="tooltip"]').tooltip();

            $(document).on('click', '.delete', function(event) {
                event.preventDefault();
                var __URL__ = $(this).attr('href');
                bootbox.confirm("Deseja deletar este registro?", function(result) {
                    if (result) $(window.document.location).attr('href', __URL__);
                });
            });

            $(document).on('click', '.recuperar', function(event) {
                event.preventDefault();
                var __URL__ = $(this).attr('href');
                bootbox.confirm("Deseja recuperar essa matricula?", function(result) {
                    if (result) $(window.document.location).attr('href', __URL__);
                });
            });

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


            $('tr').dblclick(function() {
                var __URL__ = $(this).data('url')

                $.ajax({
                    url: __URL__,
                    type: 'GET',
                    success: function(data) {
                        bootbox.alert({
                            title: "Detalhes do Aluno",
                            message: "<div class='row'>" +
                                "<div class='col-xs-12 col-sm-12 col-md-12 col-lg-12'>" +
                                "<h2><span class='label label-default'>Aluno: " + data[
                                    0].aluno.nomecompleto + "</span></h2>" +
                                "</div>" +
                                "</div>" +
                                "<br/>" +
                                "<div class='row'>" +
                                "<div class='col-xs-12 col-sm-12 col-md-12 col-lg-12'>" +
                                "<table class='table table-striped table-bordered table-hover table-condensed'>" +
                                "<thead>" +
                                "<tr>" +
                                "<th>Ano</th>" +
                                "<th>Matrícula</th>" +
                                "<th>Serie</th>" +
                                "<th>Turma</th>" +
                                "<th>Turno</th>" +
                                "<th>Ações</th>" +
                                "</tr>" +
                                "</thead>" +
                                "<tbody class='listarAlunosMatriculados'>" +
                                "</tbody>" +
                                "</table>" +
                                "</div>" +
                                "</div>" +
                                "<div class='clearfix'></div>",
                            onEscape: false,
                            size: 'large',
                            buttons: {
                                ok: {
                                    label: 'Fechar',
                                    className: 'btn-default'
                                }
                            },
                            callback: function(result) {
                                // ...
                            }
                        })
                        $(data).each(function(key, value) {
                            $('.listarAlunosMatriculados').append(
                                $('<tr/>')
                                .append($('<td/>').text(value.ano.descricao))
                                .append($('<td/>').text(value.aluno.codigo))
                                .append($('<td/>').text(value.turma.serie
                                    .descricao))
                                .append($('<td/>').text(value.turma.descricao))
                                .append($('<td/>').text(value.turma.turno
                                    .descricao))
                                .append($('<td/>')
                                    .append($('<a/>')
                                        .attr('data-toggle', 'tooltip')
                                        .attr('href', '{{ App::make('_.url') }}' +
                                            '/matriculas/contratoComposto/' + value
                                            .aluno_id)
                                        .attr('title', 'Contrato Composto')
                                        .append(
                                            $('<i/>').addClass(
                                                'fa fa-copy btn btn-default')
                                        )
                                    )
                                )
                            )
                        })
                        $('[data-toggle="tooltip"]').tooltip()
                    },
                    error: function(jqXhr) {
                        // Error...
                        if (jqXhr.status === 401) //redirect if not authenticated user.
                            $(location).prop('pathname', 'auth/login');
                        if (jqXhr.status === 422) {
                            //process validation errors here.
                            $errors = jqXhr
                                .responseJSON; //this will get the errors response data.
                            //show them somewhere in the markup
                            //e.g
                            errorsHtml = '<div class="alert alert-danger"><ul>';

                            $.each(data, function(key, value) {
                                errorsHtml += '<li>' + value[0] +
                                    '</li>'; //showing only the first error.
                            });
                            errorsHtml += '</ul></di>';

                            $('#form-errors').html(
                                errorsHtml
                            ); //appending to a <div id="form-errors"></div> inside form
                        } else {
                            /// do some thing else
                        }
                    }
                });
            });

            $(document).on('click', '.boletim_', function(event) {
                event.preventDefault()
                var self = $(this)
                var teste = null;
                var serie = $(this).data('serie')
                var turma = $(this).data('turma')
                var aluno = $(this).data('aluno')
                // $.get("{{ App::make('_.url') }}/avaliacao/observacao/" + serie + '/' + turma + '/' + aluno, function(event){

                var option = '';
                if ($(event.selecionadas).length > 0) {
                    $(event.selecionadas.tagged).each(function(index, value) {
                        option += '<option value="' + value.tag.name + '" selected="selected">' +
                            value.tag.name + '</option>'
                    })
                }
                bootbox.dialog({
                    title: "Visualização de boletins",
                    message: '<div class="row">' +
                        '<div class="col-md-8">' +
                        '<label for="obs">Observação Geral</label><br/>' +
                        '<select class="col-md-12 select2" name="tags[]" style="width:100%;" multiple>' +
                        option +
                        '</select>' +
                        '</div>' +
                        '<div class="col-md-4">' +
                        '<label for="semestre">Bimestre</label>' +
                        '<select name="semestre" class="form-control">' +
                        '<option value="1">1º Bimestre</option>' +
                        '<option value="2">2º Bimestre</option>' +
                        '<option value="3">3º Bimestre</option>' +
                        '<option value="4">4º Bimestre</option>' +
                        '</select>' +
                        '</div>' +
                        '</div>',
                    buttons: {
                        success: {
                            label: "Gerar boletim(ns)",
                            className: "btn-success",
                            callback: function() {
                                var tags = $('.select2').val()
                                // tags = tags.join("-");

                                $.get('{{ App::make('_.url') }}/avaliacao/storeObservacao/' +
                                    turma + '/' + aluno + '/' + tags, null,
                                    function(data) {
                                        console.log('success')
                                    })
                                var semestre = $('[name="semestre"]').val();
                                var __URL__ = self.attr('href')
                                window.open(__URL__ + '/' + semestre + '/')
                            }
                        }
                    }
                });
                $('.select2').select2({
                    tags: true,
                })

                // })
            })

            // declarações
            $(document).on('click', '.declaracoes', function(event) {
                event.preventDefault();
                var matricula_id = $(this).attr('href');
                $.ajax({
                        url: '{{ route('series.listaSerie') }}',
                        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 serie')
                        //         _html.append($('<option/>').val('0').text('-- ESCOLHA UMA SERIE --'))
                        //         e.forEach(function(item){
                        //             _html.append($('<option/>').val(item.descricao).text(item.descricao))
                        //         })

                        var data = $('<div/>')
                            .addClass('row')
                            .append(
                                $('<div/>')
                                .addClass('col-md-12')
                                .append(
                                    $('<select/>').attr('name', 'tipo').append(
                                        $('<option/>').val('0').text('-- ESCOLHA UMA DECLARAÇÃO --')
                                    ).append(
                                        $('<option/>').val('1').text('DECLARAÇÃO PARA IMPOSTO DE RENDA')
                                    ).append(
                                        $('<option/>').val('2').text('DECLARAÇÃO DE ALUNO MATRÍCULADO')
                                    ).append(
                                        $('<option/>').val('3').text('DECLARAÇÃO DE APROVADO')
                                    ).append(
                                        $('<option/>').val('4').text('DECLARAÇÃO DE REPROVADO')
                                    ).addClass('form-control tipo')
                                )
                            ).append('<br/> <br/> <br/>')
                        $('<div/>')
                        // .addClass('col-md-12')
                        // .append(
                        //     $('<select/>').attr('name', 'funcdamental').addClass('form-control fundamental')
                        // )
                        // .append(
                        //     $('<div/>')
                        //     .addClass('col-md-12')
                        //     .append(
                        //         _html
                        //     )
                        // );
                        bootbox.dialog({
                            title: 'Declarações',
                            message: data,
                            buttons: {
                                success: {
                                    label: "Download",
                                    className: "btn-success",
                                    callback: function(result) {
                                        var tipo = $('.tipo').val();
                                        var fundamental = $('.fundamental').val();
                                        var serie = $('.serie').val();
                                        window.open(
                                            "{{ App::make('_.url') }}/matriculas/declaracoes/" +
                                            tipo + '/' + fundamental + '/' + serie +
                                            '/' + matricula_id);
                                    }
                                }
                            }
                        });
                    });
            });
        });
    </script>
@endpush