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

<?php echo $__env->make('perfil/menu-lateral', ['configMenuLateral' => $configMenuLateral], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<script type="text/javascript">
    function verDetalhesPagamento(pagamentoItem){
        $.ajax({
            url:'/perfil/detalhes-pagamento',
            type:'POST',
            data:{
                id : pagamentoItem.data('pagamento'),
                saldo_expirado : pagamentoItem.data('saldo-expirado')
            },
            beforeSend:function(){

            },
            success:function(data){
                if(data.status){
                    // console.log(data.html);
                    pagamentoItem.next().html(data.html);
                    pagamentoItem.next().slideDown();
                    pagamentoItem.find('i').removeClass('fa-plus-circle');
                    pagamentoItem.find('i').addClass('fa-minus-circle');
                    pagamentoItem.find('.ver-detalhes').addClass('esconder-detalhes');
                    pagamentoItem.find('.ver-detalhes').removeClass('ver-detalhes');
                }else{
                    alertUtil.alertError(data.message);
                }
            },
            error:function(data){
                alertUtil.alertError('Erro ao ver os detalhes do pagamento. Tente novamente mais tarde.');
            }

        });
    }
</script>

<div class="minha-conta__right">
    <div class="box minha-carteira-top">
          <div class="carteira-top">
               <div class="carteira-top-l">
                    <h2>Cashback</h2>
                    <p>Compre e receba dinheiro de volta para utilizar na <strong>VinumDay</strong>!</p>
               </div>

               <div class="carteira-top-r">
                    <div class="carteira-kpi">
                         <strong>Meu saldo:</strong>
                         <?php if($cadastro && $cadastro->contaCorrente): ?>
                         <div class="carteira-kpi-main green"><span>R$</span> <?php echo e(number_format($cadastro->contaCorrente->saldo, 2, ',', '')); ?></div>
                         <span class="carteira-kpi-sub desk">Atualizado em: <?php echo e(date('d/m/Y', strtotime($cadastro->contaCorrente->data))); ?></span>
                         <span class="carteira-kpi-sub mob">Atualizado: <?php echo e(date('d/m/Y', strtotime($cadastro->contaCorrente->data))); ?></span>
                         <?php else: ?>
                         <div class="carteira-kpi-main green"><span>R$</span> 0,00</div>
                         <span class="carteira-kpi-sub desk">&nbsp;</span>
                         <span class="carteira-kpi-sub mob">&nbsp;</span>
                         <?php endif; ?>
                    </div>
                    <div class="carteira-kpi">
                         <strong>Saldo à vencer:</strong>
                         <?php if($cadastro && $cadastro->contaCorrenteValidade): ?>
                         <?php $saldo_restante = $cadastro->contaCorrenteValidade->saldo - $cadastro->contaCorrenteValidade->saldo_resgatado; ?>
                         <div class="carteira-kpi-main red"><span>R$</span> <?php echo e(number_format($saldo_restante, 2, ',', '')); ?></div>
                             <?php if($saldo_restante > 0): ?>
                             <span class="carteira-kpi-sub desk">Vencimento: <?php echo e(date('d/m/Y', strtotime($cadastro->contaCorrenteValidade->data_validade))); ?></span>
                             <span class="carteira-kpi-sub mob">Vence: <?php echo e(date('d/m/Y', strtotime($cadastro->contaCorrente->data_validade))); ?></span>
                             <?php else: ?>
                             <span class="carteira-kpi-sub desk">&nbsp;</span>
                             <span class="carteira-kpi-sub mob">&nbsp;</span>
                             <?php endif; ?>
                         <?php else: ?>
                         <div class="carteira-kpi-main red"><span>R$</span> 0,00</div>
                         <span class="carteira-kpi-sub desk">&nbsp;</span>
                         <span class="carteira-kpi-sub mob">&nbsp;</span>
                         <?php endif; ?>
                    </div>
               </div>
          </div>
     </div>

     <?php if(isset($info) && !empty($info->inicio_uso_cashback_checkout) && $cadastro && $cadastro->contaCorrente && $cadastro->contaCorrente->saldo > 0 && date('YmdHis') < date('YmdHis', strtotime($info->inicio_uso_cashback_checkout))): ?>
     <div class="box carteira-validade">
          <div class="carteira-validade-top">
               <div class="carteira-validade-r">
                    <i class="fa fa-info-circle"></i>
                    <span>Seu saldo será válido a partir de <strong><?php echo e(date('d/m/Y', strtotime($info->inicio_uso_cashback_checkout))); ?></strong>.</span>
               </div>
          </div>
     </div>
     <?php endif; ?>

     <div class="box carteira-table">
          <div class="carteira-table-top">
               <h3>HISTÓRICO</h3>
               <div class="filters-carteira hidden">
                    <div class="form-carteira-select per">
                         <label for="carteira-select">Período:</label>
                         <select name="periodo" id="carteira-periodo">
                              <optgroup>
                                   <option selected disabled value="">Todos</option>
                                   <option value="30">Últimos 30 dias</option>
                                   <option value="7">Última semana</option>
                              </optgroup>
                              <optgroup label="__________________">
                                   <option value="Janeiro">Janeiro</option>
                                   <option value="Fevereiro">Fevereiro</option>
                                   <option value="Março">Março</option>
                                   <option value="Abril">Abril</option>
                                   <option value="Maio">Maio</option>
                                   <option value="Junho">Junho</option>
                                   <option value="Julho">Julho</option>
                                   <option value="Agosto">Agosto</option>
                                   <option value="Setembro">Setembro</option>
                                   <option value="Outubro">Outubro</option>
                                   <option value="Novembro">Novembro</option>
                                   <option value="Dezembro">Dezembro</option>
                              </optgroup>
                         </select>
                    </div>
                    <div class="form-carteira-select trans">
                         <label for="carteira-select">Transações:</label>
                         <select name="periodo" id="carteira-periodo">
                              <option selected disabled value="">Todos</option>
                              <option value="acumulo">Acúmulo</option>
                              <option value="utilizacao">Utilização</option>
                         </select>
                    </div>
               </div>
          </div>

          <div class="carteira-table-cont">
               <div class="loading-table">
                    <i class="fa fa-spin fa-spinner"></i>
               </div>
               <div class="col-titles-carteira">
                    <div class="col-tit-cart c1">Tipo</div>
                    <div class="col-tit-cart c2">Valor</div>
                    <div class="col-tit-cart c3">Data</div>
                    <div class="col-tit-cart c4">Pedido</div>
               </div>
               <div class="carteira-list">
                    <?php $__currentLoopData = $cadastro->contaCorrenteLancamentos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $lancamento): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="carteira-item">
                         <div class="col c1">
                              <div class="tag-carteira <?php echo e(($lancamento->tipo_movimento == 'E' ? 'green' : 'red')); ?>"><img src="img/site/list-carteira-<?php echo e(($lancamento->tipo_movimento == 'E' ? 'up' : 'down')); ?>.svg" alt="<?php echo e(($lancamento->tipo_movimento == 'E' ? 'Acúmulo' : 'Utilização')); ?>"><?php echo e(($lancamento->tipo_movimento == 'E' ? 'Acúmulo' : 'Utilização')); ?></div>
                         </div>
                         <div class="col c2">
                              <span>R$ <?php echo e(number_format($lancamento->valor, 2, ',', '')); ?></span>
                         </div>
                         <div class="col c3">
                              <span><?php echo e(date('d/m/Y', strtotime($lancamento->data))); ?> - <?php echo e(date('H:i', strtotime($lancamento->data))); ?></span>
                         </div>
                         <div class="col c4">
                              <span class="info-pagamentos" data-pedido-venda="<?php echo e($lancamento->pedido_venda_id); ?>" data-saldo-expirado="<?php echo e($lancamento->saldo_expirado); ?>">#<?php echo e($lancamento->pedido_venda_id); ?></span>
                         </div>
                    </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
               </div>
          </div>
     </div>
