{% extends "base.html" %}

{% load i18n %}

{% block title %}{{block.super}} > {% trans "Recherche par facettes" %}{% endblock %}

{% block css_import %}
{{block.super}}
        <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}hdalab/lib/leaflet/leaflet.css" />
        <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/facettes.css" />
{% endblock %}

{% block js_import %}
{{block.super}}
        <script src="{{STATIC_URL}}hdalab/lib/raphael-min.js"></script>
        <script src="{{STATIC_URL}}hdalab/lib/underscore-min.js"></script>
        <script src="{{STATIC_URL}}hdalab/lib/jquery-ui-1.8.16.custom.min.js"></script>
        <script src="{{STATIC_URL}}hdalab/lib/leaflet/leaflet.js"></script>
        <script src="{{STATIC_URL}}hdalab/lib/ZeroClipboard.js"></script>

        <script src="{% url jsi18n 'hdalab' %}"></script>
        <script src="{{STATIC_URL}}hdalab/js/gomina.js?v=1"></script>
        
        <script type="text/javascript">
        gomNs.languageCode = '{{LANGUAGE_CODE}}';
        gomNs.urls = {
            'filter': "{% url filter %}",
            'session_info': "{% url session_info %}",
            'tag_search': "{% url tag_search %}",
            'tag_info': "{% url tag_info %}",
            'countries': "{{STATIC_URL}}hdalab/lib/countries.geo.json",
        };
        ZeroClipboard.setMoviePath('{{STATIC_URL}}hdalab/lib/ZeroClipboard.swf');
        </script>
{% endblock %}

{% block facettes_actif %}actif{% endblock %}

{% block main_content %}
        <h2 id="hdatitle">{% trans "Recherche par facettes" %}&nbsp;: <span id="sessionname"></span></h2>
        <div id='langselect'>
            <form action="{% url django.views.i18n.set_language %}" method="post" id="lang_form">
            {% csrf_token %}
                <!--input name="next" type="hidden" value="" /-->
                <select name="language">
                {% get_language_info_list for LANGUAGES as languages %}
                {% for language in languages %}
                    <option value="{{ language.code }}" {% if language.code == LANGUAGE_CODE %}selected="selected"{% endif %}>{{ language.name_local }} ({{ language.code }})</option>
                {% endfor %}
                </select>
                <input type="submit" value="Go" />
            </form>
        </div>
        <div id="apartager"><a href="#">{% trans "Partager la session" %}</a></div>
        <div id="partageurls">
            <ul>
                <li class="actif" id="partagero"><a href="#">{% trans "En lecture seule" %}</a></li>
                <li id="partagerw"><a href="#">{% trans "En lecture-ecriture" %}</a></li>
            </ul>
            <div id="zc-partageligne">
                <label id="zc-partagelabel">{% trans "Copier le lien" %}&nbsp;: </label>
                <input id="zc-partageinput" onfocus="select();" />
            </div>
        </div>
        <div id="vues">
            <h4 id="vuestitre">{% trans "Mes vues :"%}</h4>
            <ul id="ongletsvues">
            </ul>
            <span id="nouvellevue"><a href="#">+</a></span>
        </div>
        <ul id="plusdevues">
            <li id="nouv_resrech"><a href="#">{% trans "Creer une vue sur des resultats de recherche" %}</a></li>
            <li id="nouv_liste"><a href="#">{% trans "Creer une liste de notices" %}</a></li>
        </ul>
        <div id="waitcontainer">
            <div id="waiting"></div>
        </div>
        <div id="bandefiltre">
            <h4 id="filtertitle">
                {% trans "Filtres :" %}
            </h4>
            <ul id="filters">
            </ul>
        </div>
        <div id="timeline">
            <ul id="dates"></ul>
            <div id="dateheat"></div>
            <div id="handle_0" class="handle">
                <div class="handleinner"></div>
            </div>
            <div id="handle_1" class="handle">
                <div class="handleinner"></div>
            </div>
        </div>
        <div id="leftcol">
            <div id="bloc_gestvue">
                <div class="barrebloc">
                    <h2>{% trans "Gerer la vue" %}</h2>
                </div>
                <div class="corpsbloc" id="gestvue">
                    <div id="div_titrevue">
                        <label>{% trans "Nom :" %}</label>
                        <input id="titrevue" />
                    </div>
                    <h4>{% trans "Blocs visibles :" %}</h4>
                </div>
            </div>
            <div class="bloc" id="bloc_map">
                <div class="barrebloc">
                    <h2>{% trans "Pays" %}</h2>
                </div>
                <div class="corpsbloc" id="map"></div>
            </div>
            <div class="bloc" id="bloc_tagcloud">
                <div class="barrebloc">
                    <h2>{% trans "Nuage de mots-cles" %}</h2>
                </div>
                <div class="corpsbloc" id="tagcloud">
                </div>
            </div>
            <div class="bloc" id="bloc_taginfo">
                <div class="barrebloc">
                    <h2>{% trans "Information sur un mot-cle" %}</h2>
                </div>
                <div class="corpsbloc" id="taginfo">
                    <div id="tagcount"></div>
                    <div id="tagsearchwrap"><input id="tagsearch" value="{% trans "Rechercher un tag" %}" /></div>
                    <div id="tagdata"></div>
                </div>
            </div>
        </div>
        <div id="rightcol">
            <div class="bloc" id="bloc_notes">
                <div class="barrebloc">
                    <h2>{% trans "Notes" %}</h2>
                </div>
                <div id="notes" class="corpsbloc"></div>
            </div>
            <div class="bloc" id="bloc_disciplines">
                <div class="barrebloc">
                    <h2>{% trans "Disciplines artistiques" %}</h2>
                </div>
                <div id="disciplines" class="corpsbloc"></div>
            </div>
            <div class="bloc" id="bloc_notices">
                <div class="barrebloc">
                    <h2>{% trans "Resultats de recherche" %}</h2>
                </div>
                <div class="corpsbloc">
                    <div id="contentcount"></div>
                    <div id="contents"></div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}