<div class="box box-full access--directs panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"><a data-toggle="collapse" data-parent="#access-menu" href="#access-toggle">Accès directs<i class="fa fa-caret-square-o-down"></i></a></h4>
        </div>
        <div id="access-toggle" class="panel-collapse collapse in">
            <div class="panel-body">
                <ul>
                    {% for item in menu %}
                     <li><a href="{{ item.link }}">{{ item.title }}</a></li>
                     {% if item.sub_items %}
                         <ul>
                         {% for subitem in item.sub_items %}
                            <li><a href="{{ subitem.link }}">{{ subitem.title }}</a></li>
                            
                         {% endfor %} 
                         </ul>
                     {% endif %}
                     {% endfor %}
                </ul>
            </div>
        </div>
    </div>