</div>


<div class="default-modal hide" id="modal-info-pagamento">
     <span class="close-default-modal"></span>
    
     <div class="box-table">
          <div class="loading-modal">
               <i class="fa fa-spin fa-spinner"></i>
          </div>

          <div class="content-info-pagamento">

          </div>
     </div>
</div>
<div class="default-modal-overlay"></div>


<script>
     $(document).ready(function(){
          $(document).on('change', '.filters-carteira select', function(){
               $('.loading-table').addClass('active');
               setTimeout(() => {
                    $('.loading-table').removeClass('active');
               }, 1000);
          });

          $(document).on('click', '.info-pagamentos', function(){

               let pedido_venda_id = $(this).data('pedido-venda');
               let saldo_expirado  = $(this).data('saldo-expirado');
               
               $('body').addClass('info-pagamento-modal-open');
               $('.loading-modal').addClass('active');
               $('#modal-info-pagamento').removeClass('hide');

               $.ajax({
                    url: '/perfil/info-pedido/' + pedido_venda_id + '?saldo_expirado=' + saldo_expirado,
                    type: 'GET',
                    dataType: 'json',
                    success: function(data){
                         console.log(data);
                         $('.loading-modal').removeClass('active');
                         $('.content-info-pagamento').html(data.html);
                    }
               });
          });

          $(document).on('click', '.default-modal#modal-info-pagamento .close-default-modal, .default-modal-overlay', function(){
               $('body').removeClass('info-pagamento-modal-open');
               $('#modal-info-pagamento').addClass('hide');
               $('.content-info-pagamento').html(null);
          });   
     });
