{% extends "t_article.twig" %}

{% block header_css %}

{% endblock %}

{% block header_js %}

	
   
{% endblock %}

{% block right_side %}
    
    {% set contenu = data.contenu %}
    
    {% set contenuIndex=data.count  %}
    {% set type=data.type  %}
	{% set list=data.list  %}
     {% set path=data.path  %}
    <div class="col-sm-8" >


        <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>
                {% if type  %}
                <li><a href="?snhtl=wrap&page=sawtiyat">الصّوتيات</a></li>
                {% else   %}
                  <li>الصّوتيات</li>
                    {% endif   %}
                
                 {% if type  %}
                     {% if type.type==1  %}
                     {% set titre='خطب منبرية'  %}
                      {% elseif type.type==2  %}
                          {% set titre='دروس و محاضرات'  %}
                           {% elseif type.type==3  %}
                          {% set titre='دورات علمية'  %}
                          {% endif   %}
                     
                <li><a href="?snhtl=wrap&page=Listsawtiyat&type={{type.type}}">{{titre}}</a></li>
                 {% endif   %}
                {{rawing(path.path)|raw}}
            </ul>   

            <div style="margin: 0;" class="row ">

            {% if contenuIndex.count>0 %}
                <table style="font-family: 'Lotus Linotype',serif;font-size: 15px;" class="table table-hover table-bordered">
                    <thead style="background-color: #D65454;">
                        <tr style="color:#FFFFFF;text-align: center;">
                            <th style="text-align: center;">العنوان</th>
                            <th style="text-align: center;" width="20%">الصوتية</th>
                            <th style="text-align: center;">تحميل</th>
                        </tr>
                    </thead>
                    <tbody style="text-decoration: none;color: #006b67">
                        
                        
                         {% if contenuIndex.count>0 %}
                          {% for  info in contenu %}
                           {% if(info.FICHIER) %}
                               
                                {% if(info.ID_TYPE==1) %}
                          
                               {% set folder = 'khoutab' %}
                                {% elseif (info.ID_TYPE==2) %}
                                {% set folder = 'dourouss' %}
                                 {% elseif (info.ID_TYPE==3) %}
                                 {% set folder = 'dawrat' %}
                           {% endif %}
                           
                               {% if loop.index is divisible by(2) %}
                         <tr class="success">
                            <td><a href="?snhtl=content&page=sawtiya&element={{info.IDS}}&type={{info.ID_TYPE}}&list={{info.ID_LIST}}">{{info.TITLE|raw}}</a></td>
                            <td> 
							
							<div id="wrapper">
							<audio preload="auto" controls style="width: 100%;">
				<source src="Media/sawtiyat/{{folder}}/{{info.FICHIER|trim|raw}}">
				
			</audio>
 </div>
							
							
								

						
                            </td>
                            <td> <a href="?page=downloadSawtiya&f={{info.FICHIER|trim|raw}}&type={{info.ID_TYPE}}&id={{info.IDS}}"> <i class="fa fa-download"> </i>تحميل  {% if(info.DOWN_COUNT>0) %}({{info.DOWN_COUNT}} مرة ) {% endif %}</a> </td>
                        </tr>
                               {% else %}   
                        <tr >
                            <td><a href="?snhtl=content&page=sawtiya&element={{info.IDS}}&type={{info.ID_TYPE}}&list={{info.ID_LIST}}">{{info.TITLE|raw}}</a></td>
                           <td>
						   
						   
						  <audio preload="auto" controls style="width: 100%;">
				<source src="Media/sawtiyat/{{folder}}/{{info.FICHIER|trim|raw}}">
				
			</audio>

						   
						   		
                            </td>
							
							
                            <td> <a href="?page=downloadSawtiya&f={{info.FICHIER|raw}}&type={{info.ID_TYPE}}&id={{info.IDS}}"> <i class="fa fa-download"> </i> تحميل {% if(info.DOWN_COUNT>0) %}({{info.DOWN_COUNT}} مرة ) {% endif %}</a> </td>
                        </tr>
                        {% endif %}
                     {% endif %}
               {% endfor %}
                {% endif %}




                    </tbody>
                </table>
                 
          
                <!--ul style="font-size: 14px;font-weight: bold;" class="pager">
                    <li><a href="#">&lt; السابق</a></li>
                    <li><a href="#">التالي  &gt; </a></li>
                </ul--> 
                
                
                  {% if contenuIndex.count>1 %}
<div id="page-selection" style="text-align: center;"> {% set row = data.row %}
  <ul style="font-size: 14px;font-weight: bold;" class=" pagination pagination-sm">
    {% if row.row>0 %}
    <li><a href="?snhtl=wrap&page=sawtiyat&row={{row.row-1}}&type={{type.type}}&list={{list.list}}">&lt; السابق</a></li>
    {% else %}
    <li><a >&lt; السابق</a></li>
    {% endif %}
    
    {% for  i in 1..contenuIndex.count %}  
    
    {% if loop.index-1==row.row %}
    <li class="active"><a href="#">{{i}}</a></li>
    {% else %}
    <li><a href="?snhtl=wrap&page=sawtiyat&row={{loop.index-1}}&type={{type.type}}&list={{list.list}}">{{loop.index}}</a></li>
    {% endif %}
    {% endfor %}
    {% if row.row<contenuIndex.count-1 %}
                
    <li><a href="?snhtl=wrap&page=sawtiyat&row={{row.row+1}}&type={{type.type}}&list={{list.list}}">التالي  &gt;</a></li>
    {% else %}
    <li><a >التالي  &gt;</a></li>
    {% endif %}
  </ul>
</div>
{% endif %}

                 {% endif %}
            </div>





        </div>











    </div>
{% endblock %}