{% 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 " id="print-my">
                    <!-- 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 (entity.image is not null) %}
                          <img alt="" class="img-responsive" src="{{ asset(entity.image.webPath)}}" style="width: 688px;height: 309px"  >
                         {% else %}
                           <img alt="" class="img-responsive" src="{{ asset('assets_front/images/news-1.jpg')}}" style="width: 688px;height: 80px"  >
                          
                          {%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>
                          {% if entity.status == 1 %}
                          <p class="modification">Published : {{ entity.datePublished|date('Y-M-d') }}     <span class="pull-right"><a href="#"  onclick="PrintElem('print-my');"><i class="fa fa-print"></i> Print </a> {% if (entity.document is not null) %} <a href="{{ asset(entity.document.webPath)}}" target="_blank"> | <i class="fa fa-file-pdf-o"></i> Download</a></span> {% endif %}  <span class="pull-right"></span></p>
                          {% else %}
                          <p class="modification">Date created : {{ entity.dateCreate|date('Y-M-d') }}   <span class="pull-right"><a href="#"  onclick="PrintElem('print-my');"><i class="fa fa-print"></i> Print </a> {% if (entity.document is not null) %} <a href="{{ asset(entity.document.webPath)}}" target="_blank"> | <i class="fa fa-file-pdf-o"></i> Download</a></span> {% endif %}
                        {% endif %}
                      </div>
                    </div>
                    </div>
            
            </div>
               
            <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">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="col-md-12  service-title no-pad" style="font-size: 16px;">
                    <div class="col-md-2 no-pad">
                         {% if (last.image is not null) %}
                        <img src="{{ asset(last.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>
                    <div class="col-md-10 no-pad">
                        {{ last.title }}
                    </div>
                </div>
                {#<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;">#}
                <span class="span-news" ><i class="icon-calendar"></i>{{ last.datePublished|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
            });



        });

        function PrintElem(elem)
        {
            var mywindow = window.open('', 'PRINT', 'height=400,width=600');

            mywindow.document.write('<html><head><title>' + document.title  + '</title>');
            mywindow.document.write('</head><body >');
            mywindow.document.write('<h1>' + document.title  + '</h1>');
            mywindow.document.write(document.getElementById(elem).innerHTML);
            mywindow.document.write('</body></html>');

            mywindow.document.close(); // necessary for IE >= 10
            mywindow.focus(); // necessary for IE >= 10*/

            mywindow.print();
            mywindow.close();

            return true;
        }

    </script>

{% endblock%}