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

<script type="text/javascript">
    $('body').addClass('vinumteca-pdp-body');

    $(document).on('ready', function(){
        $('body').addClass('vinumteca-pdp-body');

        $(document).on('click', '.vinho-flutuante .top', function(){
            $(this).siblings('.bottom').slideToggle({
                start: function() {
                    jQuery(this).css('display','flex');
                }
            });
            $(this).closest('.vinho-flutuante').toggleClass('active');
        });

        $(document).on('click', '.header-vinumteca .search', function(){
            $('body').addClass('search-active');
        });

        $(document).on('click', '.header-vinumteca .close-hd-icon', function(){
            $('body').removeClass('search-active');
        });

        $("#share").jsSocials({
            shares: ["whatsapp", "facebook", "email", "twitter"],
            showLabel: false,
            showCount: false,
            url: "<?php echo (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>",
            text: "<?php echo $noticia->nome; ?>"
        });
    });
</script>

<section class="header-vinumteca">
    <div class="container">
        <div class="cont-teca">
            <div class="left">
                <div class="menu-hd" open-main-menu>
                    <i class="fa fa-bars fa-fw"></i>
                    <span>Menu</span>
                </div>
                <a href="<?php echo url('vinumteca'); ?>">
                    <img src="img/site/logo-vinumteca.png" alt="Vinumteca" title="Vinumteca">
                </a>
                <div class="search hidden-desktop">
                    <i class="fa fa-search fa-fw"></i>
                </div>
            </div>

            <div class="right">

                <a class="acessar" href="<?php echo url('/'); ?>"><img src="img/site/cart-hd.png" alt="Vinumteca"> Acessar a loja</a>

                <div class="lista-cat">
                    <span>Categorias <i class="fa fa-caret-down"></i></span>

                    <ul class="drop-cat">
                        <?php $__currentLoopData = $listaCategoriasMenu; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $categoria): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <li>
                            <a href="<?php echo e(url('/vinumteca/categoria/' . $categoria->slug)); ?>"><?php echo e($categoria->titulo); ?></a>
                        </li>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </ul>
                </div>

                <form action="<?php echo url('vinumteca/busca'); ?>">
                    <input type="text" class="search-hd" name="busca" placeholder="Faça sua busca">
                    <button type="submit" class="search-hd-icon"></button>
                    <button type="button" class="close-hd-icon hidden-desktop"><i class="fa fa-close"></i></button>
                </form>
            </div>
        </div>
    </div>
