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

{% block content %}
<div class="row">
    <!--columna de noticias-->
    <div class="col-md-8">
        <div id="ficha-noticia">
            <h2>{{ noticia.titulo }}</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)  %}
            <img class="img-responsive" src="{{ noticia.imagen['listado'] }}" alt="">
            <hr>
            {% endif %}
            <strong>{{ noticia.resumen|raw }}</strong>
            <hr>
            {{ include(template_from_string(noticia.cuerpo|raw)) }}
        </div>
    </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>
{% endblock %}
{% block javascript %}
<!-- /.row -->
<script src="../common/js/jquery-plugins/jstree/jstree.js"></script>
<script src="../common/js/classes/categorias.class.js"></script>
<script>
    $(document).ready(function(e) {
        settings = {
            'tipo_categoria': 'Noticias',
        }

        Categorias.renderTree(settings);


    });
</script>
{% endblock %}