{% extends "base.html" %}

{% block title %}{{block.super}} > Recherche par arbre{% endblock %}

{% block css_import %}
{{block.super}}
        <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}hdalab/css/ui-lightness/jquery-ui-1.8.16.custom.css" />
        <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}hdalab/css/trees.css" />
        <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}hdalab/css/thesaurus.css" />
{% endblock %}

{% block js_import %}
{{block.super}}
        <script src="{{STATIC_URL}}hdalab/lib/underscore-min.js"></script>
        <script src="{{STATIC_URL}}hdalab/lib/mustache.js"></script>
        <script src="{{STATIC_URL}}hdalab/lib/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript">
        endpoints = {
            fill_tree: "{% url fill_tree %}",
            datasheet: "{% url notice 'ID' %}"
        };
        </script>
        <script src="{{STATIC_URL}}hdalab/js/trees.js"></script>
        <script src="{{STATIC_URL}}hdalab/js/thesaurus.js"></script>
{% endblock %}

{% block thesaurus_actif %}actif{% endblock %}

{% block main_content %}
    <div class="column leftcol">
        <h3>Arborescence 1</h3>
        <div class="cattree">
        
        </div>
    </div>
    <div class="separator"></div>
    <div class="column rightcol">
        <h3>Arborescence 2</h3>
        <div class="cattree">
            
        </div>
    </div>
{% endblock %}