{% extends "t_index.twig" %}

{% block header_js %}
      <script src="js/bootstrap/bootstrap.js"></script>
         <!--script>
  $(document).ready(function () {
      
      if (sessionStorage.getItem('advertOnce') !== 'true') {
           $('#mob').append(
                  
                    "<div id='append' style='text-align:center;color:#006b67 ;'>  <p>الآن ...موقع الشيخ عز الدين رمضاني\n\
                  <br>مكيَّفٌ على الهواتف الذكية واللوحات الرقمية</p><div id='container' style='position : relative;overflow : hidden;height: 350px;'><img style='position : absolute;top:0;left:0;' src='images/snap_tablet.png' width='100%'  /></div></div>");
        
        $('#contactSuccess').modal('show');
        sessionStorage.setItem('advertOnce','true');
    }
    
    $('#popup-close').click(function(e) 
    {
      $( "#append" ).remove();
    });
    
$(function () {
    var $image = $('#container').children('img');
    function animate_img() {
        if ($image.css('top') == '0px') {
            $image.animate({top: '-1850px'}, 20000, function () {
                animate_img();
            });
        } else {console.log('2');
            $image.animate({top: '0px'}, 20000, function () {
                animate_img();
            });
        }
    }
    animate_img();
});
   

    
    
   });
        </script-->     
     {% endblock %} 
     
     
{% block right_side %} 
      
           
                <!------RIGHT----->
                
                <div id="home_modal" class="col-sm-8" >
                 
                     <div class="modal fade" id="contactSuccess">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" id="popup-close" data-dismiss="modal" aria-label="Close"><span style="color:green;font-weight: bold;" aria-hidden="false">&times;</span></button>

                                </div>
                                <div id='mob' class='modal-body' style="font-family: 'Droid Arabic Kufi',serif;font-size: 15px;">
                                    
                                    
                                </div>

                            </div>
                        </div>
                    </div> 
                    
                    
                    
                <div class="row col-sm-12" style="">
                    
                    
                    <div style="max-width: 100% !important; max-height: 158px !important;" data-options="{&quot;general&quot;:{&quot;randomize&quot;:false},&quot;dimensions&quot;:{&quot;width&quot;:500,&quot;height&quot;:158,&quot;responsive&quot;:true,&quot;full_width&quot;:true,&quot;image_resizing&quot;:false,&quot;keep_ratio&quot;:true,&quot;background_images&quot;:false},&quot;transitions&quot;:{&quot;effect&quot;:&quot;fade&quot;,&quot;duration&quot;:400},&quot;navigation&quot;:{&quot;arrows&quot;:true,&quot;arrows_hover&quot;:false,&quot;arrows_position&quot;:&quot;inside&quot;,&quot;pagination&quot;:true,&quot;pagination_hover&quot;:false,&quot;pagination_position&quot;:&quot;inside&quot;,&quot;pagination_location&quot;:&quot;bottom-left&quot;},&quot;playback&quot;:{&quot;enabled&quot;:true,&quot;pause&quot;:4000}}" class="easingslider easingslider-92 no-js use-fade has-loaded">
                        <div style="height: 158px;max-height: 158px;" class="easingslider-viewport">

                            {% set bannersIndex = [] %}
                            {% set banners = data.banners%}
                     {% for  banner in banners %}
                           {% set bannersIndex = bannersIndex|merge([loop.index]) %}
                         {% if banner.IMAGE  %}
                            <div style="animation-duration: 400ms; display: none;" class="easingslider-slide easingslider-slide-1 easingslider-image-slide">
                                <a href="?snhtl=content&page=idha3a">   <img class="easingslider-image" alt="" title="" src="Media/banniere/large/{{banner.IMAGE}}"></a> 
                            </div>
                              {% endif %}
                    {% endfor %}
                         

                        </div>

                        <div style="display: block;" class="easingslider-arrows easingslider-next inside">

                        </div>

                        <div style="display: block;" class="easingslider-arrows easingslider-prev inside">

                        </div>

                        <div style="display: block;" class="easingslider-pagination inside bottom-left">
                 {% for  i in bannersIndex %}
                       {% if loop.first %}
                            <div class="easingslider-icon active">

                            </div>
                            {% else %}
                            <div class="easingslider-icon ">
                            </div>
                             {% endif %}
               {% endfor %}
                        </div>
                    </div>
                    
                    
                </div>
                        
                 <div class="row col-sm-12" style="">
                 <div class="row max_head" style="margin: 0;">
                     
                     <div class="head_title" style="font-weight: bold; padding: 10px;">
                        <p style="z-index: 10;">
                           المقال الشهري 
                        </p>
                     </div>
                    
                </div>
                     
                      
                <div class="row p_container" style=";margin: 0;">
                    {% set makal_shahri = data.makal_shahri %}
                       
                     {% if(makal_shahri)  %}
                    <p style="z-index: 10;"><a href="?snhtl=content&page=data&container={{makal_shahri.RUBID}}&element={{makal_shahri.ARID}}"> {{makal_shahri.TITLE|raw}}</a></p>
                    
                    
                    <p></p>
                             <p id="makal_shahri">
                      {{rawing (makal_shahri.CONTENU)|striptags|slice(0, 560)|raw }} ...
                             </p>

