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

<script type="text/javascript">
    /** A/B Test activate */
    $(document).on('ready', function(){

        $('.origem').addClass('op2');
        $('.banner.op2').removeClass('hidden');
        $('.fixed-buy.opcao1').removeClass('hidden');

        $('#btn-aceite-privacidade').click(function(){

            console.log('btn-aceite-privacidade');

            $.ajax({
                type: "POST",
                url: "/aceite-privacidade",
                data: {},
                success: function(data) {
                    console.log(data);
                },
                error: function() {
                    console.log('Deu erro!');
                }
            });

        });
    });
</script>

<!-- politica de privacidade - fazer aparecer somente quando as politicas nao foram aceitas pelo backend -->
    <?php if(isset($clienteLogado) && !$clienteLogado->aceite_privacidade): ?>
    <div class="politicas-popup">
        <p>Nossa plataforma usa <strong>cookies e outras tecnologias</strong> para aprimorar a sua navegação e gerar conteúdo do seu interesse. Ao clicar no botão, você concorda com nossa <a href="/politica-privacidade" title="Política de privacidade">Política de privacidade</a>.</p>
        <button class="btn-action" id="btn-aceite-privacidade">Concordar e continuar</button>
    </div>
    <?php endif; ?>
<!-- politica de privacidade -->

<?php  
    $imgBanner = (isset($tema) && $tema) ? config('filesystems.path') . "/tema/{$tema->thumbnail_principal}" : url('img/site/banner.jpg');
?>
<section class="banner op2 hidden bannerprincipal" data-x-pos="center" data-src="<?php echo $imgBanner; ?>">


    <script>
        $(document).ready(function(){
            let element = $('.bannerprincipal');
            $(element).parallax({
                imageSrc: element.data('src'),
                bleed: 100,
            });
        });
    </script>
    <style type="text/css">
        @media  only screen and (max-width: 991px){
            .banner.op2{
                background-image: url('<?php echo $imgBanner; ?>')
            }
        }
    </style>
    <?php if (isset($oferta) && $oferta != ''): ?>
        <!-- classe quant-X, onde X = quantidade de selos, limite de 5 -->
        <div class="premios quant-5 animated fadeInLeftMob fadeInDownDesk">
            <img src="img/site/premio.png" alt="Premio">
            <img src="img/site/premio.png" alt="Premio">
            <img src="img/site/premio.png" alt="Premio">
            <img src="img/site/premio.png" alt="Premio">
            <img src="img/site/premio.png" alt="Premio">
        </div>
        <a href="<?php echo e(url('oferta/'.$oferta->slug)); ?>" class="img-link"><img class="vinho animated fadeInLeftMob fadeInDownDesk <?php echo $oferta->resolucao_imagem ;?>" src="<?php echo (!empty($oferta->thumbnail_principal) ? url($oferta->thumbnail_principal) : ''); ?>" alt="Vinho do Dia"></a>

        <div class="box"></div>
        <div class="content-banner animated fadeInRightMob">
            <div class="box-action__left bal-<?php echo $oferta->resolucao_imagem ;?> animated fadeInLeftDesk">
                
                <?php if(isset($valido_adega_virada) && $valido_adega_virada): ?>
                    <img src="/img/site/selo-adega-virada.svg" style="width: 160px; margin-bottom: 12px;" />
                <?php endif; ?>

                <p class="data"><?php echo date('j',strtotime($oferta->data)); ?>/<?php echo strftime('%b',strtotime($oferta->data)); ?></p>
                <a href="<?php echo e(url('oferta/'.$oferta->slug)); ?>"><h2 class="nome-oferta1"><?php echo $oferta->titulo; ?></h2></a>

                <?php if (isset($oferta->sub_titulo)) { ?>
                    <a href="<?php echo e(url('oferta/'.$oferta->slug)); ?>"><h2 class="nome-oferta3"><?php echo $oferta->sub_titulo; ?></h2></a>
                <?php } ?>
                    <?php if($oferta->estoque > 0 && $oferta->estoque < $oferta->poucas_unidades){ ?>
                    <button type="button" class="btn-ultimas-unidades">Últimas Unidades</button>
                    <?php } ?>
            </div>

            <?php if (isset($oferta->preco_oferta) && (isset($oferta->preco_mercado))) { ?>
                <div class="box-action__right bar-<?php echo $oferta->resolucao_imagem ;?> animated fadeInRightDesk">
                    <?php if(isset($ocultarDesconto) && $ocultarDesconto == false): ?>
                        <p class="desconto"><?php echo number_format($oferta->percentual_desconto,0);?>% <b>OFF</b></p>
                        <p class="de">de R$ <?php echo number_format($oferta->preco_mercado,2,',','.'); ?></p>
                    <?php endif; ?>
                    <?php $preco_oferta = explode('.',$oferta->preco_oferta); ?>
                    <p class="preco">
                        R$ <span class="numero"><?php echo $preco_oferta[0]; ?></span>,<?php echo $preco_oferta[1] ?>
                    </p>
                    <div class="inline">
                        <?php if($oferta->estoque && $oferta->estoque > 0){ ?>
                            <select class="quantidade_oferta">
                                <option value="1" selected>1</option>
                                <?php if(isset($oferta->quantidade_maxima_por_cliente)): ?>
                                    <?php for($i = 2; $i <= $oferta->quantidade_maxima_por_cliente; $i++): ?>
                                        <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                                    <?php endfor; ?>
                                <?php else: ?>
                                    <?php for($a = 2; $a <= 10; $a++): ?>
                                        <option value="<?php echo $a; ?>"><?php echo $a; ?></option>
                                    <?php endfor; ?>
                                <?php endif; ?>
                            </select>
                            <button class="btn-comprar add-oferta-dia" data-versao="op2">Comprar</button>
                        <?php }else{ ?>
                            <button type="button" class="btn-esgotado">Oferta Esgotada</button>
                        <?php } ?>
                    </div>
                </div>
            <?php } ?>
        </div>
    <?php endif ?>
