{% set blocosComBanner = blocoNumero == '2' or blocoNumero == '2a' %}
{% if anuncioGoogle %}
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
{% endif %}
<div class="row row-100">
    {% if noticias is empty %}
        Nenhuma notícia encontrada.
    {% else %}
        {% for noticia in noticias %}
            {% set isSeguranca =  noticia.editoria.nome == "Segurança" %}
            {# Anúncio Google semelhante a uma notícia #}
            {% if anuncioGoogle and loop.index == 1 %}
                <div class="col-12 my-3 no-padding my-sm-1 border-bottom noticias noticia-anuncio"
                     id="anuncio-google-noticia">
                    <article class="noticias-bloco-em-lista">
                        <div class="anuncio-google-noticia"></div>
                    </article>
                </div>
            {% endif %}
            {# Notícia normal ou publieditorial #}
            <div class="col-12 my-3 no-padding my-sm-1 border-bottom noticias">
                <article class="noticias-bloco-em-lista"
                        {% if noticia.publieditorial %}
                    data-publieditorial="{{ noticia.id }}"
                        {% endif %}>
                    <div class="row row-100">
                        <div class="titulo-noticia d-block d-sm-none">
                            <div class="chapeu-mobile">{{ noticia.chapeu }}</div>
                        </div>
                        {% if noticia.thumb.nome is not empty %}
                            <div class="col-12 col-sm-5 imagem-noticia">
                                <a href="{{ noticia.link }}" target="{{ noticia.linkTarget }}"
                                   title="Leia a notícia completa">
                                    {% if noticia.possuiVideo %}
                                        <div class="play">
                                            <svg role="img" class="svg">
                                                <use xlink:href="{{ url }}arquivos/svg/svg-symbols.svg#play"></use>
                                            </svg>
                                        </div>
                                    {% endif %}
                                    <picture>
                                        {% if lazyLoad %}
                                            <img src="{{ url }}assets/img/lazy.png" data-src="{{ noticia.thumb.url }}"
                                                 alt="{{ noticia.titulo }}">
                                        {% else %}
                                            <img src="{{ noticia.thumb.url }}" alt="{{ noticia.titulo }}">
                                        {% endif %}
                                    </picture>
                                </a>
                            </div>
                        {% endif %}
                        <div class="pl-0 col-12 col-sm-7 my-3 my-sm-0 titulo-noticia">
                            <div class="chapeu d-none d-sm-block">{{ noticia.chapeu }}</div>
                            <a href="{{ noticia.link }}" target="{{ noticia.linkTarget }}"
                               title="Leia a notícia completa">
                                <div class="titulo">
                                    <h5>{{ noticia.titulo }}</h5>
                                </div>
                                {% if not noticia.possuiNoticiasRelacionadas %}

                                    <div class="d-flex">
                                        <div class="chamada">{{ noticia.chamada }}</div>

                                        {# Anuncio da noticia quando não há noticias relacionadas #}        {# id noticia colunista #}
                                        {% if blocosComBanner and not noticia.publieditorial and noticia.id != '133520' and not noticia.isColunista %}
                                            {% include 'anuncios/engeplus-chamada.twig' with{
                                                'id': 'anuncio-chamada-' ~ blocoNumero ~ '-' ~ loop.index
                                            } %}
                                        {% endif %}
                                    </div>

                                {% endif %}
                            </a>
                            {% if noticia.possuiNoticiasRelacionadas %}
                                <div class="d-flex">
                                    <div class="d-none d-md-block">
                                        <ul class="noticias-relacionadas">
                                            {% for noticiaRelacionada in noticia.noticiasRelacionadas %}
                                                <li>
                                                    <a href="{{ noticiaRelacionada.link | raw }}"
                                                       target="{{ noticiaRelacionada.linkTarget }}"
                                                       title="{{ noticiaRelacionada.titulo }}">
                                                        {{ noticiaRelacionada.titulo }}
                                                    </a>
                                                </li>
                                            {% endfor %}
                                        </ul>
                                    </div>

                                    {# Anuncio da noticia quando há noticias relacionadas #}
                                    {% if blocosComBanner and not noticia.publieditorial and noticia.id != '133520' and not noticia.isColunista %}
                                        {% include 'anuncios/engeplus-chamada.twig' with{
                                            'id': 'anuncio-chamada-' ~ blocoNumero ~ '-' ~ loop.index
                                        } %}
                                    {% endif %}
                                </div>
                            {% endif %}
                            {% if not noticia.publieditorial %}
                                <div class="hora-noticia">
                                    <span class="hora"
                                          title="Publicado em {{ noticia.data.diaEMes }} às {{ noticia.data.horaEMinuto }}">
                                        {% if noticia.possuiAtualizacao %}
                                            Atualizado
                                            <span class="text-lowercase">{{ noticia.dataAtualizacao.tempoPassado }}</span>
                                        {% else %}
                                            {{ noticia.data.tempoPassado }}
                                        {% endif %}
                                        em
                                        <a class="noticia-editoria"
                                           href="{{ noticia.editoria.link }}"
                                           target="{{ noticia.linkTarget }}"
                                           title="Acessar editoria {{ noticia.editoria.nome }}">
                                            {{ noticia.editoria.nome }}
                                        </a>
                                    </span>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </article>
            </div>

            {% if noticia.possuiNoticiasRelacionadas %}
                <ul class="noticias-relacionadas d-block d-md-none">
                    {% for noticiaRelacionada in noticia.noticiasRelacionadas %}
                        <li>
                            <a href="{{ noticiaRelacionada.link | raw }}"
                               target="{{ noticiaRelacionada.linkTarget }}"
                               title="{{ noticiaRelacionada.titulo }}">
                                {{ noticiaRelacionada.titulo }}
                            </a>
                        </li>
                    {% endfor %}
                </ul>
            {% endif %}
        {% endfor %}
    {% endif %}
</div>