<?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')
            },
            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">
        <h2 class="title">Meus Pagamentos</h2>
        <?php echo $__env->make('perfil.lista-meus-pagamentos', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    </div>
</div>

<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>

</div>
</div>
</div>
</section>
<?php $__env->stopSection(); ?>

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