<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>Malaria Bar</title>
    <link href="<?php echo e(asset('assets/css/style.css?v=07122021')); ?>" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <script src="https://kit.fontawesome.com/dd87e83dab.js"></script>
    <meta name="facebook-domain-verification" content="201dzv1xxxhi5c4gbdonjsb7q972kk" />
</head>
<body id="top">
<div class="container">
    <header class="content">
        <div class="cont-logo-menu">
            <div class="logo">
                <a href="#top" class="logo">
                    <img src="img/logo-7.jpg" alt="">
                </a>
            </div>
            <div class="close-mobile-menu close"></div>
            <nav class="burger">
                <span></span>
                <ul class="cont-mobile-menu">
                    <li class="menu-logo">
                        <a href="#top" class="logo">
                            <img src="img/logo-7.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="/menu">Menú</a>
                    </li>
                    <li>
                        <a <?php if($linkReservations): ?> href="<?php echo e($linkReservations->link); ?>" target="_blank" <?php endif; ?>>Reservas</a>
                    </li>
                    <li class="mobile redes-mobile">
                        <a target="_blank" href="https://www.instagram.com/malaria.bar/?hl=es">
                            <i class="fab fa-instagram"></i>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
        <div class="redes">
            <a target="_blank" href="https://www.instagram.com/malaria.bar/?hl=es">
                <i class="fab fa-instagram"></i>
            </a>
        </div>
    </header>

    <section class="hero">
        <video id="presentation" muted playsinline preload="auto" autoplay loop>
            <source src="video/loop.mp4" type="video/mp4">
        </video>
    </section>
    <section class="btns">
        <div class="menu">
            <div class="cont-btn">
                <h2>Comidas y Bebidas</h2>
                <p>Hacé click para ver nuestro menú</p>
                <a href="/menu" class="btn">Ver menú</a>
            </div>
        </div>
        <div href="#" class="reservas">
            <div class="cont-btn">
                <h2>Reservas</h2>
                <p>El acceso a Malaria es por orden de llegada.</p>
                <p>Solo es necesario reservar para grupos de más de 8.</p>
                <a  <?php if($linkReservations): ?> href="<?php echo e($linkReservations->link); ?>" target="_blank" <?php endif; ?> class="btn">Reservá ahora</a>
            </div>
        </div>
    </section>
    <footer class="content">
        <div class="direccion">
            Av. Cramer 2830, Belgrano, CABA
        </div>
        <div class="copyright">
            Todos los derechos reservados
        </div>
    </footer>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="<?php echo e(asset('assets/js/burguer.js?v=234234')); ?>"></script>
<script src="<?php echo e(asset('assets/js/smooth.js')); ?>"></script>
<script src="<?php echo e(asset('assets/js/show.js?v=asdasd')); ?>"></script>



<?php if(request()->get('episodio')): ?>
<script>
    let episode = '<?php echo request()->get('episodio'); ?>';
    let titleEpisode = '<?php echo request()->get('titulo'); ?>';
    $('#containerVideoPreview').css('display', 'none');
    $('#containerVideoCurrent').css('display', 'block');
    $('#episodio').attr('src', 'https://player.vimeo.com/video/'+episode+'?controls=true&playsinline=0&texttrack=none&transparent=true');
    $('#titleEpisode').html(titleEpisode);
    $('.submenu').removeClass('open');
    location.href = '#episodio';
    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
        $('.close-mobile-menu').removeClass('open');
        $('.cont-mobile-menu').removeClass('open');
    }
</script>
<?php endif; ?>
<script>

    $(document).ready(function() {
        if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
            // $('#presentation').attr('src', 'video/loop-web-2.mp4');
            // $('#currentEpisodePreview').attr('src', 'video/serie-vertical.mp4');
        } else {
            // $('#presentation').attr('src', 'video/loop-web-2.mp4');
            // $('#currentEpisodePreview').attr('src', 'video/serie-horizontal.mp4');
        }

        $('#episode').click(function (){
            $('#containerVideoPreview').css('display', 'none');
            $('#containerVideoCurrent').css('display', 'block');
            $('#episodio').attr('src', 'https://player.vimeo.com/video/'+this.target+'?controls=true&playsinline=0&texttrack=none&transparent=true');
            $('#titleEpisode').html(this.title);
            $('.submenu').removeClass('open');
            location.href = '#episodio';
            if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
                $('.close-mobile-menu').removeClass('open');
                $('.cont-mobile-menu').removeClass('open');
            }
        });

        $('#currentEpisodePreview').click(function () {
            this.paused ? this.play() : this.pause();
        });
    });
</script>
</body>
</html>

<?php /**PATH C:\xampp\htdocs\malaria\resources\views/home.blade.php ENDPATH**/ ?>