<!-- Novos canais -->
@if($canaisLiberados && count($ofertasRelacionadas) > 0)
<section class="canais2">
    <script type="text/javascript">
        $(document).on('click', '.canais2 .btn-comprar', function(){
            var id                   = $(this).data('oferta');
            var quantidade           = $(this).closest('.product').find('.quantidade_oferta').val();
            var variacao             = $(this).closest('.product').find('.variacao').val();
            var quantidade_by_client = $(this).closest('.product').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.', '', true);
            }else{
                $.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){
                            alertUtil.alertSuccess(data.message);
                            reloadCart();
                        }else{
                            alertUtil.alertError(data.message, '', true);
                        }
                        $('.carregando').fadeOut();
                    }
                });
            }
        });
    </script>
    <div class="container">
        <h2>CONHEÇA NOSSAS <b>OFERTAS ESPECIAIS</b></h2>
        <div class="flex-canais">
            @foreach ($ofertasRelacionadas as $objOferta)

            <?php $tag          = (isset($objOferta->canalHasOferta->canal) ? $objOferta->canalHasOferta->canal->tag : ($objOferta->tipo == 'S' ? 'Oferta da Semana' : 'Oferta do Dia')); ?>
            <?php $url_tag      = (isset($objOferta->canalHasOferta->canal) ? url(tipo_canal($objOferta->canalHasOferta->canal->tipo).'/'.$objOferta->canalHasOferta->canal->slug) : ($objOferta->tipo == 'S' ? url('oferta-semana') : url('oferta-do-dia'))); ?>
            <?php $url_oferta = url(($objOferta->tipo == 'S' ? 'oferta-semana' : 'oferta') . '/' . $objOferta->slug); ?>

            <div class="product {{ (count($objOferta->produtos) > 1 || $objOferta->grupo_tipo_produto != 'vinhos') ? 'sem-atributos' : '' }}">
                <input type="hidden" class="quantidade_by_client" val="{{ $objOferta->quantidade_maxima_por_cliente }}">
                <a href="{{ $url_tag }}">
                <span class="faixa-top {{ (count($objOferta->produtos) > 1 || $objOferta->grupo_tipo_produto != 'vinhos') ? 'azul' : ''}}">{{ $tag }}</span>
                @if(isset($objOferta->canalHasOferta->canal) && ($objOferta->canalHasOferta->canal->tipo == 'PR' || $objOferta->canalHasOferta->canal->tipo == 'CR') && $objOferta->grupo_tipo_produto == 'vinhos')
                <span class="premium">Premium</span>
                @endif
                </a>
                <div class="cont">
                    <figure>
                        <a href="{{ $url_oferta }}">
                            <img src="{{ $objOferta->thumbnail_principal }}" class="img-prod" alt="{{ $objOferta->titulo }} {{ $objOferta->sub_titulo }}">
                        </a>
                    </figure>
                    <h3>
                        <a href="{{ $url_oferta }}">{{ $objOferta->titulo }} {{ $objOferta->sub_titulo }}</a>
                    </h3>

                    @if(count($objOferta->produtos) == 1 && $objOferta->grupo_tipo_produto == 'vinhos')
                    <div class="attrs">
                        <div class="atr">
                            <img src="{{ config('filesystems.path') . "/tipo-de-produto/{$objOferta->thumbnail_tipo_produto}"}}" width="17" height="17" alt="{{ $objOferta->nome_tipo_produto }}">
                            <span>{{ $objOferta->nome_tipo_produto }}</span>
                        </div>
                        <div class="atr">
                            <img src="{{ url('uploads/pais/'.$objOferta->thumbnail_pais) }}" alt="{{ $objOferta->nome_pais }}" width="17" height="17">
                            <span>{{ $objOferta->nome_pais }}</span>
                        </div>
                    </div>
                    @endif

                    <div class="prices">
                        @if($objOferta->preco_mercado != $objOferta->preco_oferta)
                        <div class="preco-de">
                            <h4 class="old_price">R$ {{ number_format($objOferta->preco_mercado,2,',','.') }}</h4>
                        </div>
                        @endif
                        <h4 class="new_price">R$ {{ number_format($objOferta->preco_oferta,2,',','.') }}</h4>
                    </div>

                    <div class="quantidade_buy">
                        <select class="quantidade_oferta">
                            @for($i=1;$i<=$objOferta->quantidade_maxima_por_cliente;$i++)
                            <option value="{{ $i }}">{{ $i }}</option>
                            @endfor
                        </select>
                        <button class="btn-comprar" data-oferta="{{ $objOferta->id }}">ADICIONAR</button>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif