{% extends "t_article.twig" %}

{% block article_content %}
    <script type="text/javascript" language="javascript">


        $(function () {
            $('.article_container_list').dotdotdot({
                watch: 'window'
            });
        });


    </script>
    {% set revue = data.revue_l %}
    {% set revueIndex=data.count  %}
    <ul class="breadcrumb">

        <li><a href="?action=index">Accueil</a></li>
        <li>Revue</li>

    </ul>

  {% if revueIndex.count>0 %}
    {% for  rev in revue %}
       
        <div >
        <div id="dot1" class="article_container_list"  style="display: inline-block; width:100%; margin-bottom:10px; border:1px solid grey;padding:5px;">
            <div id="dot1" class="article_container_text" style=" margin-right: 78px;float:left;">
            <div class="article_title_liste">
                <a  href="?controller=article&action=revue&id={{rev.RID}}" style="text-decoration: none;">

                    {{rawing(rev.TITRE)}}
                </a>
            </div>

            <div  class="article_date">
                <a class="article_date" href="?controller=article&action=revue&id={{rev.RID}}" style="text-decoration: none;">

                    {{'Du '~ rawing(rev.DATE)}}
                </a>
            </div>
            {% set twig_content_variable= rev.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>  
                <a  href="?action=downloadRevue&f={{rev.FILE}}" >

             <img  style="width: 74px; height: 79px; float: right;  margin-right: 6px;float:right;"  alt="" src="Media/revue/images/{{ rev.IMAGE |raw}}">
           </a>
        </div>
              
             </div>   
            
    {% endfor %}
    
     {% else %}
        <div class="article_container" >
        <div class="article_title">
            Pas de contenu disponible
        </div>
        </div>
     {% endif %}
    <div id="content"></div>
    
     {% if revueIndex.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=revue&row={{row.row-1}}">&laquo;</a></li>
                {% else %}
                <li><a href="#">&laquo;</a></li>

            {% endif %}

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

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