{% extends "layout/base.html" %}
{% block content %}
<section id="main-content" class="main-content pad-60">
    <div class="container">
        <div class="row">
            <!-- page content start -->
            <div class="col-md-8">
                <div id="primary" class="content-area">
                    <main id="main" class="site-main" role="main">
                        <article id="post-1" class="post-class">
                            <header class="entry-header">
                                <div class="post-thumbnail">
                                    <img class="img-responsive" src="{{ noticia.imagen['listado'] }}" alt="{{ noticia.titulo }}">
                                </div>
                                <h2 class="article-title"><a href="{{noticia.url}}">{{noticia.titulo}}</a></h2>
                            </header> <!-- /.entry-header -->

                            <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="javascript:void()">{{noticia.autor}}</a>
                                </span> <!--/.author-->
                                <!-- <span class="category">
                                    <i class="fa fa-file"></i> {{noticia.categoria}}
                                </span> -->
                            </div> <!-- /.entry-meta -->

                            <p class="text-justify"><strong>{{noticia.resumen|raw}}</strong></p>
                            <div class="entry-content text-justify">
                                {{ include(template_from_string(noticia.cuerpo|raw)) }}
                            </div> <!-- /.entry-content -->
                        </article> <!--//post1-->
                    </main>
                </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" %}
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}

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