{% extends 'layouts/capa.twig' %}

{% block conteudo %}
    <main class="container principal">
        <!-- bloco 1 -->
        {% include 'capa/blocos/bloco-1/view.twig' %}
        <div class="row w-100 m-md-0 m-0">
            <!-- bloco 2-1 -->
            {% include 'capa/blocos/bloco-2-1/view.twig' %}
            {% include 'anuncios/engeplus-feed.twig' with{'id':"anuncio-feed-1"} %}
            {% include 'capa/blocos/bloco-2-1/horizontal.twig' %}
            <!-- bloco 2-2 -->
            {% include 'capa/blocos/bloco-2-2/view.twig' %}
{#            {% include 'anuncios/engeplus-feed.twig' with{'id':"anuncio-feed-2"} %}#}
            {# {% include 'anuncios/anuncio-publicidade-pmt.twig'  %} #}
            <!-- bloco 3 -->
            {% include 'capa/blocos/bloco-3/view.twig' %}
            {% include 'anuncios/engeplus-feed.twig' with{'id':"anuncio-feed-3"} %}
            <!-- bloco 4 -->
            {% include 'capa/blocos/bloco-4/view.twig' %}
            {% include 'anuncios/engeplus-feed.twig' with{'id':"anuncio-feed-4"} %}
            <!-- bloco 5 -->
            {% include 'capa/blocos/bloco-5/view.twig' %}
            {% include 'anuncios/engeplus-feed.twig' with{'id':"anuncio-feed-5"} %}
            <!-- bloco 6 -->
            {% include 'capa/blocos/bloco-6/view.twig' %}
            {% include 'anuncios/engeplus-feed.twig' with{'id':"anuncio-feed-6"} %}
            <!-- bloco 7 -->
            {% include 'capa/blocos/bloco-7/view.twig' %}
            {% include 'anuncios/engeplus-feed.twig' with{'id':"anuncio-feed-7"} %}
            {% if noticias.bloco8 %}
                <!-- bloco 8 -->
                {% include 'capa/blocos/bloco-8/view.twig' %}
            {% endif %}
        </div>
    </main>
    {% include 'includes/busca-por-data.twig' with{'data':hoje, 'url':url} only %}
{% endblock %}

{% block jsExtra %}
    {% include 'includes/scriptHotjar.twig' %}
    <!-- include 'includes/scriptBet365.twig' -->
    <script>
        var publieditoriaisVisualizados = [];

        Portal.notificacoesMaterias("{{ url }}");

        configurarAnuncios({{ anuncios | raw }}, true);

        function onScroll() {
            carregarImagensAssincronamente();
            verificarVisualizacaoDePublieditorial();
        }

        function carregarImagensAssincronamente() {
            var imgs = document.querySelectorAll('img[data-src]');
            for (var i = 0; i < imgs.length; i++) {
                if (imgs[i].getBoundingClientRect().top < window.innerHeight + 300) {
                    imgs[i].src = imgs[i].getAttribute('data-src');
                }
            }
        }

        function verificarVisualizacaoDePublieditorial() {
            var publieditoriais = document.querySelectorAll('article[data-publieditorial]');
            for (var i = 0; i < publieditoriais.length; i++) {
                if (publieditoriais[i].getBoundingClientRect().top < window.innerHeight + 300) {
                    var id = publieditoriais[i].getAttribute('data-publieditorial');
                    if (publieditoriaisVisualizados.indexOf(id) < 0) {
                        publieditoriaisVisualizados.push(id);
                        $.post('{{ urlSlim }}api/noticias/' + id + '/visualizacao');
                    }
                }
            }
        }

        window.onscroll = onScroll;
        onScroll();
    </script>
{% endblock %}