<?php if($canaisLiberados && count($ofertasRelacionadas) > 0){ ?>
<section class="oferta-canais" style="padding-top: <?php echo e(isset($top) ? $top : '0px'); ?>;padding-bottom: 80px;">
    <div class="container">
        <?php if(!isset($veja_tambem) || (isset($veja_tambem) && $veja_tambem == TRUE)): ?>
        <h3 class="register-section__title">
            VEJA TAMBÉM 
            <?php if (count($ofertasRelacionadas) > 1): ?>
                <b>ESTAS OFERTAS</b>
            <?php elseif (count($ofertasRelacionadas) == 1 && $ofertasRelacionadas[0]->tipo == 'S'): ?>
                A <b>OFERTA DA SEMANA</b>
            <?php elseif (count($ofertasRelacionadas) == 1 && $ofertasRelacionadas[0]->tipo == 'D'): ?>
                A <b>OFERTA DO DIA</b>
            <?php elseif (count($ofertasRelacionadas) == 1): ?>
                <b>ESTA OFERTA</b>
            <?php endif ?>
        </h3>
        <?php endif; ?>
        <div class="flex-container <?php echo e(isset($align) ? $align : 'justify-start'); ?>" id="listagem__produtos">
        	<?php foreach ($ofertasRelacionadas as $objOferta): ?>
                <div class="outlet-item  <?php echo e(($objOferta->grupo_tipo_produto == 'vestuario' ? "outlet-item--{$objOferta->grupo_tipo_produto}": '')); ?>">
                    <?php if (isset($objOferta->canalHasOferta->canal)): ?>
                        <?php 
                        $canal     = $objOferta->canalHasOferta->canal;
                        $tipoCanal = tipo_canal($canal->tipo);
                        ?>
                        <span class="ribbon oferta-<?php echo e($tipoCanal); ?>"> 
                            <a href="<?php echo url($tipoCanal.'/'.$objOferta->canalHasOferta->canal->slug); ?>">
                                <span><?php echo $objOferta->canalHasOferta->canal->tag; ?></span>
                            </a> 
                        </span>
                    <?php elseif ($objOferta->tipo == 'S'): ?>
                        <span class="ribbon oferta-semana">
                            <a href="<?php echo url('oferta-semana'); ?>">
                                <span>SEMANA</span>
                            </a>
                        </span>
                    <?php elseif ($objOferta->tipo == 'D'): ?>
                        <span class="ribbon oferta-semana">
                            <a href="<?php echo url('oferta-do-dia'); ?>">
                                <span>DIA</span>
                            </a>
                        </span>
                    <?php endif ?>
                    <?php $url_oferta = url(($objOferta->tipo == 'S' ? 'oferta-semana' : 'oferta') . '/' . $objOferta->slug); ?>
                    <a href="<?php echo $url_oferta; ?>">
                        <img class="outlet-item__vinho<?php echo e(($objOferta->resolucao_imagem == 'resolucao-6' && $objOferta->grupo_tipo_produto == 'vinhos' ? " outlet-item__vinho--collection ": '')); ?>" src="<?php echo $objOferta->thumbnail_principal; ?>" alt="<?php echo $objOferta->titulo; ?> <?php echo $objOferta->sub_titulo; ?>">
                    </a>
                    <?php if($objOferta->percentual_desconto > 0): ?>
                    <div class="outlet-item__desconto"><?php echo number_format($objOferta->percentual_desconto, 0); ?>%</div>
                    <?php endif;?>
                    <h2 class="outlet-item__title"><a href="<?php echo $url_oferta; ?>"><?php echo $objOferta->titulo; ?> <?php echo $objOferta->sub_titulo; ?></a></h2>
                    
                   <?php if (count($objOferta->produtos) == 1){ ?>
                        <div class="outlet-item__categoria">
                            <img class="mr-5" src="<?php echo config('filesystems.path') . "/tipo-de-produto/{$objOferta->thumbnail_tipo_produto}"; ?>" alt="<?php echo $objOferta->nome_tipo_produto;?>">
                            <?php echo $objOferta->nome_tipo_produto;?>
                        </div>
                        <div class="outlet-item__pais">
                            <img class="mr-5" src="<?php echo url('uploads/pais/'.$objOferta->thumbnail_pais); ?>" alt="<?php echo $objOferta->nome_pais;?>">
                            <?php echo $objOferta->nome_pais;?>
                        </div>
                    <?php }else{ ?>
                        <?php if(count($objOferta->produtos) < 3){ ?>
                            <div class="outlet-item__categoria">
                                <?php foreach ($objOferta->produtos as $item): ?>
                                    <img src="<?php echo config('filesystems.path') . "/tipo-de-produto/{$item->produto->tipoDeProduto->thumbnail_principal}"; ?>" alt="<?php echo $item->produto->tipoDeProduto->nome;?>">
                                    <p class="outlet-item__separador">+</p>
                                <?php endforeach ?>
                            </div>
                            <div class="outlet-item__pais">
                                <?php foreach ($objOferta->produtos as $item): ?>
                                    <img src="<?php echo url('uploads/pais/'.$item->produto->paisDeOrigem->thumbnail_principal); ?>" alt="<?php echo $item->produto->paisDeOrigem->nome;?>">
                                    <p class="outlet-item__separador">+</p>
                                <?php endforeach ?>
                            </div>
                        <?php } ?>
                    <?php } ?>
                    <?php if(count($objOferta->produtos) == 1 && $objOferta->grupo_tipo_produto == 'vestuario'): ?>
                    <div class="outlet-item__absolute-bottom--variacao">
                        <div class="flex-between">
                            <div class="outlet-item__quantidade">
                                <input type="number" class="quantidade" value="1" max="99" min="1">
                            </div>
                            <div class="outlet-item__variacao">
                                <select class="variacao" name="variacao" id="variacao">
                                    <?php $__currentLoopData = $objOferta->produtos[0]->produto->tipo->variacoes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $variacao): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <option value="<?php echo e($variacao->id); ?>"><?php echo e($variacao->nome); ?></option>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                               </select>
                            </div>
                        </div>
                    </div>
                    <div class="outlet-item__absolute-bottom">
                        <div class="flex-between">
                            <p>
                                <span class="produtos-relacionados__valor-old">
                                    <?php if($objOferta->preco_mercado != $objOferta->preco_oferta && $objOferta->tipo != 'S'):?>
                                        R$ <?php echo number_format($objOferta->preco_mercado, 2, ',', '.'); ?>
                                    <?php endif;?>
                                </span>
                                <br>
                                <span class="produtos-relacionados__valor-new">
                                    R$ <?php echo number_format($objOferta->preco_oferta, 2, ',', '.'); ?>
                                    <input type="hidden" class="quantidade_by_client" value="<?php echo $objOferta->quantidade_maxima_por_cliente; ?>">        
                                </span>
                            </p>
                            <button data-oferta="<?php echo $objOferta->id; ?>" class="btn-comprar-canal add-cart" type="button">Comprar</button>
                        </div>
                    </div>
                    <?php else: ?>
                    <div class="outlet-item__absolute-bottom">
                        <div class="flex-between">
                            <div class="outlet-item__preco-velho">
                                <?php if($objOferta->preco_mercado != $objOferta->preco_oferta): ?>
                                R$ <?php echo number_format($objOferta->preco_mercado,2,',','.');?>
                                <?php endif;?>
                            </div>
                            <div class="outlet-item__preco">
                                R$ <?php echo  number_format($objOferta->preco_oferta,2,',','.');?>
                                <input type="hidden" class="quantidade_by_client" value="<?php echo $objOferta->quantidade_maxima_por_cliente; ?>">
                            </div>
                        </div>
                        <div class="flex-between">
                            <input type="number" class="quantidade" value="1" max="99" min="1">
                            <button data-oferta="<?php echo $objOferta->id; ?>" class="btn-comprar-canal add-cart" type="button">Comprar</button>
                        </div>
                    </div>
                    <?php endif; ?>
                </div>
            <?php endforeach ?>
        </div>
    </div>
