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


   
    
  <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>     <a href="?snhtl=wrap&page=mawa3id">مواعظ</a> </li>
                    
                  {% if contenu.TITRE|length>100 %}  
                      <li>    {{rawing(contenu.TITRE)|slice(0, 60)}}...
                        </li>
                         {% else %}
                             <li>    {{rawing(contenu.TITRE)}}
                        </li>
                              {% endif %}
           </ul>             
  
                 <div style="margin: 0;" class="row max_head">
                     
                     <div style="font-weight: bold; padding: 10px;" class="head_title">
                        <p style="z-index: 10;">
                           
                       {% if contenu.TITRE|length>100 %}
                       {{rawing(contenu.TITRE)|slice(0, 60)}}...
                       {% else %}
                            {{rawing(contenu.TITRE)}}
                            {% endif %}

                        </p>
                     </div>
                    
                </div>
                     
                      
                <div style=";margin: 0;" class="row p_container printable">
             
             
               
  
  
  <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>

  
   {% set twig_content_variable= contenu.DESCR%}
        {% 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="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, '{{TITRE.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, '{{TITRE.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 class="head_title" style="" width:="" 50%;="" font-weight:bold;="" float:right;="" margin-top:="" 9px;="" margin-right:="" 18px;"="">

     <ul style="list-style-type: none;" class="nav-menu page_suivant">

        <li style="float: right;
padding-right: 3px;
background-position: right center;
background-repeat: no-repeat;
padding-right: 28px;
background-image: url(./images/previous-arrow.png);">
            <a href="?snhtl=content&page=maw3ida&element={{prev.IDM}}" rel="next">{{prev.TITLE|raw}}</a>	</li>
        <li style="float: left;
padding-left: 25px;
background-position: left center;
background-repeat: no-repeat;
padding-right: 28px;
background-image: url(./images/next-arrow.png);">
            <a href="?snhtl=content&page=maw3ida&element={{next.IDM}}" rel="prev">{{next.TITLE|raw}}</a>	</li>

    </ul>
</div>
         

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