{% extends '::baseSite.html.twig' %}
{% block body %}
    <div class="main_content container">
        <div class="mian_slider clearfix"><!--Start Mian slider -->
            <div class="big_silder col-md-8"><!-- Start big silder -->
                <div class="row">
                    <ul id="big-slid-post" class="a-post-box">
                        {% if noticias %}
                            <li>
                                <div class="feat-item img-section" data-bg-img="{{ asset(noticias[0].imagen.path) }}">
                                    <div class="latest-overlay"></div>
                                    <div class="latest-txt">
                                        <h3 class="latest-title"><a href="{{ asset('nota')}}/{{ noticias[0].id }}/{{ noticias[0].titulo |replace({' ':'-'}) }}" rel="bookmark" title="{{ noticias[0].titulo }}">{{ noticias[0].titulo }}</a></h3>
                                        <div class="big-latest-content">
                                            <p>{{ noticias[0].bajada }}</p>
                                        </div>
                                        <span class="latest-meta">
                                            <span class="latest-date"><i class="fa fa-clock-o"></i>{{ noticias[0].fecha|slice(0,10) }}</span>
                                        </span>
                                    </div>
                                </div>
                            </li>
                        {% endif %}

                    </ul>
                </div>
            </div><!-- End big silder -->

            <div class="post_box col-md-4"><!--Start Post box -->
                <div class="row">
                    {% if noticias|length > 1 %}
                        <article class="a-post-box">
                            <figure class="latest-img"><img src="{{ asset(noticias[1].imagen.path) }}" alt="" class="latest-cover"></figure>
                            <div class="latest-overlay"></div>
                            <div class="latest-txt">
                                <h4 class="latest-title"><a data-dummy="dfsdfsdfdsf" href="{{ asset('nota')}}/{{ noticias[1].id }}/{{ noticias[1].titulo |replace({' ':'-'}) }}" rel="bookmark" title="{{ noticias[1].titulo }}">{{ noticias[1].titulo }}</a></h4>
                                <span class="latest-meta">
                                    <span class="latest-date"><i class="fa fa-clock-o"></i>{{ noticias[1].fecha|slice(0,10) }}</span>
                                </span>
                            </div>
                        </article>
                    {% endif %}
                    {% if noticias|length > 2  %}
                        <article class="a-post-box">
                            <figure class="latest-img"><img src="{{ asset(noticias[2].imagen.path) }}" alt="" class="latest-cover"></figure>
                            <div class="latest-overlay"></div>
                            <div class="latest-txt">
                                <h4 class="latest-title"><a data-dummy="dfsdfsdfdsf" href="{{ asset('nota')}}/{{ noticias[2].id }}/{{ noticias[2].titulo |replace({' ':'-'}) }}" rel="bookmark" title="{{ noticias[2].titulo }}">{{ noticias[2].titulo }}</a></h4>
                                <span class="latest-meta">
                                    <span class="latest-date"><i class="fa fa-clock-o"></i>{{ noticias[2].fecha |slice(0,10)}}</span>
                                </span>
                            </div>
                        </article>
                    {% endif %}
                </div>
            </div><!--End Post box -->
        </div><!--End Mian slider -->

        <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 key,noticia in noticias %}
                        {% if key > 2 %}
                            <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>
                        {% endif %}
                    {% 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 %}