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

    <script type="text/javascript">
        $(document).on('ready', function(){
            $('body').addClass('listagem-premium-body cru-classe');
        });
    </script>

    <section class="topo-listagem">
        <h1><?php echo e($titulo_pagina); ?> <?php echo e($subtitulo_pagina); ?></h1>
    </section>
    <div class="subtop-desc"><?php echo e($canal->chamada_canal); ?></div>
    
    <section class="canal">
        <div class="container cru-regiao-container">
            <div class="cru-regiao">
                <div class="cru-selected-box">
                    <div class="cru-selected">
                        <div class="item">
                            <div class="l-selected">
                                <figure>
                                    <img src="uploads/pais/<?php echo e($pais->thumbnail_principal); ?>" alt="<?php echo e($pais->nome); ?>" width="34">
                                </figure>
                                <span><?php echo e($pais->nome); ?></span>
                            </div>
                            <a href="<?php echo e(url('/cru-classe/' . $canal->slug . '/pais')); ?>">Alterar país</a>
                        </div>
                    </div>
                </div>

                <h3>As principais regiões vinícolas <?php echo (isset($pais->preposicao_nome) && !empty($pais->preposicao_nome) ? $pais->preposicao_nome : 'da(e)')?> <?php echo e($pais->nome); ?>:</h3>

                <div class="cru-regiao-list">
                    <?php $__currentLoopData = $listaRegioes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $regiao): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="cru-regiao-item">
                        <figure>
                            <a href="<?php echo e(url('/cru-classe/' . $canal->slug . '/' . $pais->slug . '/' . $regiao->slug)); ?>">
                                <img src="<?php echo (isset($regiao) && $regiao->thumbnail_principal != '') ? get_file_s3($regiao->thumbnail_principal, 'produto-regiao') : 'https://i.imgur.com/kG3oemd.png'; ?>" alt="<?php echo e($regiao->nome); ?>">
                            </a>
                        </figure>
                        <div class="text-cru">
                            <h3><?php echo e($regiao->nome); ?></h3>
                            <p><?php echo formata_tags_texto($regiao->descricao); ?></p>
                            <div class="cru-action">
                                <a href="<?php echo e(url('/cru-classe/' . $canal->slug . '/' . $pais->slug . '/' . $regiao->slug)); ?>">Visualizar <?php echo texto_plural('rótulo', $regiao->qtde_produtos); ?></a>
                                <span><strong><?php echo e($regiao->qtde_produtos); ?></strong> <?php echo texto_plural('rótulo', $regiao->qtde_produtos); ?></span>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </div>
    </section>

    <script>

        var ocultarMenusFiltros = true;

        $(window).scroll(function(){

            if(screen.width > 700){
                if ($(window).scrollTop() > 600 && ocultarMenusFiltros == true){

                    $menus = $('.canal__filters').find('.menu');
                    var filtrosSelecionados = 0;
                    var filtroTipo          = '';

                    $menus.each(function() {
                        filtroTipo          = $(this).data('tipo');
                        filtrosSelecionados = $(this).find('.checkFiltro:input:checked').length;
                        console.log(filtroTipo);
                        console.log(filtrosSelecionados);
                        if(filtrosSelecionados == 0){
                            $('.' + filtroTipo).css('display','none');
                        }
                    });

                    // $('.prefere, .pais, .preco, .ano').css('display','none');
                    $('.canal__filters').css('position', 'fixed');
                    $('.canal__filters').css('top', '105px');
                    alturaProdutos();
                    ocultarMenusFiltros = false;
                }

                if ($(window).scrollTop() < 400 && ocultarMenusFiltros == false){
                    $('.prefere, .pais, .preco, .ano').css('display','block');
                    $('.canal__filters').css('position', 'relative');
                    $('.canal__filters').css('top', '0px');
                    $('.canal__right').css('height', 'auto');
                    ocultarMenusFiltros = true;
                }
            }

        });

        function alturaProdutos(){
            //ALTURA LISTAGEM PRODUTOS X FILTERS
            // if(screen.width > 700){
            //     var $canal_right_height = $('.canal__right').css('height');
            //     $canal_right_height = $canal_right_height.split('px');
            //     $canal_right_height = parseInt($canal_right_height[0]);

            //     var $listagem_produtos = $('#listagem__produtos').css('height');
            //     $listagem_produtos = $listagem_produtos.split('px');
            //     $listagem_produtos = parseInt($listagem_produtos[0]);

            //     if($canal_right_height <= 1300 && $listagem_produtos <= 1300){
            //         $('.canal__right').css('height', '1300px');
            //     }else{
            //         $('.canal__right').css('height', 'auto');
            //     }
            // }
        }

        function expandir(div){
            var $div = $('.'+div);

            if($('.'+div+':visible').length >= 1){
                $div.closest('.canal__filters').find('.canal__filter-title').removeClass('visivel');
            }else{
                $div.closest('.canal__filters').find('.canal__filter-title').addClass('visivel');
            }

            $div.slideToggle();
        }

        function outletFiltrar(filtroSelecionado){
            $.ajax({
                type: "POST",
                url: 'outlet/filtrar',
                data: {filtroSelecionado},
                dataType: 'json',
                success: function(data){
                    $('#listagem__produtos').html(data.htmlListaProdutos);
                    setTimeout(function() {
                        alturaProdutos();
                    }, 500);
                },
            });
        }

        var filtroSelecionado = {};

        $('#form-canal-pesquisa').on('keyup keypress', function(e) {
          var keyCode = e.keyCode || e.which;
          if (keyCode === 13) { 
            e.preventDefault();
            filtroSelecionado['pesquisa'] = $('#pesquisa').val();
            filtroSelecionado['slug']     = '<?php echo $slug; ?>';
            outletFiltrar(filtroSelecionado);
            return false;
          }
        });

        $(document).on('click', '.btn-pesquisar', function(){

            filtroSelecionado['pesquisa'] = $('#pesquisa').val();
            filtroSelecionado['slug']     = '<?php echo $slug; ?>';
            outletFiltrar(filtroSelecionado);

        });

        $(document).on('click', '.filtros-flutuante__filtros', function(){
             $('html,body').animate({ scrollTop: 0 }, 400);
            return false;
        });

        $(document).on('click', '.filtros-flutuante__limpar', function(){

            var filtroSelecionado = {};
            filtroSelecionado['pesquisa'] = $('#pesquisa').val();
            filtroSelecionado['slug']     = '<?php echo $slug; ?>';
            $('.checkFiltro:input').attr('checked', false);
            outletFiltrar(filtroSelecionado);
            $('.filtros-flutuante #filtros-selecionados').html('');
            $('.filtros-flutuante__limpar').addClass('hidden');
            $('html,body').animate({ scrollTop: 0 }, 400);
            return false;

        });
        
        $(document).on('change', '.checkFiltro', function() {

            filtroSelecionado['tipoDeProduto'] = new Array();
            filtroSelecionado['pais']          = new Array();
            filtroSelecionado['ano']           = new Array();
            filtroSelecionado['faixapreco']    = new Array();
            filtroSelecionado['slug']          = '<?php echo $slug; ?>';
            filtroSelecionado['pesquisa']      = $('#pesquisa').val();

            var filtrosSelecionados = '';

            $('.checkFiltro:input:checked').each(function() {
                filtroSelecionado[$(this).attr('data-type')].push($(this).val() );
                if($(this).attr('data-type') == 'ano' && $(this).attr('data-name') == ''){
                    filtrosSelecionados += 'SEM SAFRA, ';
                }else{
                    filtrosSelecionados += $(this).attr('data-name') + ', ';
                }
            });

            if(filtrosSelecionados != ''){
                filtrosSelecionados = filtrosSelecionados.substring(0, filtrosSelecionados.length-2) + '.';
                $('.filtros-flutuante__limpar').removeClass('hidden');
            }else{
                $('.filtros-flutuante__limpar').addClass('hidden');
            }

            $('.filtros-flutuante #filtros-selecionados').html(filtrosSelecionados);

            outletFiltrar(filtroSelecionado);

        });

        $(document).on('click', '.add-cart', function(){
            
            var id                   = $(this).data('oferta');
            var quantidade           = $(this).closest('.outlet-item').find('.quantidade_oferta').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.alertWarning('Oferta limitada a ' + 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,
                        video : '<?php echo (isset($video) && $video == 'true') ? 'true' : 'false'?>',
                        tag_video : '<?php echo (isset($video) ? 'true' : 'false')?>'
                    },
                    beforeSend:function(){
                        //$('.carregando').fadeIn();
                    },
                    success:function(data){
                        if(data.status){

                            alertUtil.alertSuccess(data.message);

                            reloadCart();
                        }else{
                            alertUtil.alertError(data.message);
                        }
                        $(this).removeClass('btn-comprar-canal--disable');
                        //$('.carregando').fadeOut();
                    }
                });
            }
        });
    </script>
    
    <?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.website', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>