<?php $__env->startSection('content'); ?>

    <!-- BEGIN PAGE CONTENT BODY -->
    <div class="page-content">
        <div class="container-fluid">

            <!-- BEGIN PAGE BREADCRUMBS -->
            <ul class="page-breadcrumb breadcrumb">
                <li>
                    <a href="<?php echo e(route('dashboard')); ?>">Dashboard</a>
                    <i class="fa fa-circle"></i>
                </li>
                <li>
                    <span>Relatórios</span>
                    <i class="fa fa-circle"></i>
                </li>
                <li data-tour-title="Relatório Recargas" data-tour-description="<img src='<?php echo e(asset('assets/images/wally.png')); ?>' alt='Wally' class='wally'><br/>Bem vindo ao seu relatório de recargas, sempre que você paga uma fatura ou faz uma recarga as a mesma é registrada e você pode conferir aqui." data-tour-index="1">
                    <span>Minhas Recargas</span>
                </li>
            </ul>
            <!-- END PAGE BREADCRUMBS -->

            <!-- BEGIN PAGE CONTENT INNER -->
            <div class="page-content-inner">
                <!-- BEGIN PAGE CONTENT INNER -->
                <div class="page-content-inner">                     
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row" data-tour-title="Relatório Recargas"  data-tour-description="<img src='<?php echo e(asset('assets/images/wally.png')); ?>' alt='Wally' class='wally'><br/>Aqui você pode filtrar o período ao qual deseja filtrar as suas recargas." data-tour-index="2">
                                <div class="col-md-12">
                                    <!-- <h3 class="text-center">Filtro de pesquisa</h3> -->
                                    <?php echo Form::open(['route' => $action->route, 'method' => $action->method]); ?>

                                    <div class="row ">
                                        <div class="col-md-12  text-center">
                                            <div class="form-group col-md-2">
                                                <?php echo Form::label('tipo', 'Tipo'); ?>

                                                <?php echo Form::select('tipo',['' => 'Todos','plano' => 'Crédito de mensalidade', 'recarga' => 'Recarga'],'',['id' => 'tipo','class'=>'form-control']); ?>

                                            </div>
                                            <div class="form-group col-md-2">
                                                <?php echo Form::label('data-inicial', 'Data Inicial'); ?>

                                                <?php echo Form::text('data-inicial','',['id' => 'data-inicial','class'=>'form-control']); ?>

                                            </div>
                                            <div class="form-group col-md-2">
                                                <?php echo Form::label('data-final', 'Data Final'); ?>

                                                <?php echo Form::text('data-final','',['id' => 'data-final','class'=>'form-control']); ?>

                                            </div>
                                            <div class="form-group col-md-1 btn-form">   
                                                <?php echo Form::button('<i class="fa fa-search" aria-hidden="true"></i>', ['type' => 'submit', 'class' => 'btn blue-madison form-control ', 'name'=>'relatorio']); ?>

                                            </div>  
                                            <div class="form-group col-md-1 btn-form">   
                                                <?php echo Form::button('<i class="fa fa-file-excel-o" aria-hidden="true"></i>', ['type' => 'submit','value' => 'Excel','class' => 'btn blue-madison form-control', 'name'=>'excel']); ?>

                                            </div> 
                                        </div>
                                    </div>
                                    <?php echo Form::close(); ?>

                                </div>
                            </div>
                            <div class="row" data-tour-title="Relatório Recargas" data-tour-description="<img src='<?php echo e(asset('assets/images/wally.png')); ?>' alt='Wally' class='wally'><br/>Aqui você pode conferir suas recargas realizadas.<br/>Aqui estão disponíveis as informações de saldo anterior, saldo atual, assim como o valor da recarga realizada e o prazo de validade da mesma.<br/>Ps. quando você realiza uma recarga a mesma não expira." data-tour-index="3">
                                <div class="col-md-12">
                                    <div class="portlet-body">
                                        <div class="table-responsive">
                                            <table class="table table-striped table-hover">
                                                <thead >
                                                    <tr>
                                                        <th colspan="2" class="bg-blue-madison bg-font-blue-madison bold text-center">
                                                            Total Creditado : <span><?php echo e($totalGasto->total); ?></span>
                                                        </th>
                                                        <th colspan="2" class="bg-blue-madison bg-font-blue-madison bold text-center">
                                                            Créditos provenientes de recargas : <span><?php echo e($totalGasto->recarga); ?></span>
                                                        </th>
                                                        <th colspan="2" class="bg-blue-madison bg-font-blue-madison bold text-center">
                                                            Creditado provenientes de mensalidades : <span><?php echo e($totalGasto->plano); ?></span>
                                                        </th>
                                                    </tr>
                                                </thead>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="portlet-body">
                                        <div class="table-responsive">
                                            <table class="table table-striped table-hover">
                                                <thead >
                                            <tr class="uppercase ">
                                                <th class="orderby bg-blue-madison bg-font-blue-madison" onclick="orderby('id','<?php echo e($order->act); ?>','<?php echo e($order->url); ?>');"><span class="<?php echo e($order->seta); ?>" /> #ID </th>
                                                <th class="orderby bg-blue-madison bg-font-blue-madison" onclick="orderby('vlr_recarga','<?php echo e($order->act); ?>','<?php echo e($order->url); ?>');"><span class="<?php echo e($order->seta); ?>" /> Vlr. Recarga </th>
                                                <th class="orderby bg-blue-madison bg-font-blue-madison" onclick="orderby('vlr_saldo_anterior','<?php echo e($order->act); ?>','<?php echo e($order->url); ?>');"><span class="<?php echo e($order->seta); ?>" /> Saldo anterior </th>
                                                <th class="orderby bg-blue-madison bg-font-blue-madison" onclick="orderby('vlr_saldo_atual','<?php echo e($order->act); ?>','<?php echo e($order->url); ?>');"><span class="<?php echo e($order->seta); ?>" /> Novo Saldo </th>
                                                <th class="orderby bg-blue-madison bg-font-blue-madison" onclick="orderby('created_at','<?php echo e($order->act); ?>','<?php echo e($order->url); ?>');"><span class="<?php echo e($order->seta); ?>" /> Dt. Recarga </th>
                                                <th class="orderby bg-blue-madison bg-font-blue-madison" onclick="orderby('expira_em','<?php echo e($order->act); ?>','<?php echo e($order->url); ?>');"><span class="<?php echo e($order->seta); ?>" /> Validade </th>
                                                <th class="orderby bg-blue-madison bg-font-blue-madison" onclick="orderby('tipo','<?php echo e($order->act); ?>','<?php echo e($order->url); ?>');"><span class="<?php echo e($order->seta); ?>" /> Tipo </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php foreach($recargas as $recarga): ?>
                                            <tr>
                                                <td>
                                                    <?php echo e($recarga->id); ?>

                                                </td>
                                                <td>
                                                    <?php echo e($recarga->vlr_recarga); ?>

                                                </td>
                                                <td> 
                                                    <?php echo e($recarga->vlr_saldo_anterior); ?>

                                                </td>
                                                <td>
                                                    <?php echo e($recarga->vlr_saldo_atual); ?>

                                                </td>
                                                <td>
                                                    <?php echo e($recarga->recarga_dia); ?>

                                                </td>
                                                <td>
                                                    <?php if($recarga->tipo == 'plano'): ?>
                                                        <?php echo e($recarga->recarga_expira); ?>

                                                    <?php else: ?>
                                                        Não Expira
                                                    <?php endif; ?>
                                                </td>
                                                <td>
                                                    <?php echo e($recarga->alias_tipo); ?>

                                                </td>
                                            </tr>
                                            <?php endforeach; ?>
                                            
                                        </tbody>
                                        <?php if($total > $quant): ?>
                                        <tfoot>
                                            <tr>
                                                <td colspan="6" class="text-center">
                                                    <?php echo $paginacao; ?>

                                                </td>
                                            </tr>
                                        </tfoot>
                                        <?php endif; ?>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END PAGE CONTENT INNER -->
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
 
    <!-- END PAGE CONTENT BODY -->

