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

{% block body %}




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


            <div class="row">

                <div class="col-md-10">
                    <h2>{{ rubrique.getTitle() |raw }}</h2>
                    {{ rubrique.getAbout() |raw }}

                </div>

                <div class="col-md-2">
                    <div style="margin-top: 20px;">&nbsp;</div>

                    {% set filename = "Graphisme/mediasSpip/rubon"~ rubrique.rubriqueId ~".jpg" %}

                    {% if filename is ondisk %}
                        <img src="Graphisme/mediasSpip/rubon{{ rubrique.rubriqueId }}.jpg" class="img-responsive"/>
                    {% else %}
                        <img src="Graphisme/mediasSpip/rubon{{ rubrique.rubriqueId }}.png" class="img-responsive"/>
                    {% endif %}




                </div>
                <div class="col-md-12">
                    <h2> Articles</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 %}

                            <a href="{{ link }}" class="comment">{{ Art.title }} {{ Art.datePublication | date('d/m/Y') }}</a><br/>

                        </div>
                    {% endfor %}



                </div>

            </div>
        </div>


        {#<div id="slideshow">#}
        {#<div id="slidesContainer">#}



        {#{{ rubrique.toArray() | var_dump }}#}




        {#</div>#}
        {#</div>#}



    </div>

    <script type="text/javascript" src="js/monthly.js"></script>
    <link rel="stylesheet" href="css/monthly.css">

    <script type="text/javascript">
        $(window).load( function() {

            $('#mycalendar').monthly({
                mode: 'event',
                xmlUrl: 'events/events.xml'
            });


            switch(window.location.protocol) {
                case 'http:':
                case 'https:':
                    // running on a server, should be good.
                    break;
                case 'file:':
                    alert('Just a heads-up, events will not work when run locally.');
            }

        });
    </script>


{% endblock %}