@extends('templates.template')

@push('page-title')
  <h2>{{ $titulo or 'Gestão de Matrículas' }}</h2>
  <p>Vincular dados de alunos no sistema</p>
@endpush

@section('content')

@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif


<div class="row">
        <div class="col-md-3">
            <a href="{{ url(route('matriculas.index')) }}" class="tile-box tile-box-shortcut btn-info">
                <span class="bs-badge badge-absolute">
                    Matriculas
                </span>
                <div class="tile-header">Alunos Matriculados</div>
                <div class="tile-content-wrapper">
                    <i class="fa fa-male glyph-icon"></i>
                </div>
            </a>
        </div>
</div>

<hr>

<table class="table table-bordered table-hover table-condensed" role="grid" aria-describedby="example_info" id="searchListarMatricula" width="100%">
    <thead>
        <th>#</th>
        <th>Matrícula</th>
        <th>Turma</th>
        <th>Código Aluno</th>
        <th>Aluno</th>
        <th>Desconto</th>
    </thead>
    <tbody>
        <tr class="warning">
            <td>{{ $parcelas->id }}</td>
            <td>{{ $parcelas->codigo }}</td>
            <td>{{ $parcelas->turma->descricao }}</td>
            <td>{{ $parcelas->aluno->codigo }}</td>
            <td>{{ $parcelas->aluno->nomecompleto }}</td>
            <td>{{ $parcelas->desconto }}</td>
        </tr>
    </tbody>
</table>

