{% extends "::base.html.twig" %}
{% block title %}News::{{entity.titre}}{% endblock %}
 {% block stylesheets %}

     <meta property="og:title" content="{{ entity.titre }}"/>
     <meta property="og:type" content="article"/>
     <meta property="og:image" content="{{ entity.pictures.webPath }}"/>
     <meta property="og:description" content="{{ entity.content }}"/>
     {{ parent() }}
 {% endblock %}
{% block body %}
<section class="complete-content"> 
    <div class="services-content-wrap pull-left">
        <div class="container">
            <div class="row">
                <div class=" col-md-8  content-tabs-wrap" style="padding-top:36px !important;">
                    <div class="content-tabs col-md-12">
                        <!-- Nav tabs -->
                        <!-- Tab panes -->
                        <div class="tab-content articles col-md-12">
                            <div class="tab-pane fade in active">
                                <h4>{{entity.titre}}</h4><hr>
                                <img alt="" class="img-responsive" src="{{ asset(entity.pictures.webPath)}}" style="width: 688px;height: 309px"  >
                                <span class="span-news pull-right" style="margin-top: 10px;margin-bottom: -9px;"><i class="icon-calendar" style="margin: 1px 10px 0 0;"></i> {{ entity.datePublished |date('Y-M-d') }} </span>
                                <span class="span-news pull-left" style="margin-top: 10px;margin-bottom: -9px;"><i class="fa fa-tags" style="font-size: 18px;color: #223884;"></i>
{{ entity.section}}</span>
                                <div class="clearfix"></div><hr>
{{ entity.content |raw }}
                            </div>
                            {{ socialButtons() }}
                        </div>
                    </div>
                </div>
               <div class="col-md-4  no-pad appointment-form " 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>NEWS </div>
{% for last in lasts %}  
                    <!--post box-->
                    <div class="col-md-12 service-box no-pad" style="padding-bottom: 0px; border: 1px solid #F7F7F7;min-height: 71px!important;">
                        <div class="col-md-12 service-title no-pad" style="font-size: 15px;">
                            <div class="col-md-2 no-pad">
                                <img src="{{ asset(last.pictures.webPath)}}"  style="height:46px;width: 46px;" class="img-responsive post-author-img" alt="">
                            </div>
                            <div class="col-md-10 no-pad">
                                {{ last.titre }}
                            </div>

                        </div>
                        <span class="span-news" ><i class="icon-calendar"></i>{{ last.datePublished|date('Y-M-d')|upper }}</span><a  href="#" class="pull-right read-more" style="width: 24% !important;">read more >></a>			
                    </div>
                    <!--end post box-->

{% endfor %}
                </div>
                 <div class="col-md-4  no-pad appointment-form ">
                    <div class="subtitle" style="background: transparent !important;margin-bottom:0px !important"><span class="iconlist-mid-title">In the </span>  video </div>
                    <div class="blog-box">
                        <iframe height="200" src="//www.youtube.com/embed/{% if  entity.video == NULL %} OgYL3M_RAYA {% else %} {{ entity.video }} {% endif %}" class="iblog-iframe" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}