{% extends "layout/base.html" %}

{% block content %}
<div class="container">
    <div class="row">
        <!--columna de noticias-->
        <div class="col-md-8">
            <div id="listado-noticias">
            {% if noticias|length > 0 %}
                {% for noticia in noticias %}
                    <h2><a href="{{ noticia.url }}">{{ noticia.titulo }}</a></h2>
                    <p class="lead">por <a href="javascript:void(0)">{{ noticia.autor }}</a></p>
                    <p><span class="fa fa-calendar"></span> Publicado el {{ noticia.fecha_publicacion|date("d/m/Y") }}</p>
                    <hr>
                    {% if (noticia.imagen|length) %}
                        <img class="img-responsive" src="{{ noticia.imagen['listado'] }}" alt="{{ noticia.titulo }}">
                        <hr>
                    {% endif %}
                    {{ noticia.resumen|raw}}
                    <a class="btn btn-primary" href="{{ noticia.url }}">Leer más <span class="fa fa-chevron-right"></span></a>
                {% endfor %}
            {% endif %}
            </div>
            {% if noticias %}
            <div class="text-center" id="pagination">
            </div>
            {% else %}
            <div class="alert alert-danger fade in">
                    <h4>No hay resultados</h4>
                    <p>No se han encontrado noticias publicadas o con la búsqueda realizada</p>
                </div>
            {% endif %}
        </div>
        <!--columna de banners-->
        <div class="col-md-4">
            {% include 'layout/buscador.html' %}
            {% include "noticias/ultimas-noticias.html" %}
            {% include "macros/arbol-categorias.html" %}
        </div>
    </div>
</div>

{% endblock %}

{% block javascript %}
{% include 'layout/paginador.html' %}
{% endblock %}