@extends('construction.admin.master.master')

@section('css')
    <link rel="stylesheet" href="{{url(asset('admin/assets/vendor/datatables/media/css/dataTables.bootstrap5.css'))}}" />
@endsection


@section('content')
    @if(isset($associado))
        <div class="row">
            <div class="col">

                @if(isset($dependentes) && count($dependentes))
                    @if(isset($plano))
                        @if (count($dependentes) < $plano->LimiteDependentes)
                            <div id="podeCadastrar" class="alert alert-success" style="display : flex; align-items : center;">
                                <span id="podeCadastrarDependentes">Você pode adicionar {{' ' . ($plano->LimiteDependentes - count($dependentes)) . ' '}} dependente{{($plano->LimiteDependentes - count($dependentes) )> 1 ? 's':''}}. &nbsp;</span>
                                <a href="{{route('admin.dependentes')}}"> Clique aqui!</a>
                            </div>
                        @endif
                    @endif
                @endif
                <section class="card">
                    <header class="card-header">
                        <div class="card-actions">
                            <a href="#" class="card-action card-action-toggle" data-card-toggle></a>
                            <a href="#" class="card-action card-action-dismiss" data-card-dismiss></a>
                        </div>
                        <h4 class="card-title">Próximos pagamentos</h4>
                    </header>
                    <div class="card-body" style="display: block;">

                        @if(isset($contrato) && $contrato->FormaPagamento != 5)

                            <div id="podeAlterar" class="alert alert-success" style="display : flex; align-items : center;">

                                <div class="col-lg-10 col-md-10" >
                                    <p>O carnê entregue a sua residência ainda está ativo, deseja alterar?</p>

                                </div>
                                <div class="col-lg-2  col-md-2">
                                    <p><button class="btn btn-light pull-right" style="position: absolute; right: 0.7rem;" data-bs-toggle="modal" data-bs-target="#formModalAlteraPagamento">Clique aqui!</button></p>
                                </div>

{{--                                <button class="btn btn-light pull-right" style="position: absolute; right: 0.7rem;" onclick="confirmarAlteracaoFormaPagamento()">Clique aqui!</button>--}}
                            </div>
                        @endif
                        <table class="table table-bordered table-striped table-no-more mb-0" id="datatable-tabletools">
                            <thead>
                            <tr>
                                <th class="text-center">Parcela</th>
                                <th class="text-center">Status</th>
                                <th class="text-center">Tipo</th>
                                <th class="text-center">Vencimento</th>
                                <th class="text-end">Valor</th>
                                <th class="text-center"></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($pagamentos as $pagamento)
                                @if( strtotime(str_replace("/", "-", $pagamento->vencimento)) < strtotime($plano->DataReajuste) || strtotime(str_replace("/", "-", $pagamento->vencimento)) < strtotime('+1 year', strtotime($plano->DataReajuste))  )
                                    <tr >
                                        <td data-title="Parcela" class="text-center">{{$pagamento->parcela}}</td>
                                        <td data-title="Status" class="text-center">
                                            @if($pagamento->situacao == 0 && strtotime(str_replace('/', '-',$pagamento->vencimento)) < strtotime(date('Y-m-d')))
                                                <span class="badge badge-danger" style="border-radius: 10px; ; font-weight: 100;"><i class="fa-solid fa-clock"></i> VENCIDO</span>
                                            @elseif($pagamento->situacao == 0  && strtotime(str_replace('/', '-',$pagamento->vencimento)) == strtotime(date('Y-m-d')))
                                                <span class="badge badge-warning" style="font-weight: 100;"><i class="fa-solid fa-warning"></i> HOJE</span>
                                            @else
                                                <span class="badge badge-pill"  style="background-color: #a9a9a9; font-weight: 100;"><i class="fa-regular fa-clock"></i>  A VENCER</span>
                                            @endif
                                        </td>
                                        <td data-title="Tipo" class="text-center">{{$pagamento->tipo}}</td>
                                        <td data-title="Vencimento" class="text-center">{{implode("/", array_reverse(explode("-", $pagamento->vencimento)))}}</td>
                                        <td data-title="Valor" class="text-center">R${{number_format(str_replace(',','.',$pagamento->valor) - str_replace(',','.',$pagamento->valorPago),2,',','.')  }}</td>


                                        @if(app('currentTenant')->EmitirBoleto)
                                            <td data-title="" class="text-center align-middle">
                                                <div class="btn-group">
                                                    <button  class="btn custom-url-portal btn btn-sm btn-primary rounded " style="font-weight: 100;" onclick="preenche('{{route('admin.financeiro.pagamentos.emitir.boleto',$pagamento->id)}}')">
                                                        BOLETO
                                                    </button>
                                                </div>
                                            </td>
                                        @else
                                            <td data-title="" class="text-center">
                                                <button  class="btn custom-url-portal btn btn-sm btn-primary rounded " style="font-weight: 100;" title="emissão indisponível" disabled>
                                                    BOLETO
                                                </button>
                                            </td>
                                        @endif
                                    </tr>
                                @endif
                            @endforeach

                            </tbody>
                        </table>
                    </div>
                </section>
            </div>
        </div>
    @else
        <div class="row">
            <div class="col">
                <section class="card">
                    <header class="card-header">
                        <div class="card-actions">
                            <a href="#" class="card-action card-action-toggle" data-card-toggle></a>
                            <a href="#" class="card-action card-action-dismiss" data-card-dismiss></a>
                        </div>
                        <h4 class="card-title">Usuário não está vinculado a nenhuma pessoa.</h4>
                    </header>
                    <div class="card-body" style="display: block;">

                        Entre em contato para resolver seu problema!
                    </div>
                </section>
            </div>
        </div>
    @endif
@endsection




@section('modais')
@if(isset($contrato))
    <div class="modal fade" id="formModalAlteraPagamento" tabindex="-1" role="dialog" aria-labelledby="formModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="formModalLabel">Confirmar alteração</h4>
                </div>
                <form id="alteraFormaPagamento" action="{{route('admin.financeiro.alteraFormaPagamento')}}" name="alteraFormaPagamento" method="post" autocomplete="off">

                    <input type="hidden" name="IdContrato" value="{{$contrato->Id}}">
                    <input type="hidden" name="IdPessoa" value="{{$associado->Id}}">
                    <div class="modal-body" style="justify-content: space-between">
                        <p style="justify-content: space-between">Sr(a). {{$associado->Nome}}, você gostaria de desativar o recebimento do carnê em sua residência e começar a emitir apenas pelo site?</p>
                        <p style="justify-content: space-between">Desativando a entrega de carnê em sua residência,  você deixa de receber a cobrança em papel e passará a pagar as suas mensalidades pelos canais digitais ou diretamente no escritório.</p>
                        <p style="justify-content: space-between">Pequenas ações fazem a vida melhor! O meio ambiente agradece.</p>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary"  data-bs-dismiss="modal">Confirmar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endif
    <!-- Modal -->
    <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="defaultModalLabel">Aguarde!</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body">
                    Estamos processando a requisição <img src="{{url(asset('backend/assets/images/ajax-loader.gif'))}}">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>



    <!-- Modal -->
    <div class="modal fade " id="myModalResult" tabindex="-1" role="dialog" aria-labelledby="Informações do Documento"
         aria-hidden="true">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <span style="font-size: 150%;">Opções para pagamento</span>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="modal-body">
                    <div id="boleto" class="hide">
                        <div class="panel panel-success">
                            <div class="panel-body">
                                <div class="table-responsive">
                                    <table class="table table-sm">
                                        <thead>
                                        <tr>
                                            <td>Código de barras</td>
                                            <td>Download fatura</td>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr id="result_table">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    {{--    Script para emissao de boletos--}}
    <script src="{{url(asset('temas/construction/ScriptJS/scriptsBoleto.js'))}}"></script>

    <script src="{{url(asset('admin/assets/vendor/jquery-placeholder/jquery.placeholder.js'))}}"></script>
    <script src="{{url(asset('admin/assets/vendor/common/common.js'))}}"></script>
    <script src="{{url(asset('admin/assets/vendor/nanoscroller/nanoscroller.js'))}}"></script>
    <script src="{{url(asset('admin/assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js'))}}"></script>
    <script src="{{url(asset('admin/assets/vendor/popper/umd/popper.min.js'))}}"></script>

    <script src="{{url(asset('admin/assets/vendor/datatables/media/js/jquery.dataTables.min.js'))}}"></script>
    <script src="{{url(asset('admin/assets/vendor/datatables/media/js/dataTables.bootstrap5.min.js'))}}"></script>
    <script src="{{url(asset('admin/assets/vendor/datatables/extras/TableTools/Buttons-1.4.2/js/dataTables.buttons.min.js'))}}"></script>
    <script src="{{url(asset('admin/assets/vendor/datatables/extras/TableTools/Buttons-1.4.2/js/buttons.bootstrap4.min.js'))}}"></script>
    <script src="{{url(asset('admin/assets/vendor/datatables/extras/TableTools/Buttons-1.4.2/js/buttons.html5.min.js'))}}"></script>
    <script src="{{url(asset('admin/assets/vendor/datatables/extras/TableTools/Buttons-1.4.2/js/buttons.print.min.js'))}}"></script>
    <script src="{{url(asset('admin/assets/vendor/datatables/extras/TableTools/JSZip-2.5.0/jszip.min.js'))}}"></script>
    <script src="{{url(asset('admin/assets/vendor/datatables/extras/TableTools/pdfmake-0.1.32/pdfmake.min.js'))}}"></script>
    <script src="{{url(asset('admin/assets/vendor/datatables/extras/TableTools/pdfmake-0.1.32/vfs_fonts.js'))}}"></script>
    <!-- Examples -->
    <script src="{{url(asset('admin/assets/js/examples/examples.datatables.default.js'))}}"></script>
    <script src="{{url(asset('admin/assets/js/examples/examples.datatables.row.with.details.js'))}}"></script>
    {{--    <script src="{{url(asset('admin/assets/js/examples/examples.datatables.tabletools.js'))}}"></script>--}}
    <script src="{{url(asset('admin/assets/js/examples/examples.modals.js'))}}"></script>
    {{-- Script para login--}}
    <script src="{{url(asset('temas/construction/ScriptJS/alteraFormaPagamento.js'))}}"></script>
    {{--<script>--}}
    <script>

        (function($) {

            'use strict';

            var datatableInit = function() {
                var $table = $('#datatable-tabletools');

                var table = $table.dataTable({
                    sDom: '<"text-right mb-md"T><"row"<"col-lg-6"l><"col-lg-6"f>><"table-responsive"t>p',
                    buttons: [
                        // {
                        // 	extend: 'print',
                        // 	text: 'Print'
                        // },
                        {
                            extend: 'excel',
                            text: 'Excel'
                        },
                        {
                            extend: 'pdf',
                            text: 'PDF',
                            customize : function(doc){
                                var colCount = new Array();
                                $('#datatable-tabletools').find('tbody tr:first-child td').each(function(){
                                    if($(this).attr('colspan')){
                                        for(var i=1;i<=$(this).attr('colspan');$i++){
                                            colCount.push('*');
                                        }
                                    }else{ colCount.push('*'); }
                                });
                                doc.content[1].table.widths = colCount;
                            }
                        }
                    ],

                    responsive: true,
                    "order": [[ 0, "asc" ]],
                    "pageLength": {{$vencidas}},
                    "language": {
                        "sEmptyTable": "Nenhum registro encontrado",
                        "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                        "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
                        "sInfoFiltered": "(Filtrados de _MAX_ registros)",
                        "sInfoPostFix": "",
                        "sInfoThousands": ".",
                        "sLengthMenu": " Exibir _MENU_ entradas",
                        "sLoadingRecords": "Carregando...",
                        "sProcessing": "Processando...",
                        "sZeroRecords": "Nenhum registro encontrado",
                        "sSearch": "Pesquisar",
                        "oPaginate": {
                            "sNext": "Próximo",
                            "sPrevious": "Anterior",
                            "sFirst": "Primeiro",
                            "sLast": "Último"
                        },
                        "oAria": {
                            "sSortAscending": ": Ordenar colunas de forma ascendente",
                            "sSortDescending": ": Ordenar colunas de forma descendente"
                        }
                    }
                });

                $('<div />').addClass('dt-buttons mb-2 pb-1 text-end').prependTo('#datatable-tabletools_wrapper');

                $table.DataTable().buttons().container().prependTo( '#datatable-tabletools_wrapper .dt-buttons' );

                $('#datatable-tabletools_wrapper').find('.btn-secondary').removeClass('btn-secondary').addClass('btn-default');
            };

            $(function() {
                datatableInit();
            });

        }).apply(this, [jQuery]);
    </script>
@endsection