</section>



<?php if($oferta && count($oferta->produtos)  && $oferta->produtos[0]->produto){ ?>
    <?php $vinho =  $oferta->produtos[0]->produto; ?>
    <section class="origem">
        <div class="container">

            <?php if (count($oferta->produtos) == 1): ?>
                <div class="flex-between itens-vinho" style="padding-top: 40px;">
                    <div class="origem__item">
                        <img src="<?php echo e(config('filesystems.path') . '/tipo-de-produto/' . $vinho->tipo->thumbnail_principal); ?>" width="40" height="40" alt="<?php echo $vinho->tipo->nome; ?>">
                        <div class="texto">
                            <p class="title">Tipo</p>
                            <p class="subtitle"><?php echo $vinho->tipo->nome; ?></p>
                        </div>
                    </div>

                    <?php if($vinho->paisOrigem){ ?>
                        <div class="origem__item">
                            <img src="uploads/pais/<?php echo $vinho->paisOrigem->thumbnail_principal; ?>" alt="<?php echo $vinho->paisOrigem->nome; ?>">
                            <div class="texto">
                                <p class="title">País</p>
                                <p class="subtitle"><?php echo $vinho->paisOrigem->nome; ?></p>
                            </div>
                        </div>
                    <?php } ?>
                    <div class="separador"></div>
                    <div class="origem__item">
                        <img src="img/site/safra.svg" alt="Safra">
                        <div class="texto">
                            <p class="title">Safra</p>
                            <p class="subtitle"><?php echo ($vinho->caracteristicas ? $vinho->caracteristicas->safra : ''); ?></p>
                        </div>
                    </div>
                    <div class="origem__item">
                        <img src="img/site/teor.svg" alt="Teor Alcoólico">
                        <div class="texto">
                            <p class="title">Teor</p>
                            <p class="subtitle"><?php echo ($vinho->caracteristicas ? $vinho->caracteristicas->teor_alcoolico : ''); ?></p>
                        </div>
                    </div>
                </div>
            <?php endif ?>
            <p class="origem__description hide-mobile <?php echo (count($oferta->produtos) > 1) ? 'padding-combo' : '' ?>"><?php echo formata_tags_texto($oferta->texto); ?></p>
            <p class="origem__description closed hide-desktop <?php echo (count($oferta->produtos) > 1) ? 'padding-combo' : '' ?>">
                <?php echo formata_tags_texto($oferta->texto); ?>
            </p>
            <span id="ler-mais"><a class="ler-mais">ler mais</a></span>
            <script>
                $(document).ready(function(){
                    $('#ler-mais').click(function(){
                        $('.origem__description').toggleClass('closed');
                        $('#ler-mais').hide();
                    });
                })
            </script>
            <?php if($oferta->estoque && $oferta->estoque > 0){ ?>
                <p class="quero-na-minha-adega">
                    <button class="btn-comprar add-oferta-dia-adega">QUERO NA MINHA ADEGA!</button>
                </p>
                <?php }?>

                <?php if(isset($oferta->url_video) && !empty($oferta->url_video)): ?>
                    <div class="video-box">
                        <h3 class="title">Assista ao vídeo</h3>
                        <div class="video-embed">
                            <iframe src="<?php echo e($oferta->url_video); ?>" frameborder="0"></iframe>
                        </div>
                    </div>
                <?php endif; ?>

            <a class="ver-ficha-completa" href="<?php echo url('oferta/'.$oferta->slug); ?>"><i class="fa fa-plus fa-fw"></i>VER FICHA TÉCNICA COMPLETA</a>
        </div>
    </section>
<?php } ?>
<section class="como-funciona">
    <div class="container">
        <img src="<?php echo url('img/site/como-funciona_logo.png'); ?>" alt="Como Funciona" class="como-funciona__logo">
        <h2 class="como-funciona__como">como</h2>
        <h2 class="como-funciona__funciona">funciona</h2>
        <div class="flex-container">
            <div class="como-funciona__item">
                <img src="img/site/vinho-grey-icon.png" alt="Icone Cinza Vinho" class="imagem">
                <h2 class="title">Um por dia</h2>
                <p class="description">
                    A cada dia oferecemos um vinho por um preço super especial (em 99% dos casos é o melhor preço que você irá encontrar no mercado online).
                </p>
            </div>
            <div class="como-funciona__item">
                <img src="img/site/adega-grey-icon.png" alt="Icone Cinza Adega" class="imagem">
                <h2 class="title">Adega Virtual</h2>
                <p class="description">
                    Todas as compras que você realiza na VinumDay são enviadas para a sua adega virtual. Esse sistema exclusivo lhe permite acumular compras feitas em datas diferentes para obter frete reduzido ou gratuito.
                </p>
            </div>
            <div class="como-funciona__item">
                <img src="img/site/frete-grey-icon.png" alt="Icone Cinza Frete" class="imagem">
                <h2 class="title">Frete Grátis</h2>
                <p class="description">
                    Ao acumular compras na adega virtual acima de um determinado valor (que
varia de R$ 400 a R$ 800 - dependendo da sua região) você pode solicitar a entrega com frete
gratuito.
                </p>
            </div>
            <div class="como-funciona__item">
                <img src="img/site/cartoes-grey-icon.png" alt="Icone Cinza Cartoes" class="imagem">
                <h2 class="title">Pagamento</h2>
                <p class="description">
                    O pagamento pode ser realizado através de cartão de crédito ou então via
