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

<script type="text/javascript">

    var lastPage = <?php echo e($lastPage); ?>;

    $('body').addClass('vinumteca-pdp-body list');

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

        $(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');
        });

        $('#lista-posts').infiniteScroll({
            path: function() {
                var pageNumber = this.loadCount + 2;
                if(pageNumber <= lastPage){
                    var url = '/vinumteca/lista?page=' + pageNumber + '&categoria=<?php echo $categoriaPage->id?>';
                    return url;
                }else if(pageNumber == lastPage){
                    var url = '/vinumteca/lista?page=' + lastPage + '&categoria=<?php echo $categoriaPage->id?>';
                    return url;
                }
            },
            append: '.post-item',
            history: true,
            status: '.page-load-status'
        });
    });
</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>

<div class="content-listagem">
    <div class="container">
        <div class="col-posts">

            <div class="last-news">
                <h3><?php echo e($categoriaPage->titulo); ?></h3>
            </div>

            <div id="lista-posts" class="lista-posts">
                <?php $__currentLoopData = $listaNoticias; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $noticia): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="post-item">
                    <div class="left">
                        <h4>
                            <a href="<?php echo url('vinumteca/detalhe/'.$noticia->slug); ?>" title="<?php echo $noticia->nome; ?>"><?php echo $noticia->nome; ?></a>
                        </h4>
                        <p><?php echo strip_tags($noticia->descricao); ?></p>
                        <span><?php echo strftime('%d de %B - %Y', strtotime($noticia->data)); ?></span>
                    </div>
                    <a href="<?php echo url('vinumteca/detalhe/'.$noticia->slug); ?>" title="<?php echo $noticia->nome; ?>">
                        <img src="<?php echo !empty($noticia->thumbnail_principal) ? config('filesystems.path') . "/noticia/{$noticia->thumbnail_principal}" : "//placehold.it/292x160"; ?>" class="img-post" alt="<?php echo $noticia->nome; ?>">
                    </a>
                </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>

            <div class="page-load-status">
                <p class="infinite-scroll-request" style="<?php echo (count($listaNoticias) <= $listaNoticias->total() ? "display: none" : "" )?>"><i class="fa fa-spinner fa-spin"></i> Carregando posts...</p>
                <p class="infinite-scroll-last"><?php echo ($listaNoticias->total() == 0 ? "Nenhum conteúdo disponível no momento!" : "Fim do conteúdo" )?></p>
                <p class="infinite-scroll-error" style="<?php echo (count($listaNoticias) <= $listaNoticias->total() ? "display: none" : "" )?>">Fim do conteúdo</p>
            </div>
        </div>
    </div>
</div>

<?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 date('j',strtotime($oferta_dia->data)); ?>/<?php echo 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; ?>

<script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js"></script>

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