{% extends 'website/backoffice/base.html' %}
{% load url from future %}
{% load mptt_tags %}

{% block bodyclass %}tree{% endblock %}

{% block style %}
<link rel="stylesheet" href='{{ STATIC_URL }}backoffice/css/jquery.treeview.css' type="text/css" />
{% endblock %}

{% block content %}
<ul id="referral-tree" class="treeview-red">
    {% recursetree nodes %}
        <li>
            <a href="{{ node.pledge.get_backoffice_url }}">{{ node.user.profile }}</a>({{node.get_descendant_count}})
            {% if not node.is_leaf_node %}
                <ul class="children">
                    {{ children }}
                </ul>
            {% endif %}
        </li>
    {% endrecursetree %}
</ul>
{% endblock %}

{% block script %}
<script src='{{ STATIC_URL }}backoffice/js/jquery.cookie.js'></script>
<script src='{{ STATIC_URL }}backoffice/js/jquery.treeview.js'></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#referral-tree").treeview();
});
</script>
{% endblock %}