{% extends "layout/base.html" %}
{% block content %}
<section id="main-content" class="main-content pad-60">
    <div class="container">
        <div class="row" style="margin-right: 10%; margin-left: 10%;">
            <!-- page content start -->
            <div class="col-md-8" style="padding-right:5%">

                <div id="primary" class="content-area">
                    <main id="main" class="site-main" role="main">

                        {% if noticias|length > 0 %}
                        {% for noticia in noticias %}
                        <article id="post-1" class="post-class">
							<a href="{{noticia.url}}">
                            <header class="entry-header">
                                <div class="post-thumbnail">
                                    <img class="img-responsive" src="{{ noticia.imagen['listado'] }}" alt="{{ noticia.titulo }}">
                                    <div class="thumb-hover">
                                        <div class="thumb-icon">
                                            <i class="fa fa-link"></i>
                                        </div>
                                    </div>
                                </div>
                                <h2 class="article-title">{{noticia.titulo}}</h2>
                            </header> <!-- /.entry-header -->
                            </a>

                            <div class="entry-meta">
                                <span class="date">
                                    <i class="fa fa-clock-o"></i> {{ noticia.fecha_publicacion|date("d/m/Y") }}
                                </span> <!--/.date-->
                                <span class="author">
                                    <i class="fa fa-user"></i>
                                    <a href="#">{{noticia.autor}}</a>
                                </span> <!--/.author-->
                                <!--<span class="category">
                                    <i class="fa fa-file"></i> {{noticia.categoria}}
                                </span> -->

                            </div> <!-- /.entry-meta -->

                            <div class="entry-content">
                                {{noticia.resumen|raw}}
                            </div> <!-- /.entry-content -->

                            <footer class="entry-footer">
                                <a class="btn btn-primary" href="{{noticia.url}}">Read more <i class="fa fa-angle-right"></i></a><br /><br />
                            </footer> <!-- /.entry-footer -->

                        </article> <!--//post1-->
                        {% endfor %}
                        {% endif %}
                    </main>
                    {% if noticias %}
                    <div class="text-center" id="pagination">
                    </div>
                    {% else %}
                    <div class="alert alert-danger fade in">
                        <h4>No results</h4>
                        <p>No published news or search results found</p>
                    </div>
                    {% endif %}
                </div>
            </div>
            <!--columna de banners-->
            <div class="col-md-4">
                <div id="secondary" class="widget-area" role="complementary">
                    {% include "noticias/ultimas-noticias.html" %}
                    {% include "macros/arbol-categorias.html" %}
                    {% include 'banner.html' %} 
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}

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