{% extends '::baseSite.html.twig' %}
{% block body %}
    <div class="main_content container"><!-- main_content -->

        <div class="mian_slider clearfix"> <!--Start Mian slider -->
            <div class="big_silder col-md-12"><!-- Start big silder -->
                <div class="row">
                    <ul id="big-slid-post" class="a-post-box">
                        {% for apertura in aperturas %}
                            <li>
                                <div class="feat-item img-section" data-bg-img="{{ asset(apertura.imagen.path) }}">
                                    <div class="latest-overlay"></div>
                                    <div class="latest-txt">
                                        <span class="latest-cat"><a >{{ apertura.seccion }}</a></span>
                                        <h3 class="latest-title"><a href="{{ asset('nota')}}/{{ apertura.id }}/{{ apertura.titulo |replace({' ':'-'}) }}">{{ apertura.titulo }}</a></h3>
                                        <div class="big-latest-content">
                                            <p>{{ apertura.bajada }}</p>
                                        </div>
                                        <span class="latest-meta" style="float: left;">
                                            <span class="latest-date">{{ apertura.autor }}</span>
                                        </span>
                                        <span class="latest-meta">
                                            <span class="latest-date"><i class="fa fa-clock-o"></i>{{ apertura.fecha |slice(0,10)}}</span>
                                        </span>
                                    </div>
                                </div>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div><!-- End big silder -->
        </div><!--End Mian slider -->

        <div class="breaking_news"><!-- breaking_news -->
            <div class="bn_title"><h2>SIC</h2><span></span></div>
            <ul class="breaking_news_slider"><!-- breaking_news_slider -->
                {% for sic in sics %}
                    <li><a href="" style="cursor: default;"><span>{{ sic.titulo }}</span> - {{ sic.descripcion }}</a></li>
                {% endfor %}
            </ul><!-- // breaking_news_slider -->
        </div><!-- //breaking_news -->

        <div class="featured_slider"> <!--Start featured_slider -->
            <div class="featured_title"><!-- featured_title -->
                <h4>Entrevistas</h4>
                <a href="{{ path('entrevistas_news') }}" class="view_button">Ver Todo</a>
            </div><!-- // featured_title -->

            <div class="featured_posts_slider"><!-- featured_posts_slider -->
                <div id="featured_post"><!-- featured_post -->
                    {% for entrevista in entrevistas %}
                        <div class="item"><!-- item -->
                            <div class="img_post">
                                <a><img src="{{ asset(entrevista.imagen.path) }}"   alt="Owl Image"></a>
                            </div>
                            <div class="featured_title_post">
                                <div class="caption_inner">
                                    <a href="{{ asset('nota')}}/{{ entrevista.id }}/{{ entrevista.titulo |replace({' ':'-'}) }}"><h4 class="title_post">{{ entrevista.titulo }}</h4></a>
                                    <div class="post_date"><em><a>{{ entrevista.fecha|slice(0,10) }}</a></em></div>
                                </div>
                            </div>
                        </div><!-- // item -->
                    {% endfor %}

                </div><!-- // featured_post -->
            </div><!-- // Entrevistas_posts_slider -->
        </div><!--End Entrevistas_slider -->

        <div class="posts_sidebar clearfix"><!--Start Posts Areaa -->
            <div class="posts_areaa col-md-8"><!-- posts_areaa -->
                <div class="row">
                    <div class="ads_in_block " style="background: white;"><!-- BANNER1 -->
                        <a href="https://www.bancocredicoop.coop" target="_new"><img src="{{ asset('bundles/site/img/banco_credicoop.jpg') }}" class="grupoPetersen" alt="ads"></a>
                    </div><!-- // BANNER1 -->
                    <!-- block_posts NOTICIAS -->
                    <div class="block_posts block_4">
                        <!-- featured_title -->
                        <div class="featured_title">
                            <h4>Noticias</h4>
                            <a href="{{ path('noticias_news') }}" class="view_button">Ver Todo</a>
                        </div>
                        <!-- // featured_title -->
                        <!-- block_inner -->
                        <div class="block_inner row">
                            <div class="big_post col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                <div class="block_img_post">
                                    {% if noticias %}
                                        <img src="{{ asset(noticias[0].imagen.path) }}" style="width: 100%;" alt="Use A Passage Of Lorem Ipsum">
                                    {% endif %}
                                </div>

                                <div class="inner_big_post">
                                    {% if noticias %}
                                        <div class="title_post"><a href="{{ asset('nota')}}/{{ noticias[0].id }}/{{ noticias[0].titulo |replace({' ':'-'}) }}"><h4>{{ noticias[0].titulo }}</h4></a></div>
                                        <div class="big_post_content">
                                            <p>{{ noticias[0].bajada }}</p>
                                        </div>
                                        <div class="post_date"><em><a>{{ noticias[0].fecha|slice(0,10) }}</a></em></div>
                                    {% endif %}
                                </div>
                                <div class="small_list_post">
                                    <ul>
                                        {% for key,noticia in noticias %}
                                            {% if(key is even and key > 0) %}
                                                <li class="small_post clearfix">
                                                    <div class="img_small_post">
                                                        <img src="{{ asset(noticia.imagen.path) }}" alt="Consectetur adipisicing elit">
                                                    </div>
                                                    <div class="small_post_content">
                                                        <div class="title_small_post">
                                                            <a href="{{ asset('nota')}}/{{ noticia.id }}/{{ noticia.titulo |replace({' ':'-'}) }}"><h5> {{ noticia.titulo }}</h5></a>
                                                        </div>
                                                        <div class="post_date"><em><a href="#">{{ noticia.fecha|slice(0,10) }}</a></em></div>
                                                    </div>
                                                </li>
                                            {% endif %}
                                        {% endfor %}
                                    </ul>
                                </div>
                            </div>

                            <div class="big_post col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                {% if noticias %}
                                    <div class="block_img_post">
                                        <img src="{{ asset(noticias[1].imagen.path) }}" style="width: 100%;" alt="Use A Passage Of Lorem Ipsum">
                                    </div>

                                    <div class="inner_big_post">
                                        <div class="title_post"><a href="{{ asset('nota')}}/{{ noticias[1].id }}/{{ noticias[1].titulo |replace({' ':'-'}) }}"><h4>{{ noticias[1].titulo }}</h4></a></div>
                                        <div class="big_post_content">
                                            <p>{{ noticias[1].bajada }}</p>
                                        </div>
                                        <div class="post_date"><em><a href="#">{{ noticias[1].fecha|slice(0,10) }}</a></em></div>
                                    </div>
                                    <div class="small_list_post">
                                        <ul>
                                            {% for key,noticia in noticias %}
                                                {% if(key is odd and key > 1) %}
                                                    <li class="small_post clearfix">
                                                        <div class="img_small_post">
                                                            <img src="{{ asset(noticia.imagen.path) }}" alt="Consectetur adipisicing elit">
                                                        </div>
                                                        <div class="small_post_content">
                                                            <div class="title_small_post">
                                                                <a href="{{ asset('nota')}}/{{ noticia.id }}/{{ noticia.titulo |replace({' ':'-'}) }}"><h5>{{ noticia.titulo }}</h5></a>
                                                            </div>
                                                            <div class="post_date"><em><a >{{ noticia.fecha|slice(0,10) }}</a></em></div>
                                                        </div>
                                                    </li>
                                                {% endif %}
                                            {% endfor %}
                                        </ul>
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                        <!-- // block_inner -->
                    </div>
                    <!-- // block_posts NOTICIAS -->

                    <div class="ads_in_block " style="background: white;"><!-- BANNER1 -->
                        <a href="http://www.bancosantafe.com.ar/" target="_new"><img src="{{ asset('bundles/site/img/grupo_petersen.jpg') }}" class="grupoPetersen" alt="ads"></a>
                    </div><!-- // BANNER1 -->

                    <!-- block_posts HISTORIAS -->
                    <div class="block_posts block_5">
                        <!-- featured_title -->
                        <div class="featured_title">
                            <h4>Historias</h4>
                            <a href="{{ path('historias_news') }}" class="view_button">Ver Todo</a>
                        </div>
                        <!-- // featured_title -->

                        <!-- block_inner -->
                        <div class="block_inner">
                            {% for historia in historias %}
                                <article class="a-post-box" id="historiasArticle">
                                    <figure class="latest-img" id="historiasFigure"><img src="{{ asset(historia.imagen.path) }}" alt="{{ historia.titulo }}" class="latest-cover"></figure>
                                    <div class="latest-overlay"></div>
                                    <div class="latest-txt">
                                        <h5 class="latest-title"><a href="{{ asset('nota')}}/{{ historia.id }}/{{ historia.titulo |replace({' ':'-'}) }}">{{ historia.titulo }}</a></h5>
                                    </div>
                                </article>
                            {% endfor %}
                        </div>
                        <!-- // block_inner -->
                    </div>
                    <!-- // block_posts HISTORIAS -->

                    <div class="ads_in_block" style="background: white;"><!-- BANNER2 -->
                        <a href="http://www.sigloxxieditores.com.ar/" target="_new"><img src="{{ asset('bundles/site/img/siglo_xxi_logo.jpg') }}" class="sigloXXI" alt="ads"></a>
                    </div><!-- // BANNER2 -->

                    <!-- block_posts RECOMENDADOS -->
                    <div class="block_posts block_2">
                        <div class="featured_title"><!-- featured_title -->
                            <h4>Recomendados</h4>
                            <a href="{{ path('recomendados_news') }}" class="view_button">Ver Todo</a>
                        </div><!-- // featured_title -->
                        <!-- block_inner -->
                        <div class="block_inner row">
                            <!-- small_list_post -->
                            <div class="small_list_post col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                <ul>
                                    {% for key,recomendado in recomendados %}
                                        {% if key is even %}
                                            <li class="small_post clearfix" id="recomendadoLi">
                                                <div class="img_small_post">
                                                    <img src="{{ asset(recomendado.imagen.path) }}" alt="Consectetur adipisicing elit">
                                                </div>
                                                <div class="small_post_content">
                                                    <div class="title_small_post">
                                                        <a href="{{ asset('nota')}}/{{ recomendado.id }}/{{ recomendado.titulo |replace({' ':'-'}) }}"><h5>{{ recomendado.titulo }}</h5></a>
                                                    </div>
                                                    <div class="post_date"><em><a >{{ recomendado.fecha|slice(0,10) }}</a></em></div>
                                                </div>
                                            </li>
                                        {%  endif %}
                                    {% endfor %}
                                </ul>
                            </div>
                            <!-- // small_list_post -->

                            <!-- small_list_post -->
                            <div class="small_list_post col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                <ul>
                                    {% for key,recomendado in recomendados %}
                                        {% if key is odd %}
                                            <li class="small_post clearfix" id="recomendadoLi">
                                                <div class="img_small_post">
                                                    <img src="{{ asset(recomendado.imagen.path) }}" alt="Consectetur adipisicing elit">
                                                </div>
                                                <div class="small_post_content">
                                                    <div class="title_small_post">
                                                        <a href="{{ asset('nota')}}/{{ recomendado.id }}/{{ recomendado.titulo |replace({' ':'-'}) }}"><h5>{{ recomendado.titulo }}</h5></a>
                                                    </div>
                                                    <div class="post_date"><em><a >{{ recomendado.fecha|slice(0,10) }}</a></em></div>
                                                </div>
                                            </li>
                                        {% endif %}
                                    {% endfor %}
                                </ul>
                            </div>
                            <!-- // small_list_post -->
                        </div>
                        <!-- // block_inner -->
                    </div>
                    <!-- // block_posts RECOMENDADOS -->

                    <div class="ads_in_block"><!-- BANNER3 -->
                        <a href="http://www.planetadelibros.com.ar/editorial-tusquets-225.html" target="_new"><img src="{{ asset('bundles/site/img/tusquests_logo.png') }}" class="tusquets" style="" alt="ads"></a>
                    </div><!-- // BANNER3 -->

                    <div class="block_posts block_1"><!-- block_posts LUGARES -->

                        <div class="featured_title"><!-- featured_title -->
                            <h4>Lugares</h4>
                            <a href="{{ path('lugares_news') }}" class="view_button">Ver Todo</a>
                        </div><!-- // featured_title -->

                        <div class="block_inner row"><!-- block_inner -->
                            {% if lugares %}
                                <div class="big_post col-lg-6 col-md-6 col-sm-6 col-xs-6"><!-- big_post -->
                                    <div class="block_img_post"><!-- block_img_post -->
                                        <img src="{{ asset(lugares[0].imagen.path) }}" style="width: 100%;" alt="Use A Passage Of Lorem Ipsum">
                                    </div><!-- // block_img_post -->

                                    <div class="inner_big_post"><!-- inner_big_post -->
                                        <div class="title_post"><!-- title_post -->
                                            <a href="{{ asset('nota')}}/{{ lugares[0].id }}/{{ lugares[0].titulo |replace({' ':'-'}) }}"><h4>{{ lugares[0].titulo }}</h4></a>
                                        </div><!-- // title_post -->

                                        <div class="big_post_content"><!-- big_post_content -->
                                            <p>{{ lugares[0].bajada }}</p>
                                        </div><!-- // big_post_content -->

                                        <div class="post_date"><!-- post_date -->
                                            <em><a >{{ lugares[0].fecha|slice(0,10) }}</a></em>
                                        </div><!-- // post_date -->
                                    </div><!-- // inner_big_post -->
                                </div><!-- // big_post -->
                                <div class="small_list_post col-lg-6 col-md-6 col-sm-6 col-xs-6"><!-- small_list_post -->
                                    <ul>
                                        {% for key, lugar in lugares %}
                                            {% if ( key>0) %}
                                                <li class="small_post clearfix"><!-- small_post -->
                                                    <div class="img_small_post"><!-- img_small_post -->
                                                        <img src="{{ asset(lugar.imagen.path) }}"  alt="Consectetur adipisicing elit">
                                                    </div><!-- // img_small_post -->
                                                    <div class="small_post_content"><!-- small_post_content -->
                                                        <div class="title_small_post"><!-- title_small_post -->
                                                            <a href="{{ asset('nota')}}/{{ lugar.id }}/{{ lugar.titulo |replace({' ':'-'}) }}"><h5>{{ lugar.titulo }}</h5></a>
                                                        </div><!-- // title_small_post -->
                                                        <div class="post_date"><em><p style="font-size: 14px">{{ lugar.fecha|slice(0,10) }}</p></em></div>
                                                    </div><!-- // small_post_content -->
                                                </li><!-- // small_post -->
                                            {% endif %}
                                       {% endfor %}
                                    </ul>
                                </div><!-- // small_list_post -->
                            {% endif %}
                        </div><!-- // block_inner -->
                    </div><!-- // block_posts LUGARES -->

                    <!-- block_posts Etcetera -->
                    <div class="block_posts block_3">
                        <!-- featured_title -->
                        <div class="featured_title">
                            <h4>Etcétera</h4>
                            <a href="{{ path('etcetera_news') }}" class="view_button">Ver Todo</a>
                        </div>
                        <!-- // featured_title -->
                        <!-- block_inner -->
                        <div class="block_inner">
                            <!-- featured_cat_slider -->
                            <div class="featured_cat_slider">
                                <div id="featured_cat_post">
                                    {% for etcetera in etceteras %}
                                        <div class="item">
                                            <div class="img_post">
                                                <a ><img src="{{ asset(etcetera.imagen.path) }}" alt="Owl Image"></a>
                                            </div>
                                            <div class="featured_title_post">
                                                <div class="caption_inner">
                                                    <a href="{{ asset('nota')}}/{{ etcetera.id }}/{{ etcetera.titulo |replace({' ':'-'}) }}"><h4 class="title_post">{{ etcetera.titulo }}</h4></a>
                                                    <div class="post_date"><em><a >{{ etcetera.fecha|slice(0,10) }}</a></em></div>
                                                </div>
                                            </div>
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                            <!-- // featured_cat_slider -->
                        </div>
                        <!-- // block_inner -->
                    </div>
                    <!-- // block_posts Etcetera -->
                </div>
            </div><!--End Posts Areaa -->

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