depósito bancário/DOC/TED.
                </p>
            </div>
        </div>
    </div>
</section>

<?php if(isset($clienteLogado) && isset($cupomIndicacao->codigo)): ?>
    <script type="text/javascript">
        $(document).on('ready', function(){
            $("#share").jsSocials({
                shares: ["whatsapp", "facebook", "email", "twitter"],
                showLabel: false,
                showCount: false,
                url: "<?php echo url("/cadastro-indicacao/".$clienteLogado->codigo_cliente)?>",
                text: "Cadastre-se através deste link e ganhe um cupom de R$ <?php echo e(str_replace('.', ',', $cupomIndicacao->valor_desconto)); ?> de desconto na VinumDay."
            });
            // const shareButton = document.querySelector('.indicar');
            
            /*
            shareButton.addEventListener('click', event => {
                if (navigator.share) {
                    $('#share').hide();
                    $('.infique button').removeClass('hidden');

                    navigator.share({
                        title: 'Cadastre-se através deste link e ganhe um cupom de R$ <?php echo e(str_replace('.', ',', $cupomIndicacao->valor_desconto)); ?> de desconto na VinumDay.',
                        url: '<?php echo url("/cadastro-indicacao/".$clienteLogado->codigo_cliente)?>'
                    }).then(() => {
                    })
                    .catch(console.error);
                }
            });
            */
        });
    </script>

<div class="indique">
        <div class="container">
            <div class="bloco">
                <!-- <img src="img/site/selo.png" alt="Indique a VinumDay"> -->
                <div class="selo-valor-cupom">
                    <div class="texto-indica">
                        <img src="img/site/selo_indica2.png" />
                    </div>

                    <?php if($cupomIndicacao): ?>
                        <?php 
                            $partes = explode(".", $cupomIndicacao->valor_desconto);    
                         ?>
                        <div class="valor-cupom-selo">R$  <?php echo e($partes[0]); ?></div>
                    <?php endif; ?>

                    <div class="texto-ganha">
                        <img src="img/site/selo_indica1.png" />
                    </div>
                </div>

                <div class="content">
                    <h4>R$ <?php echo e($partes[0]); ?> em sua próxima compra</h4>
                    <p>Indique um amigo! Ele ganha R$ <?php echo e($partes[0]); ?> de crédito ao se cadastrar e quando fizer a primeira compra você também ganha os mesmos R$ <?php echo e($partes[0]); ?></p>
                    <!-- <div id="share"></div>
                    <button class="indicar hidden">Compartilhar</button> -->

                    <div class="wrapper-btn-indicacao">
                        <button class="btn-copiar-codigo btn-copy-indicacao2" type="button">Copiar link de indicação</button>
                    </div>
                </div>

                <script>
                    $(document).on('ready', function(){
                        $(document).on('click', '.btn-copy-indicacao2', function(){
                            let text = $('#indicacao_code').text();

                            try {
                                navigator.clipboard.writeText(text);
                                alertUtil.alertSuccess('Link copiado com sucesso');
                            } catch (err) {
                                console.error('Failed to copy: ', err);
                            }
                        })
                    });
                </script>
            </div>
        </div>
    </div>
<?php endif; ?>
<?php if($oferta_semana && $oferta_semana->estoque > 0): ?>
<?php
    $vinho_semana = $oferta_semana->produtos[0]->produto;
    $imgFundo     = (isset($oferta_semana->tema) && $oferta_semana->tema) ? config('filesystems.path') . "/tema/{$oferta_semana->tema->thumbnail_principal}" : url('img/site/banner.jpg');
?>
<style type="text/css">
    .vinho-semana .foto{
        background-image: url('<?php echo $imgFundo; ?>')
    }
</style>
<h2 class="oferta-semana-title-home">VEJA TAMBÉM A <b>OFERTA DA SEMANA</b></h2>
<div class="vinho-semana premios-bloco">
    <div class="container">
        <div class="bloco">
            <div class="foto">
                <a href="<?php echo e(url('oferta-semana')); ?>">
                    <!-- classe quant-X, onde X = quantidade de selos, limite de 5 -->
                    <div class="premios quant-5 animated fadeInDown">
                        <img src="img/site/premio.png" alt="Premio">
                        <img src="img/site/premio.png" alt="Premio">
                        <img src="img/site/premio.png" alt="Premio">
                        <img src="img/site/premio.png" alt="Premio">
                        <img src="img/site/premio.png" alt="Premio">
                    </div>
                    <img src="<?php echo $oferta_semana->thumbnail_principal; ?>" alt="<?php echo $oferta_semana->titulo; ?>">
                </a>
            </div>
            <div class="content">
                <?php if(isset($valido_adega_virada_semana) && $valido_adega_virada_semana): ?>
                    <img src="/img/site/selo-adega-virada.svg" style="width: 160px; margin-bottom: 12px;" />
                <?php endif; ?>
                <h3><a href="<?php echo e(url('oferta-semana')); ?>"><?php echo $oferta_semana->titulo; ?></a></h3>
                <h4><?php echo $oferta_semana->sub_titulo; ?></h4>

                <p><?php echo formata_tags_texto($oferta_semana->texto); ?></p>
                <a href="<?php echo e(url('oferta-semana')); ?>" class="leia-mais">Leia mais</a>

                <div class="flex-content">
                    <div class="price">
                        <span class="apenas">Apenas</span>
                        <span>R$ <?php echo number_format($oferta_semana->preco_oferta,2,',','.'); ?></span>
                    </div>

                    <button class="comprar-semana">Adicionar ao carrinho</button>

                    <div class="atributos hidden">
                        <div class="flex-between itens-vinho" style="padding-top: 40px;">
                            <div class="origem__item">
                                <img src="<?php echo e(config('filesystems.path') . '/tipo-de-produto/' . $vinho_semana->tipo->thumbnail_principal); ?>" width="40" height="40" alt="<?php echo $vinho_semana->tipo->nome; ?>">
                                <div class="texto">
                                    <p class="title">Tipo</p>
                                    <p class="subtitle"><?php echo $vinho_semana->tipo->nome; ?></p>
                                </div>
                            </div>

                            <?php if($vinho_semana->paisOrigem){ ?>
                                <div class="origem__item">
                                    <img src="uploads/pais/<?php echo $vinho_semana->paisOrigem->thumbnail_principal; ?>" alt="<?php echo $vinho_semana->paisOrigem->nome; ?>">
                                    <div class="texto">
                                        <p class="title">País</p>
                                        <p class="subtitle"><?php echo $vinho_semana->paisOrigem->nome; ?></p>
                                    </div>
                                </div>
                            <?php } ?>
                            <div class="separador"></div>
                            <div class="origem__item">
                                <img src="img/site/safra.svg" alt="Safra">
                                <div class="texto">
                                    <p class="title">Safra</p>
                                    <p class="subtitle"><?php echo $vinho_semana->caracteristicas->safra; ?></p>
                                </div>
                            </div>
                            <div class="origem__item">
                                <img src="img/site/teor.svg" alt="Teor Alcoólico">
                                <div class="texto">
                                    <p class="title">Teor</p>
                                    <p class="subtitle"><?php echo $vinho_semana->caracteristicas->teor_alcoolico; ?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> 