</section>

 <section class="blog">
        <div class="container">
            <div class="blog-noticias">
                <div class="noticia-detalhe">
                    <?php if(isset($noticia)): ?>
                    <h2 class="noticia-detalhe__titulo"><?php echo $noticia->nome; ?></h2>
                    <?php setlocale(LC_TIME, 'pt_BR', 'pt_BR.utf-8', 'pt_BR.utf-8', 'portuguese');
                    date_default_timezone_set('America/Sao_Paulo');
                    ?>
                    <p class="item-data"><?php echo strftime('%d de %B - %Y', strtotime($noticia->data)); ?></p>

                    <div class="noticia-detalhe__image">
                        <img src="<?php echo config('filesystems.path') . "/noticia/{$noticia->thumbnail_principal}"; ?>" alt="<?php echo e($noticia->nome); ?>">
                    </div>
                    
                    <div class="noticia-detalhe__descricao">
                        <?php echo nl2br($noticia->descricao); ?>
                    </div>
                    <?php endif; ?>
                </div>
                <div class="clear"></div>
            </div>
            
            <div class="clear"></div>
        </div>
    </section>

    <div class="compartilhe">
        <span>Compartilhe:</span>
        <div id="share"></div>
    </div>

    <div class="relacionados">
        <div class="container">
            <h3>VEJA TAMBÉM:</h3>

            <div class="posts">
                <?php $__currentLoopData = $listaNoticias; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $noticia): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="post">
                    <a href="<?php echo url('vinumteca/detalhe/'.$noticia->slug); ?>" title="<?php echo e($noticia->nome); ?>">
                        <figure>
                            <img src="<?php echo !empty($noticia->thumbnail_principal) ? config('filesystems.path') . "/noticia/{$noticia->thumbnail_principal}" : "//placehold.it/362x198"; ?>" alt="<?php echo e($noticia->nome); ?>">
                        </figure>
                        <h4><?php echo e($noticia->nome); ?></h4>
                        <div class="descricao">
                            <?php echo strip_tags ($noticia->descricao); ?>
                        </div>
                    </a>
                </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </div>

    <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($oferta_dia && $oferta_dia->estoque > 0): ?>
    <div class="vinho-flutuante">
        <div class="top">
            <div class="left">
                <img src="img/site/vinho-flutuante.png" alt="Vinho do dia">
                <div class="text">
                    <span>Descubra o</span> 
                    <strong>vinho do dia</strong>
                </div>
            </div>
            <div class="top-seta">
                <img src="img/site/top-flutuante.png" alt="Abrir vinho do dia">
            </div>
        </div>
        <div class="bottom">
            <img src="<?php echo e($oferta_dia->thumbnail_principal); ?>" alt="<?php echo e($oferta_dia->titulo); ?>">
            <div class="right">
                <span class="data-flut"><?php echo e(date('j',strtotime($oferta_dia->data))); ?>/<?php echo e(strftime('%b',strtotime($oferta_dia->data))); ?></span>
                <h3><?php echo e($oferta_dia->titulo); ?></h3>
                <p><?php echo e($oferta_dia->sub_titulo); ?></p>
                <a href="<?php echo e(url('oferta/'.$oferta_dia->slug)); ?>" class="btn">Saiba mais</a>
            </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 first">CONHEÇA NOSSA <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">
                        <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 $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>

                            <a href="<?php echo e(url('oferta/'.$oferta_semana->slug)); ?>" class="comprar-semana">Saiba mais</a>

                            <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_dia && $oferta_dia->estoque > 0): ?>
        <?php
            $vinho_dia = $oferta_dia->produtos[0]->produto;
            $imgFundo     = (isset($oferta_dia->tema) && $oferta_dia->tema) ? config('filesystems.path') . "/tema/{$oferta_dia->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">CONHEÇA TAMBÉM A <b>OFERTA DO DIA</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_dia->thumbnail_principal; ?>" alt="<?php echo $oferta_dia->titulo; ?>">
                        </a>
                    </div>
                    <div class="content">
                        <h3><a href="<?php echo e(url('oferta-semana')); ?>"><?php echo $oferta_dia->titulo; ?></a></h3>
                        <h4><?php echo $oferta_dia->sub_titulo; ?></h4>

                        <p><?php echo $oferta_dia->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_dia->preco_oferta,2,',','.'); ?></span>
                            </div>

                            <a href="<?php echo e(url('oferta/'.$oferta_dia->slug)); ?>" class="comprar-semana">Saiba mais</a>

                            <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_dia->tipo->thumbnail_principal); ?>" width="40" height="40" alt="<?php echo $vinho_dia->tipo->nome; ?>">
                                        <div class="texto">
                                            <p class="title">Tipo</p>
                                            <p class="subtitle"><?php echo $vinho_dia->tipo->nome; ?></p>
                                        </div>
                                    </div>

                                    <?php if($vinho_dia->paisOrigem){ ?>
                                        <div class="origem__item">
                                            <img src="uploads/pais/<?php echo $vinho_dia->paisOrigem->thumbnail_principal; ?>" alt="<?php echo $vinho_dia->paisOrigem->nome; ?>">
                                            <div class="texto">
                                                <p class="title">País</p>
                                                <p class="subtitle"><?php echo $vinho_dia->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_dia->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_dia->caracteristicas->teor_alcoolico; ?></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    <?php endif; ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.website', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>