{% extends "Web/Global.php.twig" %}

{% macro getFileanme(filename, articleId, rubriqueId) %}
    {% if filename is ondisk %}
        {{ filename }}
    {% elseif ("Graphisme/mediasSpip/rubon"~articleId~".png") is ondisk %}
        Graphisme/mediasSpip/rubon{{ articleId }}.png
    {% else %}
        Graphisme/mediasSpip/rubon{{ rubriqueId }}.jpg
    {% endif %}
{% endmacro %}

{% block body %}
    <script src="js/Templates/Rubrique/slider_liste_article.js"></script>

    <style>
        .contentAjaxArticle {
            margin-left: 15px;
            padding-left: 15px;
            padding-top: 10px;
        }
    </style>

    <div id="content">
        <div class="container" style="padding-bottom: 32px;">


            <div class="row">

                <div class="col-md-12">

                    <h2> {{ rubrique.getTitle() }}</h2>



                    {% for Art in  rubrique.getLastArticles(10, 'non') %}

                        <div>


                            <h3><span><a href="{{ item.urlRewrite }}">{{ item.title }}</a></span></h3>


                            {% if Art.getUrlRewrite() is empty %}
                                {% set link = 'Article?'~Art.articleId %}
                            {% else %}
                                {% set link = Art.getUrlRewrite %}
                            {% endif %}

                            <span class="ajaxArticle" data-id="{{ Art.articleId }}"
                                  style="cursor: pointer;{% if loop.index == '1' %}font-weight:500{% endif %}">{{ Art.title }}</span><br/>
<i style="font-size: 0.8em">Publié le {{ Art.getDatePublication() | date('d/m/Y') }}</i>
                                  <br/>

                            <span id="contentArticle{{ Art.articleId }}" style=" {% if loop.index != '1' %}display:none{% else%}display:inline-block{% endif %}" class="contentAjaxArticle">


                                {% set filename2 = _self.getFileanme(("Graphisme/mediasSpip/arton"~ Art.articleId ~".jpg"), Art.articleId, rubrique.rubriqueId)|trim %}

                                {#<img src="{{ filename2 }}" style="float:left;max-width: 25%;padding-right:8px;padding-bottom:8px;">#}
                                {{ Art.about|raw }}
</span>



                        </div>
                        <hr/>
                    {% endfor %}


                </div>




            </div>
        </div>


    </div>




{% endblock %}