<div class="addtoany_share_save_container addtoany_content_bottom">
    <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, '{{makal_shahri.TITLE|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, '{{makal_shahri.TITLE|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, '{{makal_shahri.TITLE|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>

<a href="?snhtl=content&page=data&container={{makal_shahri.RUBID}}&element={{makal_shahri.ARID}}"><i class="fa fa-plus-circle"> </i> اقرأ المزيد </a>
{% endif %}
<p></p> 

                </div>
                
                    
                </div>
                    
                   
                    
                        <div class="row col-sm-12" style="">
                 <div class="row max_head" style="margin: 0;">
                     
                     <div class="head_title" style="font-weight: bold; padding: 10px;">
                        <p style="z-index: 10;">
جديد المقالات                            

                        </p>
                     </div>
                    
                </div>
                     
                      
                <div class="row p_container" style=";margin: 0;">
                     {% set jadeed_makalat = data.jadeed_makalat%}
                     {% for  jadeed_makala in jadeed_makalat %}
                          
                         {% if jadeed_makala.TITLE  %}
                    
                    
                    <ul style="padding: 5px;border:solid 1px lightgray;">
                        <p style="z-index: 10;">
                            <a href="?snhtl=content&page=data&container={{jadeed_makala.RUBID}}&element={{jadeed_makala.ARID}}"><i class="fa fa-caret-left"> </i>  {{jadeed_makala.TITLE |raw}}</a>
                        </p>
                        
                         <p></p>
                         
                         {% if jadeed_makala.CONTENU  %}
                             <p>
                      {{rawing (jadeed_makala.CONTENU)|striptags|slice(0, 200)|raw }} ...
                         <a href="?snhtl=content&page=data&container={{jadeed_makala.RUBID}}&element={{jadeed_makala.ARID}}" style='float: left;'><i class="fa fa-plus-circle"> </i> اقرأ المزيد </a>
           
                             </p>
                             
                              {% endif %}
                 </ul>
                      {% endif %}
               {% endfor %}

                </div>
                
                    
                </div>
                    
                    
                   
                     
                      <div class="row col-sm-12" style="">
                 <div class="row max_head" style="margin: 0;">
                     
                     <div class="head_title" style="font-weight: bold; padding: 10px;">
                        <p style="z-index: 10;">
جديد الخطب والدورات العلمية                          
                            
                        </p>
                     </div>
                    
                </div>
                     
                      
                <div class="row p_container" style=";margin: 0;">
				
				
				
				
			  <div class="col-md-6" style="padding-left: 2px;padding-right: 2px;margin-bottom: 5px;">
                          <div class="col-md-12" style="height: 40px;text-align: center;padding-top: 10px; padding-bottom: 10px;color:#fff;background-color: #006b67;">
                            جديد الخطب
				</div> 
                   
                         
                  <div class="col-md-12" style="padding-left: 0px;padding-right: 0px;border:solid 1px lightgray;padding:  2px;max-height:140px;min-height:115px;overflow:auto;">
				       {% set jadeed_khoutab = data.jadeed_khoutab%}
                       <div class="col-md-12" style="padding-left: 3px;padding-right: 3px;">
                        
						
						 {% for  jadeed_khoutba in jadeed_khoutab %}
                          
                         {% if jadeed_khoutba.TITLE  %}
                    <ul style="padding-right: 0px;">
                        <p style="z-index: 10;">
                            <a href="?snhtl=content&page=sawtiya&element={{jadeed_khoutba.IDS}}&type={{jadeed_khoutba.TYPE}}&list={{jadeed_khoutba.LIST}}"><i class="fa fa-caret-left"> </i> {{jadeed_khoutba.TITLE |raw}}</a>
                        </p>
                    </ul>
                      {% endif %}
               {% endfor %}
			   
                  </div>
                      
                 
				  </div>
			  

                </div>
				
				
				
				 <div class="col-md-6" style="padding-left: 2px;padding-right: 2px;margin-bottom: 5px;">
                          <div class="col-md-12" style="height: 40px;text-align: center;padding-top: 10px; padding-bottom: 10px;color:#fff;background-color: #006b67;">
                           جديد الدورات العلمية
				</div> 
                   
                         
                  <div class="col-md-12" style="padding-left: 0px;padding-right: 0px;border:solid 1px lightgray;padding:  2px;max-height:140px;min-height:115px;overflow:auto;">
				       {% set jadeed_dawrat = data.jadeed_dawrat%}
                       <div class="col-md-12" style="padding-left: 3px;padding-right: 3px;">
                        
						
						 {% for  jadeed_dawra in jadeed_dawrat %}
                          
                         {% if jadeed_dawra.TITLE  %}
                    <ul style="padding-right: 0px;">
                        <p style="z-index: 10;">
                            <a href="?snhtl=content&page=sawtiya&element={{jadeed_dawra.IDS}}&type={{jadeed_dawra.TYPE}}&list={{jadeed_dawra.LIST}}"><i class="fa fa-caret-left"> </i> {{jadeed_dawra.TITLE |raw}}</a>
                        </p>
                    </ul>
                      {% endif %}
               {% endfor %}
			   
                  </div>
                      
                 
				  </div>
			  

                </div>
				
                
                    
                </div>
				 </div>
				
				
				   <div class="row col-sm-12" style="">
                 <div class="row max_head" style="margin: 0;">
                     
                     <div class="head_title" style="font-weight: bold; padding: 10px;">
                        <p style="z-index: 10;">
جديد الدروس                              
                            
                        </p>
                     </div>
                    
                </div>
                     
                      
                <div class="row p_container" style=";margin: 0;">
				
				
			  
                    
		  <div class="col-md-12" style="padding-left: 2px;padding-right: 2px;margin-bottom: 5px;">
                          <div class="col-md-12" style="height: 40px;text-align: center;padding-top: 10px; padding-bottom: 10px;color:#fff;background-color: #006b67;">
                            تفسير القرآن الكريم
				</div> 
                  <div class="col-md-12" style="padding-left: 0px;padding-right: 0px;border:solid 1px lightgray;padding:  2px;max-height:140px;min-height:100px;overflow:auto;">
				  {% set jadeed_tafsir = data.jadeed_tafsir%}
                       <div class="col-md-12" style="padding-left: 3px;padding-right: 3px;">
                          
						   {% for  jadeed_dars in jadeed_tafsir %}
                          
                         {% if jadeed_dars.TITLE  %}
                    <ul style="padding-right: 0px;">
                        <p style="z-index: 10;">
                            <a href="?snhtl=content&page=sawtiya&element={{jadeed_dars.IDS}}&type={{jadeed_dars.TYPE}}&list={{jadeed_dars.LIST}}"><i class="fa fa-caret-left"> </i> {{jadeed_dars.TITLE |raw}}</a>
                        </p>
                    </ul>
                      {% endif %}
               {% endfor %}
			   
                  </div>
                      
                  </div>
			  </div>
			  
			  <div class="col-md-12" style="padding-left: 2px;padding-right: 2px;margin-bottom: 5px;">
                          <div class="col-md-12" style="height: 40px;text-align: center;padding-top: 10px; padding-bottom: 10px;color:#fff;background-color: #006b67;">
                            شرح الأدب المفرد
				</div> 
                  <div class="col-md-12" style="padding-left: 0px;padding-right: 0px;border:solid 1px lightgray;padding:  2px;max-height:140px;min-height:100px;overflow:auto;">
				  {% set jadeed_dourouss = data.jadeed_adab%}
                       <div class="col-md-12" style="padding-left: 3px;padding-right: 3px;">
                          
						   {% for  jadeed_dars in jadeed_dourouss %}
                          
                         {% if jadeed_dars.TITLE  %}
                    <ul style="padding-right: 0px;">
                        <p style="z-index: 10;">
                            <a href="?snhtl=content&page=sawtiya&element={{jadeed_dars.IDS}}&type={{jadeed_dars.TYPE}}&list={{jadeed_dars.LIST}}"><i class="fa fa-caret-left"> </i> {{jadeed_dars.TITLE |raw}}</a>
                        </p>
                    </ul>
                      {% endif %}
               {% endfor %}
			   
                  </div>
                      
                  </div>
			  </div>
			  
			   <div class="col-md-12" style="padding-left: 2px;padding-right: 2px;margin-bottom: 5px;">
                          <div class="col-md-12" style="height: 40px;text-align: center;padding-top: 10px; padding-bottom: 10px;color:#fff;background-color: #006b67;">
                            شرح العقيدة الطحاوية
				</div> 
                  <div class="col-md-12" style="padding-left: 0px;padding-right: 0px;border:solid 1px lightgray;padding:  2px;max-height:140px;min-height:100px;overflow:auto;">
				  {% set jadeed_dourouss = data.jadeed_tahawiya%}
                       <div class="col-md-12" style="padding-left: 3px;padding-right: 3px;">
                          
						   {% for  jadeed_dars in jadeed_dourouss %}
                          
                         {% if jadeed_dars.TITLE  %}
                    <ul style="padding-right: 0px;">
                        <p style="z-index: 10;">
                            <a href="?snhtl=content&page=sawtiya&element={{jadeed_dars.IDS}}&type={{jadeed_dars.TYPE}}&list={{jadeed_dars.LIST}}"><i class="fa fa-caret-left"> </i> {{jadeed_dars.TITLE |raw}}</a>
                        </p>
                    </ul>
                      {% endif %}
               {% endfor %}
			   
                  </div>
                      
                  </div>
			  </div>
				  
		
                    
                    
                
				
				
                    
                  
                    

                </div>
                
                    
                </div>
				
               
               
              
                    
                </div>
                <!------RIGHT----->
               
                 
         
           
              
              
       
      {% endblock %}
 