<?php endif; ?>


<?php if($oferta_relampago && isset($oferta_relampago->slug)): ?>
<div class="oferta-relampago-main hide-mobile">
    <h2 class="oferta-semana-title-home">VEJA TAMBÉM A <b>ADEGA RELÂMPAGO</b></h2>
    <div class="oferta-relampago-banner" style="background-image: url('img/bg-relampago.png')">
        <div class="oferta-relampago-img">
            <a href="/adega-relampago">
               <img src="<?php echo e($oferta_relampago->thumbnail_principal); ?>" />
            </a>
        </div>

        <div class="oferta-relampago-info">
            <div>
                <div class="oferta-relampago-contagem">
                    <div class="oferta-relampago-icon-text">
                        <div class="hide-mobile">
                            <img class="img-relogio-relampago" src="img/relogio-icon.png" />
                        </div>

                        <div>
                            Encerra em:
                        </div>
                    </div>
                

                    <div class="oferta-relampago-timer">
                        <div class="oferta-relampago-timer-item">
                            <div class="oferta-relampago-timer-hora-1">0</div>
                            <div class="oferta-relampago-timer-hora-2">0</div>
                        </div>

                        <div class="oferta-relampago-timer-pontos">:</div>
                                    
                        <div class="oferta-relampago-timer-item">
                            <div class="oferta-relampago-timer-minuto-1">0</div>
                            <div class="oferta-relampago-timer-minuto-2">0</div>
                        </div>

                        <div class="oferta-relampago-timer-pontos">:</div>

                        <div class="oferta-relampago-timer-item">
                            <div class="oferta-relampago-timer-segundo-1">0</div>
                            <div class="oferta-relampago-timer-segundo-2">0</div>
                        </div>
                    </div>
                </div>

                <div class="oferta-relampago-valores">
                    <div class="oferta-relampago-valor-riscado">
                        <span>R$ <?php echo e(str_replace('.', ',', $oferta_relampago->preco_mercado)); ?></span>
                    </div>
                    
                    <div class="oferta-relampago-valor">
                        
                        <span>R$ <?php echo e(str_replace('.', ',', $oferta_relampago->preco_oferta)); ?></span>
                    </div>
                </div>
                <div class="oferta-relampago-economia">Você economiza <span>R$ <?php echo e(str_replace('.', ',', $oferta_relampago->preco_mercado - $oferta_relampago->preco_oferta)); ?></span></div>

                <button class="btn-comprar oferta-relampago-btn" data-versao="op2">ADICIONAR</button>

                <!-- <div class="oferta-relampago-frete-texto">
                    <span>Frete grátis</span> região sul e sudeste
                </div> -->

            </div>
        </div>
    </div>
</div>



