@extends('templates.template')
@push('page-title')
    <h2>Matrículas</h2>
    <p>Vincular a aluno cadastrado em uma turma equivalente ao seu QI</p>
@endpush

@section('content')
    <div class="row">
        <div class="col-md-3">
            <a href="{{ url(route('matriculas.create')) }}" class="tile-box tile-box-shortcut btn-info">
                <span class="bs-badge badge-absolute">
                    Matrículas
                </span>
                <div class="tile-header">Adicionar Matrícula</div>
                <div class="tile-content-wrapper">
                    <i class="glyphicon glyphicon-list-alt glyph-icon"></i>
                </div>
            </a>
        </div>
        <div class="col-md-3">
            <a href="{{ route('matriculas.matriculaAll') }}" class="tile-box tile-box-shortcut btn-success">
                <span class="bs-badge badge-absolute">
                    Matrículas
                </span>
                <div class="tile-header">Todas as Matrículas</div>
                <div class="tile-content-wrapper">
                    <i class="glyphicon glyphicon-list-alt glyph-icon"></i>
                </div>
            </a>
        </div>
        <div class="col-md-3">
            <a href="{{ route('matriculas.aniversarioMes') }}" class="tile-box tile-box-shortcut btn-info">
                <span class="bs-badge badge-absolute">
                    Matrículas
                </span>
                <div class="tile-header">Aniversariantes</div>
                <div class="tile-content-wrapper">
                    <i class="fa fa-gift glyph-icon"></i>
                </div>
            </a>
        </div>
        <div class="col-md-3">
            <a href="{{ route('matriculas.listarMaterial') }}" class="tile-box tile-box-shortcut btn-success">
                <span class="bs-badge badge-absolute">
                    Matrículas
                </span>
                <div class="tile-header">Taxa Material</div>
                <div class="tile-content-wrapper">
                    <i class="fa fa-scissors glyph-icon"></i>
                </div>
            </a>
        </div>
        <div class="col-md-3 mt-3">
            <a href="{{ route('matriculas.canceladas') }}" class="tile-box tile-box-shortcut btn-danger">
                <span class="bs-badge badge-absolute">
                    Matrículas
                </span>
                <div class="tile-header">Canceladas</div>
                <div class="tile-content-wrapper">
                    <i class="fa fa-close 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="Parcelas" 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('historicos.create', $dado->aluno_id) }}" data-toggle="tooltip"
                                data-placement="top" title="Lançar Histórico Escolar" class="btn btn-default btn-xs"><i
                                    class="fa fa-arrow-up"></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('matriculas.gerarCarne', ['id' => $dado->matricula_id]) }}'
                                data-toggle="tooltip" data-placement="top" title="Carnê" class="btn btn-default btn-xs"><i
                                    class="fa fa-barcode"></i>
                            </a>

                            <a href="{{ $dado->matricula_id }}" data-toggle="tooltip" data-placement="top"
                                title="Declarações" class="btn btn-default btn-xs declaracoes"><i
                                    class="fa fa-file-text-o btn-xs" aria-hidden="true"></i>
                            </a>

                            <a href="{{ route('matriculas.cartao', $dado->matricula_id) }}" data-toggle="tooltip"
                                data-placement="top" title="Carteirinha" class="btn btn-default btn-xs"
                                target="_blank"><i class="fa fa-id-card-o"></i>
                            </a>

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

                            <a href='{{ route('cantinas.edit', $dado->aluno_id) }}' data-toggle="tooltip"
                                data-placement="top" title="Conta" class="btn btn-default btn-xs"><i
                                    class="fa fa-credit-card"></i>
                            </a>


                            {{-- <a href='{{ url("matriculas/deletar/$dado->matricula_id") }}' data-toggle="tooltip" data-placement="top" title="Deletar Matrícula" class="delete btn btn-default btn-xs"><i class="fa fa-close"></i></a> --}}
                            <a href="{{ route('matriculas.cancelar', $dado->matricula_id) }}" data-toggle="tooltip"
                                data-placement="top" title="Cancelar Matrícula"
                                class="cancelar btn btn-default btn-xs"><i class="fa fa-ban"></i></a>
                        </td>
                    </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', '.cancelar', function(event) {
                event.preventDefault();
                var __URL__ = $(this).attr('href');
                bootbox.confirm("Deseja cancelar essa matricula?", function(result) {
                    if (result) $(window.document.location).attr('href', __URL__);
                });
            });


            $('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
                        }
                    }
                });
            });
            // 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