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



{% block header %}
    <title>Back Office | Home</title>

    <style>
        .list-group.panel > .list-group-item {
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px
        }
        .list-group-submenu {
            margin-left:20px;
        }

        #RubMenu .collapse {
            margin-left:20px;
        }
    </style>
{% endblock %}


{% macro menu_links(links,idRUB) %}
    {% import _self as macros %}



    {% for link in links %}

        <li  class="list-group-item list-group-item-success">
            <a href="Rubriques?{{ link.rubriqueId }}" >{{ link.title }}</a> {% if link.children %} <i href="#{{ ids }}{{ link.rubriqueId }}" data-toggle="collapse" data-parent="{{ idRUB }}" class="glyphicon glyphicon-chevron-down right"></i>{% endif %}
        </li>


            {% if link.children %}
            <div class="collapse" id="{{ ids }}{{ link.rubriqueId }}">
                    {{ macros.menu_links(link.children, 'sub') }}
                </div>
            {% endif %}

    {% endfor %}
{% endmacro %}

{% import _self as macros %}



{% block body %}




    <div class="col-lg-3">

        <div id="RubMenu">
            <div class="list-group panel">
                {{ macros.menu_links(allRubs,'RubMenu') }}
            </div>
        </div>



    </div>


    <div class="col-lg-9">

        <div style="float: right">
            <a href="/manageHome" class="btn btn-default  btn-warning"><span
                        class="glyphicon glyphicon glyphicon-edit"></span> Nouvelle Page d'acceuil</a>
        </div>

        <div>
            <a href="/Article" class="btn btn-default btn-info"><span
                        class="glyphicon glyphicon glyphicon-edit"></span> Nouvel Article</a>
        </div>


        <div>
            <a href="/Rubriques" class="btn btn-default btn-info"><span
                        class="glyphicon glyphicon glyphicon-edit"></span> Nouvelle Rubrique</a>
        </div>





        <div class="base-box">
            {#{{ R.js('moussajax/moussaHint') }}#}



            <h1>Liste des 30 derniers articles

            </h1>

            <div>

                <ul>
                    {% for art in last10Articles %}
                        <li class="{{ art.online==0 ? 'list-group-item bg-stripped' : '' }}">- <a href="Article?{{ art.articleId }}">{{ art.title | couper(45) }}</a></li>
                    {% endfor %}
                </ul>
            </div>

        </div>

    </div>




{% endblock %}