{% extends "t_article.twig" %}

{% block article_content %}
   
    {% set videos = data.videos %}
    {% set videosIndex=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>Videos</li>
    </ul>
{% if videosIndex.count>0 %}
  <div id="dot1" class="article_container" style="display:inline-block;margin-top: 0px;" >
    {% for  v in videos %}
      
        <div id="dot1" class="article_container_media" >
            <div class="article_title_liste">
                <a  href="?controller=article&action=videos&id={{v.IDV}}" style="text-decoration: none;">

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

            <!--div  class="article_date">
               
                    {{'Du '~ rawing(v.DATE)}}
                
            </div-->
                <div  style="height: 137px;">
             <a  href="?controller=article&action=videos&id={{v.IDV}}" >

             <img  style="width: 100%; height: 100%; float: left; "  alt="" src="Media/videos/images/{{ v.IMAGE |raw}}">
           </a>
            </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 videosIndex.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=videos&row={{row.row-1}}">&laquo;</a></li>
                {% else %}
                <li><a href="#">&laquo;</a></li>

            {% endif %}

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

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