</script>



<script>
    $(document).on('click', '.ver-detalhes', function(){
        pagamentoItem = $(this).closest('.pagamento-item');
        verDetalhesPagamento(pagamentoItem);
    });

    $(document).on('click', '.esconder-detalhes', function(){
        pagamentoItem = $(this).closest('.pagamento-item');

        pagamentoItem.next().slideUp();
        pagamentoItem.find('i').removeClass('fa-minus-circle');
        pagamentoItem.find('i').addClass('fa-plus-circle');
        pagamentoItem.find('.esconder-detalhes').addClass('expandir-detalhes');
        pagamentoItem.find('.esconder-detalhes').removeClass('esconder-detalhes');
    });

    $(document).on('click', '.expandir-detalhes', function(){
        pagamentoItem = $(this).closest('.pagamento-item');
        pagamentoItem.next().slideDown();
        pagamentoItem.find('i').removeClass('fa-plus-circle');
        pagamentoItem.find('i').addClass('fa-minus-circle');
        pagamentoItem.find('.expandir-detalhes').addClass('esconder-detalhes');
        pagamentoItem.find('.expandir-detalhes').removeClass('expandir-detalhes');
    });

    $(document).on('click', '.enviarComprovanteButton', function(e){
        e.preventDefault();
        $(this).next().trigger('click');
    });

    $('[name="enviar-comprovante"]').change(function(){
        var td = $(this).closest('td');
        var formComprovante = $(this).closest('.form-comprovante')[0];
        var form = new FormData();
        form.append('fileUpload', $(this)[0].files[0]);
        form.append('pagamento', formComprovante[0].value);
        
        $.ajax({
            url:'/perfil/enviar-comprovante',
            type:'POST',
            processData: false,
            contentType: false,
            data:form,
            beforeSend:function(){
                $('.carregando').fadeIn();
            },
            success:function(data){
                if(data.status){
                    td.find('a').attr('href', data.url);
                    if ($(window).width() <= 700) {
                    td.find('a').html('Ver');
                    }
                    else {
                    td.find('a').html('Ver comprovante');
                    }
                    td.find('a').removeClass('enviarComprovanteButton');
                    alertUtil.alertSuccess(data.message);
                }else{
                    alertUtil.alertError(data.message);
                }
                $('.carregando').fadeOut();
            },
            error:function(data){
                alertUtil.alertError('Erro ao processar a compra. Tente novamente mais tarde.');
            }

        });
    });
   
</script>

<!-- START PERIGO - QUANDO EU CHEGUEI AQUI ISTO JÁ ESTAVA, TENTEI TIRAR MAS BUGOU O LAYOYT: @marcoskubas  -->
</div>
</div>
</div>
</section> 
<!-- END PERIGO -->

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.website', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>