{% extends "t_article.twig" %}
 {% block header_js %}
        <script src="js/print.js"></script>
 {% endblock %}
{% block right_side %}
    
 {% set contenu = data.contenu %}
  
 
   


   
    
  <div class="col-sm-8">
                 
                 {% if contenu %}   
                 <div style="" class="row col-sm-12">
  
      
      <ul class="breadcrumb "  style="font-family: 'Droid Arabic Kufi',serif;font-size:12px;font-weight:bold;" class="head_idhaa">
      <li> <a href="?action=index">الرّئيسية</a></li>
       
       <li>    اخترنا لك
                        </li>
                
                        
                     <li>    {{rawing(contenu.TITRE)}}
                        </li>
           </ul>             
  
                 <div style="margin: 0;" class="row max_head">
                     
                     <div style="font-weight: bold; padding: 10px;" class="head_title">
                        <p style="z-index: 10;">
                           

                         {{rawing(contenu.TITRE)}}

                        </p>
                     </div>
                    
                </div>
                     
                      
                <div style=";margin: 0;" class="row p_container printable">
             
                    
		 {% if rawing(contenu.IMAGE)!='' %}
		<div class="row"><p><img src="Media/choices/images/{{contenu.IMAGE}}" class="img-responsive icenter" style="padding-right: 15px; padding-left: 15px;"></p></div>
		
		 {% endif %}
               
  
  
  <ul style="padding-right: 0px;">
   
  <p style="z-index: 10;"> 
  <a href="#" title="طباعة المقال" rel="nofollow">
     <img class="WP-PrintIcon" src="./images/printer_famfamfam.gif"
    alt="طباعة المقال" title="طباعة المقال" style="border: 0px;">
  
  </a>&nbsp;<a id="p_article" href="" title="طباعة المقال"
  rel="nofollow">طباعة المقال</a>
  
  <script>
$( document ).ready(function() {
    var url      = window.location.href; 
   $("#p_article").attr("href", url+'&print=1');
   
   
   
                // Hook up the print link.
                $( "#p_article" )
                    .attr( "href", "javascript:void( 0 )" )
                    .click(
                        function(){
                           
                            // Print the DIV.
                            $( ".printable" ).print();
                            // Cancel click event.
                            return( false );
                        }
                        )
                ;
            
          
    
   
});
</script>
  </p>
{% if rawing(contenu.FILE)!='' %}
                              <p style="z-index: 10;color: #D56E2C; background-color: #F0F1F1"> 
                                    <a href="?page=downloadIkhtarna&f={{contenu.FILE|raw}}">
                                        <i class="fa fa-download"> </i>
                                تحميل الملف المرفق         
                                   </a>
                                </p>
                                
{% endif %} 
  
   {% set twig_content_variable= contenu.CONTENU%}
        {% set replace_value_var= '../../Media' %}
        {% set replace_with_value_var = 'Media' %}
        {{rawing(twig_content_variable|replace({ (replace_value_var): replace_with_value_var }))|raw }}
		<div class="row" style="margin-top:15px;">
		<div class="col-md-12">
		<video width="100%" controls>
  <source src="Media/choices/files/{{contenu.FILE}}" type="video/mp4">
  
  المتصفح لايدعم قارئ الفيديو
</video>
 </div>
 </div>

<div class="addtoany_share_save_container addtoany_content_bottom" style="margin-bottom: 10px;">
     <div id="" class="a2a_kit addtoany_list a2a_target">
        
     
        <a id="fb_link" class="social_icon" target="_blank" rel="nofollow" title="Facebook" href="" onclick="window.open(this.href, '{{contenu.TITRE|raw}}',
'left=20,top=20,width=600,height=500,toolbar=1,resizable=1'); return false;" class="a2a_button_facebook" aria-label="Facebook">
        <img width="16" height="16" alt="Facebook" src="./images/social/facebook.png">
        
        </a>
        
        <a id="twitter_link" class="social_icon" target="_blank" rel="nofollow" title="Twitter" href="" onclick="window.open(this.href, '{{contenu.TITRE|raw}}',
'left=20,top=20,width=600,height=500,toolbar=1,resizable=1'); return false;" class="a2a_button_twitter" aria-label="Twitter">
            <img width="16" height="16" alt="Twitter" src="./images/social/twitter.png">
        </a>
        
      
      
        
        <a id="gplus_link" class="social_icon" target="_blank" rel="nofollow" title="Google+" href="" onclick="window.open(this.href, '{{contenu.TITRE|raw}}',
'left=20,top=20,width=600,height=500,toolbar=1,resizable=1'); return false;"  class="a2a_button_google_plus" aria-label="Google+">
            <img width="16" height="16" alt="Google+" src="./images/social/google_plus.png">
        </a>
<script>
$( document ).ready(function() {
    var url      = window.location.href; 
   $("#fb_link").attr("href", "http://www.facebook.com/sharer.php/?u="+url);
   $("#twitter_link").attr("href", "https://twitter.com/share?url="+url);
   
   $("#gplus_link").attr("href", " https://plus.google.com/share?url="+url);
});
</script>

</div>

</div>


 <p style="z-index: 10;	color: #D56E2C; background-color: #F0F1F1"> 
 عدد المشاهدات (  {{contenu.COUNT}} مرة)</p>
                    
      <div style="width: 100%; height: 0px;">
          <img style="width: 100%; height: 6px; padding-right: 0px; margin-top: -38px;" src="./images/separation.png" alt="">
      </div>              
  

                </div>
                
                    
                </div>
                    
                   
               {% else %}
                   
                   <p>
                       
                       المحتوى غير متوفر حاليا، يرجى الانتظار الى اشعار آخر
                   </p>
                    
                   {% endif %} 
                    
                    
                   
                    
                    
                </div>
{% endblock %}