{% extends "::base.html.twig"%}
{% block title %}Search{% endblock %}

{% block body %}

<section class="complete-content">
    
    <!--Mid Content Start-->
    
    
     <div class="services-content-wrap">
     
         <div class="container">     
            <!--About-us top-content-->
            <div class="col-md-12">
                <!-- Blog box -->
            <div class="col-md-4">
				
		      	<div  class="col-md-12" style="padding-left: 0px !important; padding-right: 0px !important;padding-top:0px !important;">
                        <div class="subtitle" style="background: transparent !important;margin-bottom:0px !important"><span class="iconlist-mid-title">Last </span>  Articles </div>
                        <div class="blog-box "> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                                <!-- Indicators -->
                                <ol class="carousel-indicators">
 {% set cpt_j =0%}
 {% for last in lasts %}
      {% if (last.image.path is not null) %}                                
 {% set cpt_j =cpt_j + 1 %}
     <li data-target="#carousel-example-generic" data-slide-to="{{cpt_j }}" {% if cpt_j == 1 %} class="active" {% endif %} ></li>

 {% endif %}                              
 {% endfor %}
                                </ol>
                                <!-- Wrapper for slides -->
                                <div class="carousel-inner">
{% set cpt_i =0%}
{% for last in lasts %}
{% if (last.image.path is not null) %} 
{% set cpt_i =cpt_i + 1 %}
                                    <div class="item {%if cpt_i == 1 %} active {% endif %} ">
                                        <img src="{{ asset(last.image.webPath)}}" style="height: 216px" alt="">
                                        <span class="titre"> {{last.title}}</span>
                                    </div>
 {% endif %}  
{% endfor %} 
           
                                </div>
                                <!-- Controls -->
                                <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                                    <span class="glyphicon glyphicon-chevron-left"></span>
                                </a>
                                <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                                    <span class="glyphicon glyphicon-chevron-right"></span>
                                </a>
                            </div> 
                        </div> 
                    </div>	
<div class="col-md-12 department-wrap " style="padding: 17px 0 0 0px;" >
     <div class="subtitle" style="background: transparent !important;margin-bottom:0px !important;"> <span class="iconlist-mid-title">In the  </span>  news </div>
	<div class="appointment-form no-pad dept-form">
			<div class="bd">
			<p class="ib-more-info"><a href="{{path('pafcic_online_pafcic_news')}}">Read More...</a>
			</p>
                        {% for new in news %}
			<div class="ib-item">
				<div class="when">
					<time datetime="2016-03-23T15:45:19+01:00">{{ new.datePublished|date('H:s')|upper }}</time>
					<a title="{{ new.titre }} " href="{{ path('pafcic_online_pafcic_news_view', { 'salt': new.salt })}}" class="modeless">{{ new.datePublished|date('d-m') }}</a>
				</div>
				<div class="copy">
					<p>{{ new.titre }} </p>
				</div>
				<p class="default-read-more"><a rel="nofollow" href="{{ path('pafcic_online_pafcic_news_view', { 'salt': new.salt })}}">En savoir plus</a>
				</p>
			</div>
                        {% endfor %}
			<p class="ib-more-info"><a href="{{path('pafcic_online_pafcic_news')}}">Read More...</a>
			</p>

		</div>
		<!------------------------------------>
	</div>
</div>	
				
                    
               </div>
               
               <!--Sidebar-end--> 
               <!-- Blog column -->
            	<div class="col-md-6">
                    <div class="subtitle" style="background: transparent !important;margin-bottom:0px !important;">  Result ({{articles|length}}) </div>
                    
                    
                   {% if articles|length > 0 %}
                  {% for article in articles %}  
                        <!--post box-->
                       <div class="col-md-12 service-box no-pad articles" style="padding-bottom: 0px; border: 2px solid #F7F7F7;min-height: 217px!important;">
                            <div class="service-title"><div class="service-icon-container rot-y"> 
							{% if (article.image.path is not null) %}
							<img src="{{ asset(article.image.webPath)}}"  style="height:46px;width: 46px  " class="img-responsive post-author-img" alt="">
							{% else %}
							<img src="{{ asset('assets_front/images/news-1.jpg')}}"  style="height:46px;width: 46px  " class="img-responsive post-author-img" alt="">
							{%endif%}
							</div> {{ article.title }}</div>
                            <p style="text-align: justify"> {{ article.abstract |replace({'<p>': "", '</p>': ""}) |replace({'<h2>': "", '</h2>': ""}) |slice(0, 400)|raw}} </p>
                            <span class="span-news" ><i class="icon-calendar"></i>{{ article.dateCreate|date('Y-M-d')|upper }}</span><a  href="{{ path('pafcic_online_pafcic_article_view', { 'salt': article.salt })}}" class="pull-right read-more">read more >></a>	
                        </div>	
                      <!--end post box-->
                    {% endfor %} 
                      
                      {% else %}
                       <!--post box-->
                       <div class="col-md-12 service-box no-pad articles" style="padding-bottom: 0px; border: 2px solid #F7F7F7;min-height: 217px!important;">
                            <div class="service-title">
                               
                                <p style="      padding: 22px;  border-bottom:0px"> We are sorry! We could not find any results .<br>
                                
                                    Please try changing the filters you have applied
                                    research or see tips for search!
                                </p>
                                    
                                    
                                    
                                        
                            </div>
                      
                            
                        </div>	
                      <!--end post box-->
                      
                      {% endif %}
                         {# <div class="col-sm-5 col-xs-12 col-md-12 col-lg-12  " style="padding-bottom: 0px; border: 2px solid #F7F7F7;">
                      <ul class="pagination">

                        {% for p in range(1, nbPages) %}
                          <li{% if p == page %} class="active" {% endif %}>
                              <a {% if p == page %} style="background-color: #0000A3 !important; border: #0000A3"{% endif %} href="{{ path('pafcic_online_pafcic_articles', {'page': p}) }}">{{ p }}</a>
                          </li>
                        {% endfor %}
                      </ul>
                       </div>#}
                </div> <!-- Blog column end--> 
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                        {{ render(controller('PafcicOnlinePafcicBundle:Banners:banner_right_b')) }}
                </div>
            </div> 
         </div>
         </div>

    <!--Mid Content End-->
        <!--Footer Start-->
    </section>


{% endblock %}