{% extends "layouts/default.twig" %}
{% block conteudo %}
    <div class="d-flex justify-content-center align-items-center" id="navegacao-por-data">
        <a href="{{ linkDiaAnterior }}" title="Veja notícias do dia {{ diaAnterior }}">
            <svg role="img" class="svg">
                <use xlink:href="{{ url }}arquivos/svg/svg-symbols.svg#left-flat"></use>
            </svg>
        </a>
        <p>{{ dataNavegacao | upper }}</p>
        {% if linkDiaSeguinte %}
            <a href="{{ linkDiaSeguinte }}" title="Veja notícias do dia {{ diaSeguinte }}">
                <svg role="img" class="svg">
                    <use xlink:href="{{ url }}arquivos/svg/svg-symbols.svg#right-flat"></use>
                </svg>
            </a>
        {% endif %}
    </div>
    <main class="container principal">

        {# Anúncio Engeplus horizontal #}
        {% include 'anuncios/engeplus-horizontal-topo.twig' with{'id':'anuncio-horizontal-1'} %}

        <div class="row w-100 m-md-0 m-0">
            <div class="col-12 p-0 titulo">
                <h2>Notícias do dia {{ dataTitulo }} </h2>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-8 feed-noticias ">
                {% include 'noticias/lista.twig' with{'noticias':noticias} %}
            </div>
            <div class="pr-0 col-lg-4 width-cards">
                <div class="row row-100">
                    {% include 'noticias/cards.twig' %}
                </div>
            </div>
        </div>
        <div class="card-mobile d-block d-md-none my-1 mb-3">
            {% include 'capa/mais-lidas.twig' %}
        </div>
        <div class="card-tablet d-none d-md-flex d-lg-none my-1 mb-3">
            <div class="anuncios-tablet">
                <div class="anuncio-quadrado-pequeno"></div>
                <div class="anuncio-quadrado-pequeno"></div>
            </div>
            {% include 'capa/mais-lidas.twig' %}
        </div>
    </main>
    {% include 'includes/busca-por-data.twig' with{'data':dataInputBusca, 'url':url} only %}
{% endblock %}

{% block jsExtra %}
    <script>
        configurarAnuncios({{ anuncios|raw }}, false);
    </script>
{% endblock %}