<table>
    <tr>
        <td width="100%">
            <a href="{{route('matriculas.form', null)}}" class="btn btn-primary new-edit"><i class="fa fa-plus-circle" aria-hidden="true"></i> Nova Parcela</a>
        </td>
        <td>
            {{-- <a href="#" class="btn btn-primary">####</a> --}}
        </td>
    </tr>
</table>

    <hr/>

<table class="table table-striped table-bordered" role="grid" aria-describedby="example_info" id="searchListarParcelas">
    <thead>
        <tr>
            <th># 
                {{-- <input type="checkbox" class="selectBoletos" > --}}
            </th>
            <th>Num</th>
            <th>Valor Mensal</th>
            <!-- <th>Valor com Desconto</th> -->
            <th>Referência</th>
            <!-- <th>Juros</th> -->
            <!-- <th>Multa</th> -->
            <th>Valor Pago</th>
            <th>Situação da Parcela</th>
            {{-- <th>Situação Boleto</th> --}}
            <th>Ação</th>
        </tr>
    </thead>
    <tbody>
       {{-- */$x = $cancelado = 0;/* --}}
       @foreach($parcelas->prestacoes as $parcela)
       <tr class="{{ ($parcela->negociada == 1) ? 'danger' : '' }}">
        <td>
            {{-- @if(!empty($parcela['nossonumero']))
                <a href='{{$parcela->linkBoleto}}' 
                    class=" btn btn-default btn-xs" 
                    target="_blank" 
                    data-html="true"
                    data-toggle="tooltip"
                    data-placement="top"
                    title="Id Único: {!! $parcela['nossonumero'] !!}"
                    >
                        <i data-html="true" title="Boleto" class="fa fa-bank" title="Boleto"></i>
                </a>
            @else
                <input type="checkbox" class="" value="{{$parcela->id}}" >
            @endif --}}
            {{ $parcela->id }}
        </td>
        <td>{{ $parcela->numero }} ({{ $parcela->nossonumero }})</td>
        {{-- <td>{{ ($parcela->numero > 1) ? "R$ " . moneyAmericaBrasil($parcelas->desconto) : '- - -' }}</td> --}}
        <td>R$ {{ moneyAmericaBrasil($parcela->valor) }}</td>
        <!-- <td>R$ {{ ($parcela->numero > 1) ? moneyAmericaBrasil($parcela->valor - $parcelas->desconto) : moneyAmericaBrasil($parcela->valor) }}</td> -->
        <td>{{ dataAmericaBrasil($parcela->referencia) }}
            <span class="glyphicon glyphicon-info-sign " 
            data-html="true"
            data-toggle="tooltip"
            data-placement="top"
            title="@if( ($parcela->matricula['desconto'] > 0) ) 1º Desconto: {{ $parcela->matricula['desconto'] }} - {{ \Carbon\Carbon::parse($parcela->referencia)->subDays($parcela->matricula['dia_desconto_1'])->format('d/m/Y') }}
            @endif 
            @if( ($parcela->matricula['desconto_2'] > 0) ) 
            2º Desconto: {{ $parcela->matricula['desconto_2'] }} - {{ \Carbon\Carbon::parse($parcela->referencia)->subDays($parcela->matricula['dia_desconto_2'])->format('d/m/Y') }}
            @endif 
            @if( ($parcela->matricula['desconto_3'] > 0) ) 
            3º Desconto: {{ $parcela->matricula['desconto_3'] }} - {{ \Carbon\Carbon::parse($parcela->referencia)->subDays($parcela->matricula['dia_desconto_3'])->format('d/m/Y') }}
            @endif 
            "></span>
        </td>
        <!-- <td>R$ {{ moneyAmericaBrasil($parcela->juros) }}</td> -->
        <!-- <td>R$ {{ moneyAmericaBrasil($parcela->multa) }}</td> -->
        <td>R$ {{ moneyAmericaBrasil($parcela->valorpago) }}</td>
        <td class="text-center">
            {!! ($parcela->negociada == 0) ? situacaoPrestacao($parcela->situacao, $parcela->referencia) : '<label class="label label-danger">NEGOCIADA</label>' !!}
        </td>
        {{-- <td>
            @if(!empty($parcela->registro_sistema_bancario))
                <label class="label label-primary"> {!!strtoupper($parcela->registro_sistema_bancario) !!}</label> 
            @elseif($parcela->negociada != 0)
                <label class="label label-danger">NEGOCIADA</label>
            @else
                <label class="label label-danger">NÃO PAGO</label> 
            @endif
        </td> --}}
        <td class="text-center">
                    @if($parcela->boleto == 0)
                    {{-- <a href='{{ route("prestacoes.liberarBoleto", $parcela->id) }}' data-id="{{ $parcela->id }}" class=" btn btn-default btn-xs">
                        <i class="fa fa-bandcamp" title="Liberar Boleto"></i>
                    </a> --}}
                    @endif
                    {{-- @if($parcela->boleto != 0 && $parcela->boleto != 4 && $parcela->negociada != 1) --}}
                    @if(($parcela->boleto == 5 || $parcela->boleto == 2) && $parcela->negociada != 1)
                    <a href='{{ route("matriculas.boleto", $parcela->id) }}' data-id="{{ $parcela->id }}" class=" btn btn-default btn-xs" target="_blank">
                        <i class="fa fa-bank" title="Boleto"></i>
                    </a>
                    @endif
                    {{-- */ $dataAtual = Carbon\Carbon::now()->format('Y-m-d'); /* --}}
                    @if($parcela->negociada == 0 && ($parcela->situacao == 0 && $x == 0))
                        {{-- */ $x = 1; /* --}}
                        <a href="{{ route('matriculas.negociada', $parcela->id) }}" target="_blank" class="btn btn-default btn-xs negociada" title="Negociar Parcela"><i class="fa fa-handshake-o"></i></a>

                        <a href='{{ route("matriculas.calcularJuros", $parcela->id) }}' data-id="{{ $parcela->id }}" class="pagarPrestacao btn btn-default btn-xs">
                            <i class="fa fa-download" title="Baixa na prestação"></i>
                        </a>
                        {{-- @if( $dataAtual < $parcela->referencia) --}}
                                <a href='{{ route("matriculas.cancelamento", [$parcela->matricula_id, $parcela->id]) }}' data-id="{{ $parcela->id }}" class="cancelar btn btn-default btn-xs">
                                    <i class="fa fa-ban" title="Cancelar matrĩcula"></i>
                                </a>
                        {{-- @endif --}}
                    @elseif($parcela->situacao == 1)
                        <a href='{{ route("matriculas.recibo", ["id" => $parcela->id]) }}' title="Exibir Recibo" class="btn btn-default btn-xs">
                            <i class="fa fa-clone"></i>
                        </a>

                        @if($parcela->tid > 0)
                            <a href='{{ route("matriculas.cancelar_transacao") }}' data-id="{{ $parcela->id }}" data-nmparcela="{{ $parcela->numero }}" data-tid="{{ $parcela->tid }}" class="cancelarTransacao btn btn-danger btn-xs">
                                <i class="fa fa-credit-card" title="Cancelar transação"></i>
                            </a>    
                        @endif
                    @elseif($parcela->situacao == 2 && $cancelado == 0)
                    <a href='{{ route("matriculas.relatorio-cancelar", ["matricula_id" => $parcela->matricula_id, 'id'=>$parcela->id]) }}' title="Exibir Recibo Cancelado" class="btn btn-default btn-xs">
                        <i class="fa fa-clone"></i>
                    </a>
                    {{-- */ $cancelado = 1; /* --}}
                    @endif
                    @if(($parcela->situacao == 0) && 
                    	($cancelado == 0) && 
                    	($parcela->boleto == 0) && 
                    	($parcela->negociada == 0))
                        <a href='{{ route("matriculas.transacao_token_cartao") }}' data-id="{{ $parcela->id }}" class="transacaoTokenCartao btn btn-default btn-xs">
                            <i class="fa fa-credit-card" title="Transação no cartão de crédito"></i>
                        </a>
                        <a href="{{route('matriculas.form', $parcela->id)}}" class="btn btn-default btn-xs new-edit">
                            <i class="fa fa-edit" aria-hidden="true"></i>
                        </a>
                        <!-- <a href="{{$parcela->id}}" data-toggle="tooltip" data-placement="top" title="Cartão de Crédito" class="btn btn-default btn-xs cartaodecredito"><i class="fa fa-file-text-o btn-xs" aria-hidden="true"></i></a> -->
                    @endif
                </td>
    </tr>
    @endforeach
</tbody>
</table>
{{-- <a href="#" class="btn btn-primary gerarBoletos">Registrar Boletos</a> --}}
<a href="{{ route('bancos.gerarBoletoIndividualTurma', $parcelas['id']) }}" target="_blank" class="btn btn-primary">Imprimir Carnê (Boletos)</a>
{{-- <a href="#" class="btn btn-primary cartaodecredito">Cadastrar Cartão de Crédito</a> --}}
<div align="center">
    {{-- {!! $dados->render() !!} --}}
</div>
@endsection

@section('scripts')
{!! HTML::script('bower_components/bootstrap-checkbox/dist/js/bootstrap-checkbox.min.js') !!}
{!! HTML::script('bower_components/bootstrap-checkbox/dist/js/i18n/pt.js') !!}
{!! HTML::script('bower_components/jquery-tabledit-1.2.3/jquery.tabledit.min.js') !!}
<script src="https://s3-sa-east-1.amazonaws.com/widgets.superlogica.net/embed.js" ></script>
<script type="text/javascript">
    superlogica.require("pjbank");
    superlogica.pjbank("checkout_transparente", 'e0727263cc7a983f0aae5411ad86c5a144b8ed28', true);
</script>
<script type="text/javascript">

    const http = axios.create({})
    //     headers: {
    //         'X-CSRF-Token': '{{ csrf_token() }}'
    //     }
    // })

    $(document).ready(function() {

        // $('#example').DataTable( {
        //     "order": [[ 3, "desc" ]]
        // } );

        // $('#searchListarMatricula').dataTable({'order':[]});

        $('[data-toggle="tooltip"]').tooltip()

        // $.ajaxSetup({
        //     headers: {
        //         'X-CSRF-Token': '{{ csrf_token() }}'
        //     }
        // });

        // gerar boletos

        $(document).on('click', '.selectBoletos', function(event){
            $('input:checkbox').not(this).prop('checked', this.checked)
        })

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

            let checkbox = $('input[type=checkbox]:checked'), val = []
            let matricula_id = '{{ $id_matricula }}'
            if(checkbox.length > 0) {
                checkbox.each(function() {
                    val.push($(this).val())
                })
            } else {
                var dialog = bootbox.dialog({
                        message: `<p class="text-center mb-0"> Informe alguma parcela acima! <br/>Faça isso clicando na caixa de seleção ao lado de cada parcela.</p>`,
                        closeButton: true
                    })
            }
            http.post("{{route('prestacoes.mostrarPrestacoes')}}", { val, matricula_id }, {
                    headers: {
                        'X-CSRF-Token': '{{ csrf_token() }}'
                    }
                })
                .then(function(res){
                    let lote = [], cobrancas = [], dado = []
                    dado['cobrancas'] = [] 

                    console.log(res)

                    $.each(res.data.prestacoes, function(index, value) {
                            
                        porcentagem = '| Até o dia do vencimento desconto de R$ '+ value.matricula['desconto'] +'';
                        
                        dado = {
                            cobrancas: {
                                vencimento: value['vencimento'],
                                valor: value['valor'],
                                juros: res.data.banco.juros_formatado,
                                juros_fixo: 0,
                                multa: res.data.banco.multa_formatado,
                                multa_fixo: 0,
                                desconto: value.matricula['desconto'],
                                diasdesconto1: value.matricula['dia_desconto_1'],
                                desconto_2: value.matricula['desconto_2'],
                                diasdesconto2: value.matricula['dia_desconto_2'],
                                desconto_3: value.matricula['desconto_3'],
                                diasdesconto3: value.matricula['dia_desconto_3'],
                                nunca_atualizar_boleto: 1,
                                texto: ('Códido do aluno: {{ $parcelas["aluno"]["codigo"] }} | Aluno: {{ $parcelas["aluno"]["nomecompleto"] }} | Turma: ' +  (value.matricula.turma['descricao']).normalize('NFD').replace(/[\u0300-\u036f]/g, '')  + ' | ' + res.data.banco.msg1 + ' | ' + res.data.banco.msg2 + ' | ' + res.data.banco.msg3).normalize('NFD').replace(/[\u0300-\u036f]/g, ''),
                                instrucao_adicional: ('Códido do aluno: {{ $parcelas["aluno"]["codigo"] }} | Aluno: {{ $parcelas["aluno"]["nomecompleto"] }} | Turma: ' +  (value.matricula.turma['descricao']).normalize('NFD').replace(/[\u0300-\u036f]/g, '')  + ' | ' + res.data.banco.msg1 + ' | ' + res.data.banco.msg2 + ' | ' + res.data.banco.msg3).normalize('NFD').replace(/[\u0300-\u036f]/g, ''),
                                nome_cliente: value.matricula.aluno.responsavel['descricao'],
                                email_cliente: value.matricula.aluno.responsavel['email'],
                                telefone_cliente: value.matricula.aluno.responsavel['telefone'],
                                cpf_cliente: value.matricula.aluno.responsavel['cpf'],
                                endereco_cliente: value.matricula.aluno.responsavel['logradouro'],
                                numero_cliente: value.matricula.aluno.responsavel['numero'],
                                complemento_cliente: value.matricula.aluno.responsavel['complemento'],
                                bairro_cliente: value.matricula.aluno.responsavel['bairro'],
                                cidade_cliente: value.matricula.aluno.responsavel['cidade'],
                                estado_cliente: value.matricula.aluno.responsavel.estado['sigla'],
                                cep_cliente: value.matricula.aluno.responsavel['cep'],
                                logo_url: '{{ App::make("_.url") }}/img/logo-boleto.png',
                                grupo: 'Boletos' + value.matricula.id,
                                pedido_numero: value.id,
                                webhook: '{{ App::make("_.url") }}/webhook_boletos',
                                especie_documento: 'DS'
                            }
                        }
                        console.log(dado)
                        // cadastrar boletos na API
                         var settings = {
                            "url": "https://api.pjbank.com.br/recebimentos/{{ \App\Configuracao::find(auth()->user()->configuracao_id)->boleto_credencial }}/transacoes",
                            "method": "POST",
                            "timeout": 0,
                            "headers": {
                                "Content-Type": "application/x-www-form-urlencoded"
                            },
                            'beforeSend': () => {
                                var dialog = bootbox.dialog({
                                        message: `<p class="text-center mb-0"><i class="fa fa-spin fa-cog"></i> Verificando registro de boleto</p>`,
                                        closeButton: false
                                    })
                            },
                            statusCode: {
                                500: function (error) {
                                    bootbox.hideAll()
                                    bootbox.alert(`COD: 500 - ${error.responseJSON}`)
                                },
                                400: function(error){
                                    bootbox.hideAll()
                                    bootbox.alert(`COD: ${error.responseJSON.status} - (${error.responseJSON.columnidname}) ${error.responseJSON.msg}`)
                                } 
                            },
                            "data": dado.cobrancas,
                        }; 
                        // registrar boletos no sistema
                        $.ajax(settings).done(function (response) {
                            bootbox.hideAll()
                            http.post("{{route('prestacoes.atualizarCredenciamentoBoleto')}}", {data: response}, {
                                headers: {
                                    'X-CSRF-Token': '{{ csrf_token() }}'
                                },
                            })
                            .then(function(result){
                                console.log('Transacao realizada com sucesso.')
                                $('input[value='+result.data.id+']').parent('td').html(
                                    $('<a/>')
                                        .attr('href', result.data.linkBoleto)
                                        .attr('target', '_blank')
                                        .attr('title', 'Id Único: ' + result.data.nossonumero)
                                        .data('html', true)
                                        .data('toggle', 'tooltip')
                                        .data('placement', 'top')
                                        .addClass('btn btn-default btn-xs')
                                        .append(
                                            $('<i/>')
                                                .data('html', true)
                                                .attr('title', 'Boleto')
                                                .addClass('fa fa-bank')
                                        )
                                )
                            })  
                            .catch(function(error){
                                bootbox.hideAll()
                                console.log(error)
                            })
                        })
                    })

                })
                .catch(error => console.log(error))
            
        })

        $('#searchListarParcelas').dataTable({
            "iDisplayLength": 25, "order": [[ 2, "asc" ]]
        });
        $('.checkboxpicker').checkboxpicker().change(function(e){
            var value = ($(this).prop('checked') == true) ? 1 : 0
            $.post('{{ route("matriculas.listaMaterial") }}',
                {
                    '_token' : '{{ csrf_token() }}',
                    'id' : {{ $parcelas->id }},
                    'lista_material' : value
                }
                , function(data){
                    console.log('Ok')
                })
        })

        $(document).on('click', '.negociada', function(event){
            event.preventDefault()
            var url = $(this).attr('href')
            bootbox.confirm({
                title: "Negociar",
                message: "Você está preste a negociar essa parcela, tem certeza disso?",
                buttons: {
                    confirm: {
                        label: 'Sim',
                        className: 'btn-success'
                    },
                    cancel: {
                        label: 'Não',
                        className: 'btn-danger'
                    }
                },
                callback: function (result) {
                    if(result){
                       window.location.href = url
                   }
                }
            });
        })

        // Editar parcela
        $(document).on('click', '.new-edit', function(event) {
              var url = $(this).attr('href');
              event.preventDefault();
              var _this = $(this)
              $.get(url, function(data) {
                bootbox.dialog({
                  title: "Gestão Parcela",
                  message: data,
                  buttons: {
                    confirm: {
                      label: 'Salvar',
                      className: 'btn-success',
                      callback:function(result){
                        var __URL__ = $('.prestacoes').attr('action');
                        var __DADOS__ = $('.prestacoes').serialize();
                        
                        $.ajax({ 
                        	url: __URL__, 
                        	type: 'POST',
                        	data: __DADOS__+'&matricula_id={{$parcelas->id}}' 
                        })
                        .done(function(data) {
                          if(data.success == true){
                            setTimeout(function() {location.reload();}, 3000);
                            bootbox.alert("Dados salvo com sucesso.");
                          }else{
                            console.log(data) 
                          }
                        })
                      }
                    },
                    cancel: { label: 'Cancelar', className: 'btn-danger' }
                },
              });
                $('.data').mask('00/00/0000').datetimepicker({
                        format: 'DD/MM/YYYY'
                    });
                $('.valor').mask('000.000,00', {reverse: true}).val();
            });   
          });

        $(document).on('click', '.pagarPrestacao', function(e){
            e.preventDefault();
            var _URL_ = $(this).attr('href');
            $.ajax({
                method: "GET",
                url: _URL_
            })
            .done(function(data){
                $('.valor').mask('000.000,00', {reverse: true}).val();
                bootbox.dialog({
                    title: 'Baixa na Parcela',
                    message: data
                })
            })
            .fail(function(e, o){
                alert( "error" + e + ': ' + o);
            });
        });

        $(document).on('click', '.cancelarTransacao', function(event)  {
            event.preventDefault()
            let _this = $(this)
            let _URL_ = _this.attr('href')
            let _ID_ = $(this).data('id')
            let _NM_PARCELA_ = $(this).data('nmparcela')
            let _TID_ = $(this).data('tid')
            
            bootbox.confirm(`Tem certeza que deseja cancelar o pagamento da parcela <b>${_NM_PARCELA_}!</b>`, function(result){ 
                if(result) {
                    $.ajax({
                        method: "DELETE",
                        url: _URL_,
                        data: {
                            _token : '{{ csrf_token() }}',
                            id_parcela: _ID_,
                            tid: _TID_
                        }
                    })
                    .done(function(response){
                        bootbox.alert(`COD: ${response.status} - ${response.msg}`,function() { 
                            if(response.status == 200){
                                let url = "{{ App::make('_.url') }}";
                                window.location.href = url+'/matriculas/listar/'+{{$id_matricula}};
                                console.log('Redirecionar para atualizar parcelas!'); 
                            }
                        })
                        // var url = "{{ App::make('_.url') }}";
                        // window.location.href = url+'/matriculas/listar/'+data.id;
                    })
                }
            })
        })

        $(document).on('click', '.cancelar', function(event){
            event.preventDefault();
            var _URL_ = $(this).attr('href');
            bootbox.confirm("Tem certeza que deseja cancelar a matrícula?", function(result) {
                if(result == true){
                    $.ajax({
                        method: "GET",
                        url: _URL_
                    })
                    .done(function(data){
                        var url = "{{ App::make('_.url') }}";
                        window.location.href = url+'/matriculas/listar/'+data.id;
                    })
                }
            });
        });

        // transação no cartão de crédito
        $(document).on('click', '.transacaoTokenCartao', function(event){
            event.preventDefault()

            // capturando o valor
            let tupla = $(this).closest('tr').children(':eq(2)').html().replace('R$ ', '')
            let pedido_numero = parseInt($(this).closest('tr').children(':eq(0)').find('input').val())

            if("{{$parcelas['token_cartao']}}" != ''){
                var dialog = bootbox.dialog({
                    title: 'Transação realizada por token para cartão de crédito',
                    message: $('<div/>')
                                .append($('<form/>')
                                    .addClass('transacaoCartao')
                                    .append($('<div/>')
                                        .addClass('row')
                                        .append($('<div/>')
                                            .addClass('col-md-6')
                                            .append(
                                                $('<label/>')
                                                    .text('Token do cartão (se existir)')
                                            )
                                            .append($('<input/>')
                                                .addClass('form-control')
                                                .attr('placeholder', 'token cartão (se existir)')
                                                .attr('readonly', 'readonly')
                                                .attr('name', 'token_cartao')
                                                .val("{{!empty($parcelas['token_cartao']) ? $parcelas['token_cartao'] : null}}")
                                            )
                                        )
                                        .append($('<div/>')
                                            .addClass('col-md-6')
                                            .append(
                                                $('<label/>')
                                                    .text('Valor da Parcela')
                                            )
                                            .append($('<input/>')
                                                .addClass('form-control')
                                                .addClass('valorCartao')
                                                .attr('placeholder', 'valor da parcela')
                                                .attr('readonly', 'readonly')
                                                .attr('name', 'valor')
                                                .val(tupla)
                                            )
                                        )
                                    )
                                    .append($('<div/>')
                                        .addClass('row')
                                        .append($('<div/>')
                                            .addClass('col-md-6')
                                            .append(
                                                $('<label/>')
                                                    .text('Número de Parcelas')
                                            )
                                            .append($('<input/>')
                                                .addClass('form-control')
                                                .addClass('parcelasCartao')
                                                .attr('placeholder', 'número de parcela')
                                                .attr('readonly', 'readonly')
                                                .attr('name', 'parcelas')
                                                .val(1)
                                            )
                                        )
                                        .append($('<div/>')
                                            .addClass('col-md-6')
                                            .append(
                                                $('<label/>')
                                                    .text('Número do Pedido')
                                            )
                                            .append($('<input/>')
                                                .addClass('form-control')
                                                .addClass('pedidoNumero')
                                                .attr('placeholder', 'pedido número')
                                                .attr('readonly', 'readonly')
                                                .attr('name', 'pedido_numero')
                                                .val(pedido_numero)
                                            )
                                        )
                                    )
                                ),
                    size: 'large',
                    buttons: {
                        ok: {
                            label: "Enviar solicitação de pagamento!",
                            className: 'btn-info',
                            callback: function(){
                                axios.post('{{ route("matriculas.transacao_token_cartao") }}', {
                                        _token: '{{ csrf_token() }}',
                                        token_cartao: "{{ $parcelas['token_cartao'] }}",
                                        valor: $('.valorCartao').val(),
                                        parcelas: $('.parcelasCartao').val(),
                                        pedido_numero: $('.pedidoNumero').val()
                                })
                                .then(function (response) {
                                    if(response.data.status === 201) {
                                        bootbox.alert(`COD: ${response.data.status} - ${response.data.msg}`,function() { 
                                                var url = "{{ App::make('_.url') }}";
                                                if(response.data.status === 201){
                                                    window.location.href = url+'/matriculas/listar/'+{{$id_matricula}};
                                                    console.log('Redirecionar para atualizar os pagamento!'); 
                                                }
                                            })
                                    } else {
                                        if(response.data.status == undefined) {
                                            bootbox.alert(`${response.data.descricao_pagamento}`)
                                        } else {
                                            bootbox.alert(`COD: ${response.data.status} - ${response.data.msg}`,function() { 
                                                let url = "{{ App::make('_.url') }}";
                                                window.location.href = url+'/matriculas/listar/'+{{$id_matricula}};
                                            })
                                        }
                                    }

                                })
                                .catch(function (error, teste) {
                                    console.log(error)
                                });
                            }
                        }
                    }
                })
            } else {
                bootbox.alert('Cadastre um cartão!')
            }
            
        })

        // cartão de credito
        $(document).on('click', '.cartaodecredito',function(event) {
                event.preventDefault();
                var  prestacao_id = $(this).attr('href');

                let token_cartao = "{{$parcelas['token_cartao']}}"
                let html

                $.ajax({
                    url:'{{ route("matriculas.consultar_cartao_token") }}',
                    type:"POST",
                    data: {
                        _token : '{{ csrf_token() }}',
                        token_cartao : token_cartao
                    },
                    dataType:"json",
                    success: function(data){
                        if(data.cartao_truncado != '') {
                            $('.cartao_truncado').html(`Cartão truncado: <strong>${data.cartao_truncado}</strong>`)
                        } else {
                            $('.cartao_truncado').text('Não existe cartão cadatrado no momento')
                        }
                    }
                })

                // capturar cartão na api
                var data = $('<div/>')
                    .append($('<form/>').addClass('salvarCartao')
                        .append(
                            $('<div/>').addClass('row')
                            .append('<div/>')
                                .addClass('col-md-12 cartao_truncado')
                                .text(`Carregando.`)
                        )
                        .append(
                            $('<div/>').addClass('row')
                            .append('<div/>')
                                .addClass('col-md-12')
                                .html('<br>')
                        )
                        .append($('<div/>').addClass('row')
                        .append(
                            $('<div/>')
                            .addClass('col-md-12')
                            .append(
                                $('<input/>').attr('name', 'titular').attr('placeholder', 'Nome do Titular do Cartão').addClass('form-control form-group titular pjbank-cartao')
                            )   
                        )
                        .append(
                            $('<div/>')
                            .addClass('col-md-10')
                            .append(
                                $('<input/>').attr('id', 'cartao').attr('name', 'numerocartao').attr('placeholder', 'Número do Cartão').addClass('form-control form-group numerocartao maskcartaodecredito')
                            )   
                            .append(
                                $('<input/>').attr('type', 'hidden').attr('name', 'pjbank-token').addClass('pjbank-token')
                            )   
                        )
                        .append(
                            $('<div/>')
                            .addClass('col-md-2')
                            .append(
                                $('<input/>').attr('name', 'codigodeseguranca').addClass('form-control form-group codigodeseguranca maskcartaodecreditocvv').attr('placeholder', 'CVV')
                            )   
                        ).append('<br/> <br/> <br/>')
                        .append(
                            $('<div/>')
                            .addClass('col-md-6')
                            .append(
                                $('<select/>').attr('name', 'mes').append(
                                    $('<option/>').val('0').text('-- MES --')
                                ).append(
                                    $('<option/>').val('01').text('01 - JAN')
                                ).append(
                                    $('<option/>').val('02').text('02 - FEV')
                                ).append(
                                    $('<option/>').val('03').text('03 - MAR')
                                ).append(
                                    $('<option/>').val('04').text('04 - ABR')
                                ).append(
                                    $('<option/>').val('05').text('05 - MAI')
                                ).append(
                                    $('<option/>').val('06').text('06 - JUN')
                                ).append(
                                    $('<option/>').val('07').text('07 - JUL')
                                ).append(
                                    $('<option/>').val('08').text('08 - AGO')
                                ).append(
                                    $('<option/>').val('09').text('09 - SET')
                                ).append(
                                    $('<option/>').val('10').text('10 - OUT')
                                ).append(
                                    $('<option/>').val('11').text('11 - NOV')
                                ).append(
                                    $('<option/>').val('12').text('12 - DEZ')
                                ).addClass('form-control form-group mes')
                            )   
                        )
                        .append(
                            $('<div/>')
                            .addClass('col-md-6')
                            .append(
                                $('<input/>').attr('name', 'ano').attr('placeholder', 'Ano').addClass('form-control form-group maskano')
                            )   
                        ))
                        
                    
                    );
                    bootbox.dialog({
                        title:'Cadastrar Cartão de Crédito',
                        message: data,
                        buttons: {
                            success: {
                                label: "Salvar",
                                className: "btn-success",
                                callback: function (result) {

                                    // cadastrar cartão de crédito
                                    let nometitular = $('.titular').val();
                                    let numerocartao = $('.numerocartao').val().replace(' ','').replace(' ','').replace(' ','')
                                    let codigodeseguranca = $('.codigodeseguranca').val();
                                    let ano = parseInt($('input[name=ano]').val());
                                    let mes = $('.mes').val();
                                    
                                    if(numerocartao != '' && codigodeseguranca != '' && nometitular != '' ) {

                                        axios.post('{{ route("matriculas.cadastrar_cartao_token") }}', {
                                            _token : '{{ csrf_token() }}',
                                            id_matricula: '{{ $id_matricula }}',
                                            nome_cartao: nometitular,
                                            numero_cartao: numerocartao,
                                            codigo_cvv: codigodeseguranca,
                                            ano_vencimento: ano,
                                            mes_vencimento: mes
                                        })
                                        .then(function (response) {
                                            bootbox.alert(`COD: ${response.data.status} - ${response.data.msg}`, function() { 
                                                let url = "{{ App::make('_.url') }}";
                                                if(response.data.status == 201){
                                                    window.location.href = url+'/matriculas/listar/'+{{$id_matricula}};
                                                    console.log('Redirecionar para a mesma página para atualizar os tokens!'); 
                                                }
                                            })
                                        })
                                        .catch(function (error) {
                                            console.log(error);
                                        })

                                    } else {
                                        bootbox.alert('Preencha os campos atentamente')
                                    }
                                    // window.open("{{ App::make('_.url') }}/matriculas/declaracoes/" + tipo +'/'+ fundamental +'/'+ serie +'/'+ matricula_id);
                                }
                            }
                        }
            });
        });
    });
</script>
@endsection