<div class="oferta-relampago-main hide-desktop">
    <h2 class="oferta-semana-title-home">VEJA TAMBÉM A <b>ADEGA RELÂMPAGO</b></h2>

    <div class="oferta-relampago-banner">
        <div class="oferta-relampago-img">
            <div class="bg-img-relampago" style="background-image: url('img/bg-relampago.png')">>
            <a href="/oferta/<?php echo e($oferta_relampago->slug); ?>">
                <img src="<?php echo e($oferta_relampago->thumbnail_principal); ?>" />
            </a>
            </div>
        </div>

        <div class="oferta-relampago-info">
            <div>
                <div class="oferta-relampago-valor-riscado">
					<h5>R$ <?php echo e(str_replace('.', ',', $oferta_relampago->preco_mercado)); ?></h5> <span>R$ <?php echo e(str_replace('.', ',', $oferta_relampago->preco_mercado - $oferta_relampago->preco_oferta)); ?> OFF</span>
				</div>
				<div class="oferta-relampago-valor">
					<span>R$ <?php echo e(str_replace('.', ',', $oferta_relampago->preco_oferta)); ?></span>
				</div>

                <button type="button" class="btn-comprar oferta-relampago-btn">ADICIONAR AO CARRINHO</button>

                <!-- <div class="oferta-relampago-frete-texto">
                    <span>Frete grátis</span> região sul e sudeste
                </div> -->

                <div class="oferta-relampago-divider"></div>
            
                <div class="oferta-relampago-contador">
                    <div>
                        <div class="text-encerra">Encerra em:</div>

                        <div class="oferta-relampago-timer">
                            <div class="oferta-relampago-timer-item">
                                    <div class="oferta-relampago-timer-hora-1">0</div>
                                    <div class="oferta-relampago-timer-hora-2">0</div>
                                </div>

                                <div class="oferta-relampago-timer-pontos">:</div>
                                            
                                <div class="oferta-relampago-timer-item">
                                    <div class="oferta-relampago-timer-minuto-1">0</div>
                                    <div class="oferta-relampago-timer-minuto-2">0</div>
                                </div>

                                <div class="oferta-relampago-timer-pontos">:</div>

                                <div class="oferta-relampago-timer-item">
                                    <div class="oferta-relampago-timer-segundo-1">0</div>
                                    <div class="oferta-relampago-timer-segundo-2">0</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<script>
    $(document).on('ready', function(){

        // timer countdown

        let dataFinal = "<?php echo e($oferta_relampago->data_fim); ?>";
        dataFinal = new Date(dataFinal.replace(/-/g, "/"));

        $('.oferta-relampago-timer').countdown(dataFinal, function (event){
            $('.oferta-relampago-timer-hora-1').text(event.strftime('%I').slice(0, -1));
            $('.oferta-relampago-timer-hora-2').text(event.strftime('%I').slice(1));

            $('.oferta-relampago-timer-minuto-1').text(event.strftime('%M').slice(0, -1));
            $('.oferta-relampago-timer-minuto-2').text(event.strftime('%M').slice(1));

            $('.oferta-relampago-timer-segundo-1').text(event.strftime('%S').slice(0, -1));
            $('.oferta-relampago-timer-segundo-2').text(event.strftime('%S').slice(1));
        });


        $('.oferta-relampago-btn').click(function(){
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url:'/add-oferta-relampago',
                type:'POST',
                data:{
                    quantidade: 1,
                    id_oferta_relampago: "<?php echo e($oferta_relampago->id_oferta); ?>",
                },
                beforeSend:function(){
                    $('.carregando').fadeIn();
                },
                success:function(data){
                    if(data.status){
                        window.location.href = "/checkout";
                    }else{
                        alertUtil.alertError(data.message);
                        $('.carregando').fadeOut();
                    }

                }
            });
        });

    });
</script>

<?php endif; ?>



<?php if($canaisLiberados && count($listaCanais) > 0 && !isset($oferta_relampago->slug)): ?>
    <!--<section class="canais">
        <div class="container">
            <?php if(isset($ofertasRelacionadas) && isset($canaisLiberados)): ?>
                <div class="canais__border"></div>
            <?php endif; ?>
            <div class="flex-container">
                <?php foreach ($listaCanais as $canal): ?>
                    <?php if(isset($canal->exibir_bloco_home) && !$canal->exibir_bloco_home){ continue; }?>
                    <?php $tipoCanal = tipo_canal($canal->tipo); ?>
                    <div class="canais__item" style="width:calc(100% / <?php echo count($listaCanais); ?>)">
                        <div class="overlay">
                            <h2 class="white"><?php echo $canal->nome; ?></h2>
                            <h2 class="white"><?php echo $canal->subtitulo; ?></h2>
                            <p><?php echo $canal->chamada_canal; ?></p>
                            <a href="<?php echo url($tipoCanal.'/'.$canal->slug); ?>">Quero Ver!</a>
                        </div>
                        <img src="<?php echo config('filesystems.path') . "/canal/{$canal->thumbnail_principal}"; ?>" alt="<?php echo $canal->nome; ?>">
                    </div>
                <?php endforeach ?>
            </div>
        </div>
    </section>-->

<div class="canais-new">
    <h2>Veja <strong>também</strong></h2>
    
    <div class="box-new">
        <div class="content-canais-new">
            <!-- LIMITE DE 5 CANAIS ATIVOS POR VEZ -->
            <?php $__currentLoopData = $listaCanais; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $canal): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <?php if(isset($canal->exibir_bloco_home) && !$canal->exibir_bloco_home){ continue; }?>
            <div class="canal-item-new">
                <figure>
                    <a href="<?php echo url(tipo_canal($canal->tipo).'/'.$canal->slug) . ($canal->tipo == 'CR' ? '/pais' : ''); ?>" title="<?php echo e($canal->nome); ?> <?php echo e($canal->subtitulo); ?>">
                        <img src="<?php echo config('filesystems.path') . "/canal/{$canal->thumbnail_principal}"; ?>" alt="<?php echo e($canal->nome); ?> <?php echo e($canal->subtitulo); ?>">
                    </a>
                </figure>
                <div class="content-new">
                    <div class="texts-new">
                        <a href="<?php echo url(tipo_canal($canal->tipo).'/'.$canal->slug) . ($canal->tipo == 'CR' ? '/pais' : ''); ?>" title="<?php echo e($canal->nome); ?> <?php echo e($canal->subtitulo); ?>">
                            <h3><?php echo e($canal->nome); ?> <?php echo e($canal->subtitulo); ?></h3>
                        </a>
                        <p><?php echo e($canal->chamada_canal); ?></p>
                    </div>
                    <a href="<?php echo url(tipo_canal($canal->tipo).'/'.$canal->slug) . ($canal->tipo == 'CR' ? '/pais' : ''); ?>" class="btn-style action">Quero ver</a>
                </div>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</div>

