{% extends "base.html" %}
{% load i18n %}
{% load static %}

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

{% block css_import %}
{{block.super}}
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/lib/leaflet/leaflet.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/lib/leaflet-zoom-min/L.Control.ZoomMin.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/ui-lightness/jquery-ui-1.10.4.min.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/facettes.css?refresh' %}" />
{% endblock %}

{% block js_import %}
{{block.super}}
        <script src="{% static 'hdalab/lib/raphael-min.js' %}"></script>
        <script src="{% static 'hdalab/lib/lodash.min.js' %}"></script>
        <script src="{% static 'hdalab/lib/jquery-ui-1.10.4.min.js' %}"></script>
        <script src="{% static 'hdalab/lib/leaflet/leaflet-src.js' %}"></script>
        <script src="{% static 'hdalab/lib/leaflet-zoom-min/L.Control.ZoomMin.js' %}"></script>
        <script src="{% static 'hdalab/lib/ZeroClipboard.js' %}"></script>

        <script src="{% url 'jsi18n' 'hdalab' %}"></script>
        <script src="{% static 'hdalab/js/gomina.js?refresh' %}"></script>

        <script type="text/javascript">
        gomNs.languageCode = '{{LANGUAGE_CODE}}';
        gomNs.urls = {
            'filter': "{% url 'filter' %}",
            {% comment %}'session_info': "{% url 'session_info' %}",{% endcomment %}
            'countries': "{% static 'hdalab/lib/countries.geo.json' %}",
            'tag_search': "{% url 'tag_search' %}",
            'datasheet': "{% url 'notice' 'ID' %}",
            'renkan': "{% url 'renkan_edit' %}"
        };
        ZeroClipboard.setMoviePath('{{STATIC_URL}}hdalab/lib/ZeroClipboard.swf');
        </script>
{% endblock %}

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

{% block main_content %}
        <div id="titleleft" class="all-title">
            <h1>{% trans "Recherche par facettes" %}</h1>
        </div>
        <div id="titleright">
            <div id='langselect'>
                <form action="{% url 'django.views.i18n.set_language' %}" method="post" id="lang_form">
                {% csrf_token %}
                    <!--input name="next" type="hidden" value="" /-->
                    {% get_language_info_list for LANGUAGES as languages %}
                    {% for language in languages %}
                        <input type="submit" name="language" class="langbutton{% if language.code == LANGUAGE_CODE %} selected{% endif %}" style="background-image: url({{STATIC_URL}}hdalab/img/flag_{{ language.code }}.png)" value="{{ language.code }}" title="{{ language.name_local }}" />
                    {% endfor %}
                </form>
            </div>
            <div id='rkn_info'>
            	<span class="mind-map-icon"></span>
            	<p>{% trans 'Ce logo vous permet de créer un Renkan' %}</p>
         	</div>
        </div>
        <div id="waitcontainer">
            <div id="waiting"></div>
        </div>
        <div id="bandefiltre">
            <h4 id="filtertitle">
                {% trans "Filtres :" %}
            </h4>
            <ul id="filters">
            </ul>
                <a id="renkan-link" class="mind-map-icon" target="_blank" href="{% url 'renkan_edit' %}">placeholder</a>
        </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 "Countries" %}</h2>
                </div>
                <div class="corpsbloc" id="map"></div>
            </div>
            <div class="bloc" id="bloc_taginfo">
                <div class="barrebloc">
                    <h2>{% trans "Keywords research" %}</h2>
                </div>
                <div class="corpsbloc" id="taginfo">
                    <form id="tagform">
                        <input id="tagsearch" placeholder="{% trans 'Entrez un mot-clef' %}"/>
                    </form>
                    <div class="wpinfo">

                    </div>
                </div>
            </div>
            <div class="bloc" id="bloc_tagcloud">
                <div class="barrebloc">
                    <h2>{% trans "Keywords cloud" %}</h2>
                </div>
                <div class="corpsbloc" id="tagcloud">
                </div>
            </div>
            <div class="bloc" id="bloc_translationinfo">
            {% trans "translation_info" %}
            </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 "Domaines 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 %}