<?php $__env->stopSection(); ?>
    <style>
        .btn-form{
            margin-top: 1.6em;
        }
    </style>
<?php $__env->startSection('js-financial'); ?>    
    <!--script src="http://code.jquery.com/jquery-1.9.1.min.js"></script-->
    <script src="<?php echo e(asset('/assets/global/plugins/jquery.min.js')); ?>"></script>
    <script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script src="https://jquery.bassistance.de/validate/jquery.validate.js"></script>
    <script src="https://jquery.bassistance.de/validate/additional-methods.js"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/datatables/datatables.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/jquery.blockui.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/pages/scripts/ui-blockui.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/bootstrap/js/bootstrap.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/scripts/app.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/layouts/global/scripts/quick-nav.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/fancybox/source/jquery.fancybox.js?v=2.1.5')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/moment.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js')); ?>" type="text/javascript"></script>    
    <script>
        $(document).ready( function() {  
            $.datepicker.regional['pt-BR'] = {
                closeText: 'Fechar',
                prevText: '&#x3c;Anterior',
                nextText: 'Pr&oacute;ximo&#x3e;',
                currentText: 'Hoje',
                monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
                'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
                'Jul','Ago','Set','Out','Nov','Dez'],
                dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                weekHeader: 'Sm',
                dateFormat: 'dd/mm/yy',
                firstDay: 0,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: ''
            };
            $.datepicker.setDefaults($.datepicker.regional['pt-BR']);
            $("#from").datepicker();  
            $("#to").datepicker(); 
        });
    </script>
    <?php if(Auth::user()->chat): ?>
        <!-- BEGIN JIVOSITE CODE {literal} -->
            <script type='text/javascript'>
            (function(){ var widget_id = 'o6gDGQPyK5';var d=document;var w=window;function l(){
            var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//code.jivosite.com/script/widget/'+widget_id; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);}if(d.readyState=='complete'){l();}else{if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>
        <!-- {/literal} END JIVOSITE CODE -->
        <!-- <script type="text/javascript">
            var __tw_omni_args__ = { channel: 'widget', link: 'https://app.omnismart.io:3000/', sk: '1591185964576', lang: 'pt-BR' }; 
            var script = document.createElement('script'); script.type = 'text/javascript'; script.src = __tw_omni_args__.link + 'chat/index.js'; 
            document.head.appendChild(script); 
        </script> -->
    <?php endif; ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('template', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>