{% extends "jocondelab/base.html" %}
{% load i18n %}
    {% block js_import %}
    {{block.super}}
    <script type="text/javascript" src="{{STATIC_URL}}jocondelab/lib/jquery-ui.min.js"></script>
    {% endblock %}

    {% block js_declaration %}
    {{block.super}}
    <script type="text/javascript">
    
    var global_csrf_token = "{{ csrf_token }}";
    var static_url = "{{STATIC_URL}}";
    var term_id = {{ term.id }};
    var modify_wp_link_url = "{% url 'modify_wp_link' %}";
    var remove_wp_link_url = "{% url 'remove_wp_link' %}";
    var validate_term_url = "{% url 'validate_term' %}";
    var term_list_table_url = "{% url 'term_list_table' %}";
    
    $(document).ready(function(){
        init_term_events();
        $('#term-filter-form').submit(function(){
            var values = $('#term-filter-form').serialize();
            $('#term-explorer-container').load(term_list_table_url, values);
            return false;
        });
        $('#term-filter-form').submit();
    });
    
    </script>
    {% endblock %}
    
    {% block css_import %}
    {{block.super}}
    <link rel="stylesheet" href="{{STATIC_URL}}jocondelab/css/smoothness/jquery-ui-1.10.3.custom.min.css" type="text/css"/>
    {% endblock %}
    
    {% block css_declaration %}
    {{block.super}}
    <style type="text/css">
    .ui-autocomplete {
        max-height: 100px;
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
        /* add padding to account for vertical scrollbar */
        padding-right: 20px;
    }
    </style>
    {% endblock %}


{% block content %}
<div id="filter-container">
{% include "jocondelab/partial/filter.html" %}
</div>
<div id="term-container">
<div id='term-explorer-container'>
</div>
<div id="term-detail-container">
<div id="tags_commands" style="float:left;width: 100%" >
    <div style="float:left;"><input type="radio" name="gr_validated{{term.id}}" id="not_validated" value="not_validated" {% if not term.validated %}checked{% endif %}/>En cours
    <input type="radio" name="gr_validated{{term.id}}" id="validated" value="validated" {% if term.validated %}checked{% endif %} />Validé
    {% if term.validated %}
    par {{term.validator.username}} le {{term.validation_date|date:"d/m/Y"}}
    {% endif %}
    </div>
    {% csrf_token %}
</div>

<table>
    <tr>
        <td>{% trans 'Term label' %}</td>
        <td class="{{term.url_status_text}}">{{term.label}}</td>
    </tr>
    <tr>
        <td>{% trans 'Term id' %}</td>
        <td>{{term.id}}</td>       
    </tr>
    <tr>
        <td>{% trans 'Term uri' %}</td>
        <td>{{term.uri}}</td>
    </tr>
    <tr>
        <td>{% trans 'url wikipedia' %}</td>
        <td>
            {% if term.wikipedia_url and term.wikipedia_url != ""  %}
            <a href="{{term.wikipedia_url}}" target="_blank"><img src="{{STATIC_URL}}jocondelab/img/arrow_right.png" ></a>
            {% else %}
            <a href="http://fr.wikipedia.org/w/index.php?search={{term.label}}" target="_blank"><img src="{{STATIC_URL}}jocondelab/img/wikipedia_search.png" ></a>
            {% endif %}
        </td>
    </tr>
    <tr>
        <td>{% trans 'Wikipedia revision id' %}</td>
        <td>
            {% if term.wikipedia_revision_id  %}
            <a href="{{term.wikipedia_revision_permalink}}" target="_blank"><img src="{{STATIC_URL}}jocondelab/img/clock_arrow.png" ></a>
            {% else %}
            &nbsp;
            {% endif %}
        </td>
    </tr>
    <tr>
        <td>{% trans 'DBpedia url' %}</td>
        <td>
            {% if term.dbpedia_uri and term.dbpedia_uri != ""  %}
            <a href="{{term.dbpedia_uri}}" target="_blank"><img src="{{STATIC_URL}}jocondelab/img/arrow_green_right.png" ></a>
            {% else %}
            &nbsp;
            {% endif %}
        </td>
    </tr>
    <tr>
        <td>{% trans 'remove wikipedia link' %}</td>    
        <td>
            {% if term.wikipedia_url and term.wikipedia_url != ""  %}
              {% if term.validated %}
              <img src="{{STATIC_URL}}jocondelab/img/red_cross_disabled.png" class="remove_wp_link_disabled" id="{{term.id}}" alt="{{term.label}}" />
              {% else %}
              <img src="{{STATIC_URL}}jocondelab/img/red_cross.png" class="remove_wp_link" id="{{term.id}}" alt="{{term.label}}" />
              {% endif %}
            {% else %}
            &nbsp;
            {% endif %}
        </td>
    </tr>
    <tr>
        <td>{% trans 'edit wikipedia link' %}</td>
        <td>
        {% if term.validated %}
        <span>{% trans "Select Wikipedia page" %} : <input type="text" name="wp_search" id="wp_search" size="35" disabled="disabled" /> <span id="ok_search_disabled" class="hand_cursor_disabled"><b>OK</b></span></span>
        {% else %}
        <span>{% trans "Select Wikipedia page" %} : <input type="text" name="wp_search" id="wp_search" size="35" /> <span id="ok_search" class="hand_cursor"><b>OK</b></span></span>
        {% endif %}
        </td>
    </tr>
    <tr>
        <td>{% trans 'Recherche joconde' %}</td>
        <td>
        <a href='http://www.culture.gouv.fr/public/mistral/joconde_fr?FIELD_1={{term.thesaurus.label}}&VALUE_1={{term.label|urlencode:""}}&ACTION=CHERCHER' target="_blank">Recherche joconde</a>
        </td>
   </tr>
</table>
</div>
</div>

{% endblock %}