{% extends "::base.html.twig"%}
{% block title %}Articles{% 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="tabbable tabs-left">
                                        <div class="subtitle" style="background: transparent !important;margin-bottom:0px !important;"><span class="iconlist-mid-title">By  </span>  Category </div>
                                        <ul class="nav nav-tabs col-md-12 col-sm-12 col-xs-12">
                                        <li><a  style="background: #fff;" href="{{ path('pafcic_online_pafcic_article_category', { 'name': 'Valvular' }) }}" ><i class="fa fa-heart-o  dept-tabs-icon"></i><span class="tabs-heads">Valvular</span><i class="right-arr"></i></a></li>
                                        <li><a  style="background: #fff;" href="{{ path('pafcic_online_pafcic_article_category', { 'name': 'Coronary' }) }}"><i class="icon-heart dept-tabs-icon"></i><span class="tabs-heads">Coronary</span><i class="right-arr"></i></a></li>
                                        <li><a  style="background: #fff;" href="{{ path('pafcic_online_pafcic_article_category', { 'name': 'Endovascular' }) }}" ><i class="fa fa-user-md dept-tabs-icon"></i><span class="tabs-heads">Endovascular</span><i class="right-arr"></i></a></li>
                                        <li><a  style="background: #fff;" href="{{ path('pafcic_online_pafcic_article_category', { 'name': 'Congenital' }) }}"><i class="icon-ambulance dept-tabs-icon"></i><span class="tabs-heads">Congenital</span><i class="right-arr"></i></a></li>
                                        <li><a  style="background: #fff;" href="{{ path('pafcic_online_pafcic_article_category', { 'name': 'Arrhythmia' }) }}"><i class="fa fa-heartbeat dept-tabs-icon"></i><span class="tabs-heads">Arrhythmia</span><i class="right-arr"></i></a></li>
                                        <li><a  style="background: #fff;" href="{{ path('pafcic_online_pafcic_article_category', { 'name': 'Imaging' }) }}" ><i class="icon-eye-open dept-tabs-icon"></i><span class="tabs-heads">Imaging</span><i class="right-arr"></i></a></li>
                                        <li><a  style="background: #fff;" href="{{ path('pafcic_online_pafcic_article_category', { 'name': 'Pharmacology' }) }}" ><i class="icon-medkit dept-tabs-icon"></i><span class="tabs-heads">Pharmacology</span><i class="right-arr"></i></a></li>
                                        <li><a style="background: #fff;" href="{{ path('pafcic_online_pafcic_article_category', { 'name': 'Other' }) }}" ><i class="icon-stethoscope dept-tabs-icon"></i><span class="tabs-heads">Other</span><i class="right-arr"></i></a></li>
                                       </ul>
				</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;">  Articles </div>
                    {% 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 %} 
               <div class="col-md-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-md-2">
                        {{ render(controller('PafcicOnlinePafcicBundle:Banners:banner_right_b')) }}
                </div>
            </div> 
         </div>
         </div>

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


{% endblock %}