{% extends '::baseSite.html.twig' %}
{% block body %}
    <div class="main_content container">
        <div class="posts_sidebar list_layout layout_right_side clearfix">
            <!--Start Posts Areaa -->
            <div class="posts_areaa list_layout_left col-md-8">
                <div class="row">
                    {% for noticia in noticias %}
                            <article class="hz_post">
                                <div class="standard_post">
                                    <div class="list_thum">
                                        <div class="hz_thumb_post">
                                            <img src="{{ asset(noticia.imagen.path) }}" class="img-responsive" alt="Responsive image">
                                        </div>
                                    </div>
                                    <div class="list_content">
                                        <div class="hz_top_post">
                                            <div class="hz_title_and_meta">
                                                <div class="hz_title"><h4><a href="{{ asset('nota')}}/{{ noticia.id }}/{{ noticia.titulo |replace({' ':'-'}) }}">{{ noticia.titulo }}</a></h4></div>
                                                <div class="hz_meta_post">
                                                    <span class="hz_date_post"><i class="fa fa-calendar"></i><a>{{ noticia.fecha|slice(0,10) }}</a></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hz_main_post_content">
                                            <div class="hz_content">
                                                <p>{{ noticia.bajada }}</p>
                                            </div>
                                            <div class="hz_bottom_post">
                                                <div class="hz_read_more">
                                                    <a href="{{ asset('nota')}}/{{ noticia.id }}/{{ noticias[0].titulo |replace({' ':'-'}) }}">Ver Mas</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </article>
                    {% endfor %}
                    <div class="navigation">
                        {{ knp_pagination_render(noticias) }}
                    </div>
                </div>
            </div>
            <!--End Posts Areaa -->

            {% include '::columnaDerecha.html.twig' %}
        </div><!-- posts_sidebar -->
    </div><!-- main_content -->
{% endblock %}