<?php
foreach ($listaProdutosComprados as $key => $objProduto) {
?>

<div class="resumo-historico-item">
    <div class="resumo-historico-row">
        <div class="meu-historico-item__imagem">
            <img class="meu-historico-item__vinho" src="<?php echo e($objProduto->thumbnail_principal); ?>" alt="<?php echo $objProduto->nome; ?>">
        </div>
        <div class="meu-historico-item__texto">
            <h2 class="meu-historico-item__title"><a href="<?php echo e(url('produto/detalhe/'.$objProduto->slug)); ?>" target="_blank"><?php echo $objProduto->nome; ?></a></h2>
            <div class="flex-between">
                <div class="outlet-item__categoria">
                    <img src="<?php echo e(config('filesystems.path') . '/tipo-de-produto/' . $objProduto->tipo->thumbnail_principal); ?>" alt="<?php echo $objProduto->tipo->nome; ?>">
                    <?php echo $objProduto->tipo->nome; ?>
                </div>
                <div class="outlet-item__pais">
                    <img src="uploads/pais/<?php echo $objProduto->paisOrigem->thumbnail_principal; ?>" alt="<?php echo $objProduto->paisOrigem->nome; ?>"><?php echo $objProduto->paisOrigem->nome; ?>
                </div>
            </div>
        </div>
        <div class="meu-historico-item__avaliacao">
            <select name="valorAvaliacao" class="star-rating<?php if ($objProduto->avaliacaoValor) { echo '-readonly'; } ?>">
              <option value="1"<?php if ($objProduto->avaliacaoValor==1) echo ' selected'; ?>>1</option>
              <option value="2"<?php if ($objProduto->avaliacaoValor==2) echo ' selected'; ?>>2</option>
              <option value="3"<?php if ($objProduto->avaliacaoValor==3) echo ' selected'; ?>>3</option>
              <option value="4"<?php if ($objProduto->avaliacaoValor==4) echo ' selected'; ?>>4</option>
              <option value="5"<?php if ($objProduto->avaliacaoValor==5) echo ' selected'; ?>>5</option>
            </select>
        </div>
    </div>
    <div <?php if ($objProduto->avaliacaoExperiencia == ''){ ?> class="meu-historico-comentario" <?php } else { ?>  class="meu-historico-comentario-realizado" <?php } ?>>
        <textarea <?php if ($objProduto->avaliacaoExperiencia != ''){ ?>readonly <?php } ?>name="experienciaAvaliacao" id="" class="historico-experiencia" placeholder="Comente sua experiência..."><?php echo $objProduto->avaliacaoExperiencia; ?></textarea>
        <?php if (!$objProduto->avaliacaoValor) { ?>
        <button class="meu-historico-comentario__botao-salvar" data-idproduto="<?php echo $objProduto->id; ?>">Salvar</button>
        <?php } ?>
        <div class="clear"></div>
    </div>
</div>

<?php
}
?>


<script type="text/javascript">

    $(document).ready(function(){
        $('.star-rating').barrating({
            theme: 'fontawesome-stars',
            allowEmpty: true,
            emptyValue: '',
            initialRating: '',
        });


        $('.star-rating-readonly').barrating({
            theme: 'fontawesome-stars',
            readonly: true,
        });


       

        $(document).on('click', '.meu-historico-comentario__botao-salvar', function(){
            var campoExperiencia = $(this).closest('.resumo-historico-item').find('.historico-experiencia');
            var txtExperiencia = campoExperiencia.val();
            var campoAvaliacao= $(this).closest('.resumo-historico-item').find('.star-rating');
            var valorAvaliacao = campoAvaliacao.val();
            var id_produto = $(this).data('idproduto');
            var botaoAdd = $(this);

            $('.carregando').fadeIn();
            
            $.ajax({
                url:'/perfil/salvar-avaliacao',
                type:'POST',
                data:{
                    id_produto: id_produto,
                    valor: valorAvaliacao,
                    experiencia: txtExperiencia
                },
                beforeSend:function(){
                    //$('.carregando').fadeIn();
                },
                success:function(data){
                    $('.carregando').fadeOut();
                    if(data.status){
                        botaoAdd.addClass('hidden');
                        campoExperiencia.attr('readonly', 'readonly');
                        campoAvaliacao.barrating('readonly', true);
                        alertUtil.alertSuccess(data.message);
                    }else{
                        alertUtil.alertError(data.message);
                    }
                    //$('.carregando').fadeOut();
                }
            });
        });
    });

    $('.star-rating').change(function(){
        $(this).closest('.resumo-historico-item').find('.meu-historico-comentario').slideDown();
    });

   
</script>