{% extends "jocondelab/front_base.html" %}
{% load i18n %}
{% load l10n %}

{% block js_declaration %}
    {{block.super}}
    <script type="text/javascript" src="{{STATIC_URL}}jocondelab/js/front-search.js"></script>
    <script type="text/javascript">
        var searchterm = "{{searchterm|safe}}";
    </script>
{% endblock %}

{% block css_declaration %}
    {{block.super}}
    <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}jocondelab/css/front-search.css"></script>
{% endblock %}

{% block title %}JocondeLab &raquo; {% trans 'Recherche' %}{% endblock %}

{% block breadcrumbs %}<a href="{% url 'front_search' %}">{% trans 'Recherche' %}</a>{% endblock %}

{% block header_search %}{% endblock %}

{% block main %}

            <form class="big-search-form search-form">
                <input class="big-search-input search-input" type="search" name="q" value="{{searchterm}}" />
            </form>
            
            {% if words %}
            <ul class="term-cloud">
                {% for word in words %}
                    <li style="font-size: {{word.font_size|unlocalize}}em">
                        <a href="{% url 'front_search' %}?q={{word.label|urlencode}}" data-dbpedia-uri="{{word.uri}}">{{word.label}}</a>
                    </li>
                {% endfor %}
            </ul>
            {% endif %}
            
            {% include 'jocondelab/partial/wrapped_notice_list.html' %}
            
            <div class="loading-please-wait"><img src="{{STATIC_URL}}jocondelab/img/loader.gif" /></div>
            <p class="load-more"><a href="#">{% trans 'Afficher plus de résultats' %}</a></p>
            
{% endblock %}
