{% extends "::base.html.twig" %}
{% block body %}
<section class="header-admin col-md-12">
    <a href="{% if view == 1 %} {{ path('articles_foreditor') }}  {% elseif view == 2  %}  {{ path('articles_forreviewer') }} {% else  %} {{ path('articles_index') }} {% endif %}" class="inner-page-butt-blue medium-but  pull-right"><i class="fa fa-cogs inner-page-butt-blue-icon"></i>return to list of Articles</a> </section>
<section class="complete-content"> 
		<div class="services-content-wrap pull-left">
        	<div class="container">
              <div class="row">
            <div class="col-xs-12 col-sm-7 col-md-8 col-lg-8 content-tabs-wrap wow fadeInUp animated" data-wow-delay="1.7s" data-wow-offset="200">
            	<div class="content-tabs col-md-12">
                    <!-- Tab panes -->
                    <div class="tab-content articles fix col-md-12" style="min-height: 591px;">
                      <div class="tab-pane fade in active">
                          {#<div class="testi-author-info col-md-2" style="width: 68px;float: left; min-height: 62px;">#}
                             <div class="col-md-2">
                                 <div class="row">
                                     <div class="col-md-12">
                                         {% if (entity.user.profile is not null) %}
                                             {#<img alt="" src="{{ asset(entity.user.profile.webPath)}}" class="img-responsive testi-img img-circle" style="margin: 3px 8px 2px;width: 38px;">#}
                                             <img alt="" src="{{ asset(entity.user.profile.webPath)}}" class="img-responsive img-circle" style="width: 75px;">
                                         {%else%}
                                             <img alt="" src="{{ asset('assets_front/images/test-dummy-1.png') }}" class="img-responsive img-circle" style="width: 75px;">
                                             {#<img alt="" src="{{ asset('assets_front/images/test-dummy-1.png') }}" class="img-responsive testi-img img-circle" style="margin: 3px 8px 2px;width: 38px;">#}
                                         {%endif%}
                                     </div>
                                     <div class="col-md-12">
                                         <div class="testi-author-name" style="font-size: 11px;">{{entity.createdby}}</div>
                                     </div>
                                 </div>


                             </div>
                          <div class=" col-md-10">
                              <h3>{{entity.title}}</h3>
                          </div>
                          <div class=" col-md-12">
                              <hr>
                          </div>


                        {% if (image is not null) %}
                          <img alt="" class="img-responsive" src="{{ image }}" style="width: 688px;height: 309px"  >
                         {% else %}
                           <img alt="" class="img-responsive" src="{{ asset('assets_front/images/no_image.png')}}" style="width: 688px;"  >

                          {%endif%}
                    <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> 
                     {% set cpt_i = 0 %}
                          {% for cat in entity.category %}
                            {% set cpt_i = cpt_i+1 %}
                           {{ cat.titre }} 
                           {% if cpt_i != entity.category |length %} , {% endif %}
                          {% endfor %}
                    </span>
                    <div class="clearfix"></div>
                          <hr>
                          {{ entity.abstract |raw }}
                          <hr>
                         {{ entity.content |raw }}  
                      <em>(CO-AUTHORS:
                        {% set cpt = 0 %}
                          {% for coauth in entity.coauthor %}
                            {% set cpt = cpt+1 %}
                           {{ DrName(coauth.firstname,coauth.lastname) }}
                           {% if cpt != entity.coauthor |length %} , {% endif %}
                          {% endfor %}
                          )</em>
                          <p class="modification">Date created : {{ entity.dateCreate|date('Y-M-d') }}  {% if (entity.document is not null) %} <span class="pull-right"><a href="{{ asset(entity.document.webPath)}}" target="_blank"><i class="fa fa-file-pdf-o"></i> Download</a></span>{% endif %}</p>
                        
                      </div>
                    </div>
                    </div>
            
            </div>
               
            <div class="col-xs-12 col-sm-12  col-md-4  no-pad appointment-form " id="bl-latest">
              <div class="subtitle" style="background: transparent !important;margin-bottom:0px !important"><span class="iconlist-mid-title">LAST</span>ARTICLES</div>
           
            {% for last in lasts %}  
                <!--post box-->
            <div class="col-sm-5 col-xs-12 col-md-12 col-lg-12 service-box no-pad" style="padding-bottom: 0px; border: 1px solid #F7F7F7;">
                <div class="service-title" style="font-size: 16px;">
                    <div class="service-icon-container rot-y">
                         {% if (last.image != null) %}
                        <img src="{{ asset(last.image.webPath)}}"  style="height:46px;width: 46px  " class="img-responsive post-author-img" alt="">
                         {% elseif (last.image == null) %}
                         <img src="{{ asset('assets_front/images/news-1.jpg')}}"  style="height:46px;width: 46px  " class="img-responsive post-author-img" alt="">
                          {%endif%}
                    </div>
                    {{ last.title }}
                </div>
                <span class="span-news" ><i class="icon-calendar"></i>{{ last.dateCreate|date('Y-M-d')|upper }}</span><a  href="{{ path('pafcic_online_pafcic_article_view', { 'salt': last.salt })}}" class="pull-right read-more" style="width: 24% !important;">read more >></a>			
            </div>
            <!--end post box-->
            {% endfor %}
            </div>
            {% if (entity.video is not null) %}
                   <div class="col-xs-12 col-sm-12  col-md-4  no-pad appointment-form ">
                        <div class="subtitle" style="background: transparent !important;margin-bottom:0px !important"><span class="iconlist-mid-title">the </span>  video </div>
                      <div class="blog-box">
                        
                        <iframe height="200" src="//www.youtube.com/embed/{% if (entity.video is null) %} OgYL3M_RAYA {% else %}{{entity.video}}{%endif%}" class="iblog-iframe" allowfullscreen></iframe>
                        </div>
                  </div>
            {%endif%}
            </div>
            
        </div>
     </div>
     
  </section>
{% endblock%}

{% block javascripts %}
    {{ parent() }}
    <script>
        function fancyBoxMe(e) {
            var numElemets = $(".articles p>img").size();

            var tarGet = $('.articles p>img').eq(e).data('href');
            $.fancybox({
                href: tarGet,
                helpers: {
                    title: {
                        type: 'inside'
                    }
                }
            }); // fancybox
        } // fancyBoxMe

        jQuery(document).ready(function() {
            $(".articles p>img").each(function (i) {
                $(this).bind('click', function () {
                    fancyBoxMe(i);
                }); //bind
            });

            $('#bs-example-navbar-collapse-1').addClass("blurredElement");
            $('#bl-latest').addClass("blurredElement");
            $('#bl-footer').addClass("blurredElement");

        });

    </script>

{% endblock%}