<?php endif; ?>

<?php echo $__env->make('oferta._ofertas-relacionadas', ['ofertasRelacionadas' => $ofertasRelacionadas, 'canaisLiberados' => $canaisLiberados], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>


<?php if($oferta_confraria && isset($oferta_confraria->slug)): ?>
    <div class="home-block-conf">
        <div class="container">
            <div class="flex-block-conf">
                <div class="left-block-conf">
                    <span class="conheca-span">Conheça a</span>
                    <h3>CONFRARIA</h3>
                    <img src="/img/site/home-conf-logo.svg" alt="Confraria VinumDay" class="logo-block-conf">

                        <p>Na Vinumday os confrades participam de graça, ganham bônus, cashback <strong>de até 5%</strong> em todas as compras. <i class="conf-info"><img src="/img/site/conf-info.svg"> 
                            <span>
                                Acompanhe as regras do Cashback <?php if(isset($oferta_kit_confraria)): ?>e para bonificação do Kit degustação <?php endif; ?> em <a style="color: #e0583f; font-weight: bold;" href="<?php echo e(url('/confraria#faq')); ?>">Perguntas Frequentes</a>
                            </span>
                            </i>
                        </p>

                    <?php if(isset($clienteLogado) && $confraria != false): ?>
                        <a href="/confraria/home" class="btn-action">ACESSAR MINHA CONFRARIA</a>
                    <?php else: ?>
                        <a href="/confraria/" class="btn-action">SAIBA MAIS</a>
                    <?php endif; ?>
                </div>

                <div class="right-block-conf">
                    <a href="<?php echo e(url('/oferta/' . $oferta_confraria->slug)); ?>"><img src="<?php echo e($oferta_confraria->thumbnail_principal); ?>" class="img-outside-conf" alt="<?php echo e($oferta_confraria->titulo); ?> <?php echo e($oferta_confraria->sub_titulo); ?>"></a>
                    <div class="top-right-conf" style="background-image: url('<?php echo e((isset($oferta_confraria->tema) && $oferta_confraria->tema) ? config('filesystems.path') . '/tema/' . $oferta_confraria->tema->thumbnail_principal : '/img/site/conf-home-banner.png'); ?>');"></div>

                    <div class="content-right-conf">
                        <strong class="tag-conf">Coleção de <?php echo e(strftime('%B', strtotime( $oferta_confraria->data ))); ?></strong>

                        <a href="<?php echo e(url('/oferta/' . $oferta_confraria->slug)); ?>">
                            <h4><?php echo e($oferta_confraria->titulo); ?></h4>
                            <h5><?php echo e($oferta_confraria->sub_titulo); ?></h5>
                        </a>

                        <div class="price-conf-right">
                            <div class="top-price-conf">
                                <!-- <span>de R$ <?php echo e(number_format($oferta_confraria->preco_mercado, 2, ',', '.')); ?></span> -->
                                <!-- <strong><?php echo e(floor($oferta_confraria->percentual_desconto)); ?>% OFF</strong> -->

                                <?php 
                                    $partesStr = explode(".", $oferta_confraria->preco_oferta);
                                    $strPreco1 = trim($partesStr[0]);
                                    $strPreco2 = trim($partesStr[1]);
                                 ?>
                            </div>
                            <span class="price-text-conf">R$ <strong><?php echo e($strPreco1); ?></strong>,<?php echo e($strPreco2); ?></span>
                            <a href="<?php echo e(url('/oferta/' . $oferta_confraria->slug)); ?>" class="btn-action">CONHEÇA</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php endif; ?>

<?php if($vinumwear): ?>
    <script type="text/javascript">
        $(document).on('ready', function(){
            var owl = $('.slide-shirts');
            owl.owlCarousel({
                nav: true,
                margin: 20,
                responsive: {
                    0: {
                        items: 1,
                        loop: true,
                        center: true,
                        stagePadding: 76,
                    },
                    350: {
                        loop: true,
                        center: true,
                        items: 1,
                        stagePadding: 104,
                    },
                    400: {
                        loop: true,
                        center: true,
                        items: 1,
                        stagePadding: 122,
                    },
                    992: {
                        stagePadding: 75,
                        loop: false,
                        center: false,
                        items: 3,
                    },
                    1500: {
                        items: 4,
                    }
                }
            });
        });
    </script>
    <section class="wear-home">
        <div class="container">
            <div class="caixa">
                <h3>VinumWear</h3>
                <p>Confira nossa linha de camisetas personalizadas para você aproveitar ou presentear alguém querido.</p>
                <a class="btn-wear" href="<?php echo e($vinumwear->url); ?>">Ver todas</a>
            </div>
        </div>

        <div class="slider-box">
            <div class="slide-shirts owl-carousel owl-theme">
                <?php $__currentLoopData = $vinumwear->ofertas; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="shirt">
                        <div class="inner-box">
                            <?php if($item->percentual_desconto): ?>
                                <span class="ribbon oferta-premium">
                                    <span><?php echo e((int)$item->percentual_desconto); ?>% OFF</span>
                                </span>
                            <?php endif; ?>
                            <a class="overlay" href="<?php echo e(url('oferta/'.$item->slug)); ?>" title="<?php echo e($item->titulo); ?> <?php echo e($item->sub_titulo); ?>">
                                <span class="btn-comprar">Comprar</span>
                            </a>
                            <a href="<?php echo e(url('oferta/'.$item->slug)); ?>" title="<?php echo e($item->titulo); ?> <?php echo e($item->sub_titulo); ?>">
                                <figure>
                                    <img src="<?php echo e($item->thumbnail_principal); ?>" alt="<?php echo e($item->titulo); ?> <?php echo e($item->sub_titulo); ?>">
                                </figure>
                                <span class="titulo"><?php echo e($item->titulo); ?> <?php echo e($item->sub_titulo); ?></span>

                                <div class="prices">
                                    <?php if($item->preco_mercado): ?>
                                        <span class="price-old">R$ <?php echo e(number_format($item->preco_mercado, 2, ',', '.')); ?></span>
                                    <?php endif; ?>
                                    <span class="price-new">R$ <?php echo e(number_format($item->preco_oferta, 2, ',', '.')); ?></span>
                                </div>
                            </a>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </section>
<?php endif; ?>

<?php if(isset($oferta_solidaria) && $oferta_solidaria && isset($oferta_solidaria->instituicao)): ?>
<div class="oferta-solidaria">
    <div class="container">
        <h3>Oferta Solidária <img src="img/site/solidaria.svg" alt="Oferta solidária"></h3>

        <div class="box">
            <div class="topo-solidaria">
                <img src="img/site/maos-solidarias.svg" alt="Oferta solidária">
                <p>Refletindo sobre como a VinumDay poderia fazer a sua parte para ajudar causas nobres - em especial aquelas mais afetadas pela pandemia - decidimos criar um novo tipo de oferta. A cada mês traremos um rótulo selecionado pela nossa curadoria, cujo lucro das vendas será integralmente destinado para uma ou mais instituições sociais.</p>
            </div>

            <div class="cont-solidaria">
                <div class="l-sol">
                    <figure>
                        <img src="<?php echo (isset($oferta_solidaria->instituicao) && $oferta_solidaria->instituicao->thumbnail_principal != '') ? get_file_s3($oferta_solidaria->instituicao->thumbnail_principal, 'instituicao') : 'http://placehold.it/100x100'; ?>" alt="<?php echo e($oferta_solidaria->instituicao->nome); ?>">
                    </figure>
                    <h4 class="inst-title"><?php echo e($oferta_solidaria->instituicao->nome); ?></h4>
                    <div class="resumo-texto">
                        <p><?php echo strip_tags($oferta_solidaria->instituicao->resumo, '<strong>'); ?></p>
                    </div>
                </div>

                <div class="r-sol">
                    <a href="<?php echo e(url('oferta-solidaria')); ?>" title="<?php echo $oferta_solidaria->titulo; ?>">
                        <img src="<?php echo $oferta_solidaria->thumbnail_principal; ?>" alt="<?php echo $oferta_solidaria->titulo; ?>">
                    </a>
                    <div class="cont-rsol">
                        <span class="tit1"><?php echo e($oferta_solidaria->titulo); ?></span>
                        <span class="tit2"><?php echo e($oferta_solidaria->sub_titulo); ?></span>
                        <div class="resumo-texto">
                            <p><?php echo strip_tags($oferta_solidaria->resumo_texto, '<strong>'); ?></p>
                        </div>
                        <a href="<?php echo e(url('oferta-solidaria')); ?>" class="leia-mais">Leia mais</a>

                        <div class="prices-box">
                            <div class="texts">
                                <?php 
                                $preco_oferta_solidaria = number_format($oferta_solidaria->preco_oferta,2,',','.');
                                $preco_oferta_solidaria = explode(",", $preco_oferta_solidaria);
                                ?>
                                <span class="psol">R$ <strong><?php echo e($preco_oferta_solidaria[0]); ?></strong>,<?php echo e($preco_oferta_solidaria[1]); ?></span>
                            </div>
                            <a href="javascript:void(0)" class="btn-comprar comprar-solidaria" data-oferta="<?php echo e($oferta_solidaria->id); ?>">Compre e ajude</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php endif; ?>

<section class="quem-passou-aqui">
    <?php echo $htmlPassouAqui; ?>
</section>
    
    <script type="text/javascript">
        $(document).on('ready', function(){
            $(".divida").jsSocials({
                shares: ["whatsapp", "facebook", "email", "twitter"],
                showLabel: false,
                showCount: false,
                url: "<?php echo url("/")?>",
                text: "VinumDay - A cada taça uma nova descoberta."
            });
        });
    </script>
    <section class="banner-dinamico_v2 hide-mobile">
        <div class="banner_square">
            <div class="square_content_p1">
                <img class="banner-dinamico__logo" src="img/site/Compartilhe/compartilhe_icon.png" alt="" >
                <h2 class="banner-dinamico__title">
                    Os melhores <b>vinhos</b> são aqueles <b>divididos</b> com os amigos. 
                </h2>
            </div>
            <div class="square_content_p2">
                <h3>Compartilhe com eles</h3>
                <div class="divida"></div>
            </div>
        </div>
    </section>

    <script>

        $(document).ready(function(){
            var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
            if (!isMobile) {
                console.log('não é mobile');
                setInterval(function () {
                    // $('.jssocials-share.jssocials-share-whatsapp a').attr('href', 'https://api.whatsapp.com/send/?text=VinumDay - A cada taça uma nova descoberta.');
                    $('.jssocials-share.jssocials-share-whatsapp a').attr('target', '_blank');
                }, 2000);
            }
        });

        $(document).on('click', '.fixed-buy .add-cart-mob', function(){
            $([document.documentElement, document.body]).animate({
                scrollTop: 350
            }, 0);
            $(".op2 .add-oferta-dia").click();
            ga('send', {
                hitType: 'event',
                eventCategory: 'AddCart',
                eventAction: 'click',
                eventLabel: 'fixed'
            });
        });

        $('.comprar-solidaria').click(function(){
            
            var id = $(this).data('oferta');

            $('.comprar-solidaria').attr('disabled', true);
            
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url:'/add-oferta-cart',
                type:'POST',
                data:{
                    oferta_id: id,
                    quantidade: 1
                },
                beforeSend:function(){
                    $('.carregando').fadeIn();
                },
                success:function(data){
                    $('.comprar-solidaria').attr('disabled', false);
                    if(data.status){
                        window.location.href = '<?php echo e(url('/checkout')); ?>';
                    }else{
                        alertUtil.alertError(data.message);
                    }
                    $('.carregando').fadeOut();
                }
            });
        });

        $('.comprar-semana').click(function(){
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url:'/add-oferta-semana',
                type:'POST',
                data:{
                    quantidade: 1,
                },
                beforeSend:function(){
                    $('.carregando').fadeIn();
                },
                success:function(data){
                    if(data.status){
                        window.location.href = "/checkout";
                    }else{
                        alertUtil.alertError(data.message);
                        $('.carregando').fadeOut();
                    }

                }
            });
        });


        $('.op2 .add-oferta-dia, .add-oferta-dia-adega').click(function(){
            var ocultar_desconto     = "<?php echo e(request()->query('oc')); ?>";
            var quantidade           = $('.op2 .quantidade_oferta').val();
            var quantidade_by_client = $('#quantidade_oferta_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{
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url:'/add-oferta-dia',
                    type:'POST',
                    data:{
                        quantidade: quantidade,
                        ocultar_desconto: ocultar_desconto
                    },
                    beforeSend:function(){
                        $('.carregando').fadeIn();
                    },
                    success:function(data){
                        if(data.status){
                            window.location.href = "/checkout";
                        }else{
                            alertUtil.alertError(data.message);
                            $('.carregando').fadeOut();
                        }

                    }
                });
            }
        });

    </script>
    <?php if($cadastroSuccess){ ?>
        <script>
            $(document).ready(function(){
                alertUtil.alertSuccess('Cadastro realizado com sucesso!');
            });
        </script>
        <script>
        fbq('track', 'CompleteRegistration');
        </script>
    <?php } ?>

    <?php if($htmlMailchimpCadastro){ echo $htmlMailchimpCadastro; } ?>

    <?php if(isset($oferta) && $oferta != '' && $oferta->estoque > 0): ?>
    <div class="fixed-buy">
        <div class="price-content">
            <?php if($oferta->preco_mercado != $oferta->preco_oferta):?>
                <span class="prom">R$ <?php echo number_format($oferta->preco_mercado,2,',','.'); ?></span>
                <b class="tag"><?php echo number_format($oferta->percentual_desconto,0); ?>% OFF</b>
            <?php endif; ?>
            <span class="preco">R$ <?php echo number_format($oferta->preco_oferta,2,',','.'); ?></span>
        </div>
        <button class="add-cart-mob">Adicionar</button>
    </div>

    <section class="buy_fixed_desk hide-mobile">
        <script type="text/javascript">
            $(document).on('ready', function(){
                $('body').addClass('buy_fixed_desk_active')
                $('.buy_fixed_desk .btn-comprar').click(function(){
                    var quantidade           = $('.buy_fixed_desk .quantidade_oferta').val();
                    var quantidade_by_client = $('#quantidade_oferta_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{
                        $.ajax({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url:'/add-oferta-dia',
                            type:'POST',
                            data:{
                                quantidade: quantidade,
                            },
                            beforeSend:function(){
                                $('.carregando').fadeIn();
                            },
                            success:function(data){
                                if(data.status){
                                    window.location.href = "/checkout";
                                }else{
                                    alertUtil.alertError(data.message);
                                    $('.carregando').fadeOut();
                                }

                            }
                        });
                    }
                });
            });
        </script>
        <div class="container flex">
            <div class="info_title">
                <?php if($oferta->data): ?>
                    <h5 class="data"><?php echo date('j',strtotime($oferta->data)); ?>/<?php echo strftime('%b',strtotime($oferta->data)); ?></h5>
                <?php endif; ?>
                <h3 class="wine_title"><?php echo $oferta->titulo; ?></h3>
                <h4 class="wine_subtitle"><?php echo $oferta->sub_titulo; ?></h4>
            </div>
            <div class="info_price_buttons">
                <div class="info_price">
                    <div class="discount">
                        <?php if($oferta->preco_mercado != $oferta->preco_oferta):?>
                            <h4 class="old_price">R$ <?php echo number_format($oferta->preco_mercado,2,',','.'); ?></h4>
                            <div class="percent_off">
                                <h4 class="off_title .big"><?php echo number_format($oferta->percentual_desconto,0); ?>%</h4>
                                <h5 class="off_title .small">OFF</h5>
                            </div>
                        <?php endif; ?>
                    </div>
                    <h3 class="new_price">R$ <?php echo number_format($oferta->preco_oferta,2,',','.'); ?></h3>
                </div>
                <div class="info_buttons">
                    <div class="button_amount">
                        <select class="quantidade_oferta">
                            <option value="1" selected>1</option>
                            <?php if(isset($oferta->quantidade_maxima_por_cliente)): ?>
                                <?php for($i = 2; $i <= $oferta->quantidade_maxima_por_cliente; $i++): ?>
                                    <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                                <?php endfor; ?>
                            <?php else: ?>
                                <?php for($a = 2; $a <= 10; $a++): ?>
                                    <option value="<?php echo $a; ?>"><?php echo $a; ?></option>
                                <?php endfor; ?>
                            <?php endif; ?>
                        </select>
                    </div>
                    <div class="button_add">
                        <button class="btn-comprar add-oferta-dia" data-versao="op2">ADICIONAR</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <?php endif; ?>

<?php $__env->stopSection(); ?>

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