{% extends "t_article.twig" %}

{% block article_content %}
   
    {% set themes = data.themes %}
    {% set themesIndex=data.count  %}
    <ul class="breadcrumb">

        <li><a href="?action=index">Accueil</a></li>
        <li><a href="?controller=listing&action=mediatheque">Médiathèque</a></li>
        <li>Photos</li>
    </ul>
 {% if themesIndex.count>0 %}
  <div id="dot1" class="article_container" style="display:inline-block;margin-top: 0px;" >
    {% for  th in themes %}
        
        <div id="dot1" class="article_container_media" >
            <div class="article_title_liste">
                <a  href="?controller=listing&action=photos&id_theme={{th.IDT}}" style="text-decoration: none;">

                    {{rawing(th.TITLE)}}
                </a>
            </div>

            <!--div  class="article_date">
               
                    {{'Du '~ rawing(th.DATE)}}
                
            </div-->
                <div  style="height: 137px;">
             <a  href="?controller=listing&action=photos&id_theme={{th.IDT}}" >

             <img  style="width: 100%; height: 100%; float: left; "  alt="" src="Media/images_theme_gal/{{ th.IMAGE |raw}}">
           </a>
            </div>
           
           <div classe="article_date" style="text-align: center;margin-top: 4px;">
                {{rawing(th.COUNT_PHOTO) ~' photos'}}
           </div>
        </div>
    {% endfor %}
    <div id="content"></div>
   
</div>
    
      {% else %}
        <div class="article_container" >
        <div class="article_title">
            Pas de contenu disponible
        </div>
        </div>
     {% endif %}
     {% if themesIndex.count>1 %}
     <div id="page-selection" style="text-align: center;">
        {% set row = data.row %}

        <ul class="pagination pagination-sm">
            {% if row.row>0 %}
                <li><a href="?controller=listing&action=themes&row={{row.row-1}}">&laquo;</a></li>
                {% else %}
                <li><a href="#">&laquo;</a></li>

            {% endif %}

            {% for  i in 1..themesIndex.count %}  
                {% if loop.index-1==row.row %}
                    <li class="active"><a href="#">{{i}}</a></li>
                    {% else %}
                    <li><a href="?controller=listing&action=themes&row={{loop.index-1}}">{{loop.index}}</a></li>
                    {% endif %}
                {% endfor %}
                {% if row.row<themesIndex.count-1 %}
                <li><a href="?controller=listing&action=themes&row={{row.row+1}}">&raquo;</a></li>
                {% else %}
                <li><a href="#">&raquo;</a></li>
                {% endif %}

        </ul>
    </div>
                
                 {% endif %}
{% endblock %}