{% extends "::base.html.twig"%}
{% block title %}News{% 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">HEAD</span>LINES </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 %}
 {% 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>
 {% endfor %}
                                </ol>
                                <!-- Wrapper for slides -->
                                <div class="carousel-inner">
{% set cpt_i =0%}
{% for last in lasts %}
{% set cpt_i =cpt_i + 1 %}
                                    <div class="item {%if cpt_i == 1 %} active {% endif %} ">
                                        <img src="{{ asset(last.pictures.webPath)}}" style="height: 216px" alt="">
                                        <span class="titre"> {{last.titre}}</span>
                                    </div>
{% 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>
                <!--Sidebar-end--> 
                <!-- Blog column -->
                <div class="col-md-6">
                    <div class="subtitle" style="background: transparent !important;margin-bottom:0px !important;">  News </div>
{% for entity in news %}  
                    <!--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="raw service-title" style="font-size: 18px;">
                            <div class="col-md-3 ">
                                <img src="{{ asset(entity.pictures.webPath)}}"  style="height:77px;width: 77px  " class="img-responsive post-author-img" alt="">
                            </div>
                            <div class="col-md-9" style="padding-left: 0px;">
                                {{ entity.titre }}
                            </div>

                        </div>
                        <div class="col-md-12">
                            <p>{{ entity.content |replace({'<p>': "", '</p>': ""}) |replace({'<h2>': "", '</h2>': ""}) |slice(0, 400)|raw}}</p>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <span class="span-news" ><i class="icon-calendar"></i>{{ entity.datePublished|date('Y-M-d')|upper }}</span><a  href="{{ path('pafcic_online_pafcic_news_view', { 'salt': entity.salt })}}" class="pull-right read-more">read more >></a>

                            </div>

                        </div>
                    </div>
                    <!--end post box-->
{% endfor %}
                    {% if news.count > 0 %}
                    <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_news', {'page': p}) }}">{{ p }}</a>
                            </li>
{% endfor %}
                        </ul>
                    </div>
                    {% endif %}
                </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 %}