</section>
<script type="text/javascript">

	$(document).on('click', '.outlet-item .add-cart', function(){
        
        var id                   = $(this).data('oferta');
        var quantidade           = $(this).closest('.outlet-item').find('.quantidade').val();
        var variacao             = $(this).closest('.outlet-item').find('.variacao').val();
        var quantidade_by_client = $(this).closest('.outlet-item').find('.quantidade_by_client').val();

        if(parseInt(quantidade) > parseInt(quantidade_by_client)){
            alertUtil.alertError('Esta oferta possui um limite máximo de ' + quantidade_by_client + ' gr. por cliente.');
        }else{
            
            $(this).attr('disabled', true);
            $(this).addClass('btn-comprar-canal--disable');

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url:'/add-oferta-cart',
                type:'POST',
                data:{
                    oferta_id: id,
                    quantidade: quantidade,
                    variacao: variacao
                },
                beforeSend:function(){
                    //$('.carregando').fadeIn();
                },
                success:function(data){
                    if(data.status){
                        //reloadListagem();
                        $('#listagem-cart').html(data.html);

                        $('#cart-empty').addClass('hidden');
                        $('#cart-section').removeClass('hidden');
                        $('#pagamento-section').removeClass('hidden');
                        
                        $('[name="parcelas"]').html(data.parcelas);

                        alertUtil.alertSuccess(data.message);

                        reloadCart();
                    }else{
                        alertUtil.alertError(data.message);
                    }
                    //$('.carregando').fadeOut();
                }
            });
        }
    });
</script>
<?php } ?>