{% 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 term_wikipedia_edition_url = "{% url 'edition_wp_link'%}";
    var validate_term_url = "{% url 'validate_term' %}";
    var term_list_table_url = "{% url 'term_list_table' %}";
    var link_semantic_level_url = "{% url 'editon_link_semantic_level' %}";
    
    $(document).ready(function(){
        init_term_events();
        init_filter_events();
        init_edit_page('{{request.GET.page}}');
    });
    
    </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="wrapper">
<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">
    <div><input type="radio" name="gr_validated" id="not_validated{{term.id}}" value="False" {% if not term.validated %}checked{% endif %}/>En cours
    <input type="radio" name="gr_validated" id="validated{{term.id}}" value="True" {% 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 id="term-table">
    <tr>
        <td>{% trans 'label' %}</td>
        <td class="{{term.url_status_text}}">{{term.label}}</td>
    </tr>
    <tr>
        <td>{% trans 'alternative labels' %}</td>
        <td>
            <ul>
            {% for label in term.alternative_labels_list %}
                <li>{{ label }}</li>
            {% endfor %}
            </ul>
        </td>    
    </tr>
    <tr>
        <td>{% trans 'id' %}</td>
        <td>{{term.id}}</td>       
    </tr>
    <tr>
        <td>{% trans 'uri' %}</td>
        <td>{{term.uri}}</td>
    </tr>
    <tr id="info-wk">
        <td>{% trans 'info wikipedia' %}</td>
        <td>
            <span>
            {% if term.wikipedia_url and term.wikipedia_url != ""  %}
            <a href="{{term.wikipedia_url}}" target="_blank"><img src="{{STATIC_URL}}jocondelab/img/arrow_right.png" >&nbsp;{{term.wp_label}}</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>
            </span>
            <span>
            {% trans 'Créer page WK' %}&nbsp;: <input type="checkbox" id="{{term.id}}-wikipedia-edition" class="wikipedia_edition" name="wikipedia_edition" {% if term.wikipedia_edition %}checked="checked"{%endif%} {%if term.validated%}disabled="disabled"{% endif %} alt="{% trans 'Need wikipedia article'%}"/>
            {% endif %}
            </span>
            <span>
            {% 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 %}            
            </span>
            <span>
            {% 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 %}
            </span>
            <span>
            {% if term.dbpedia_uri and term.dbpedia_uri != ""  %}
            <select id="link_semantic_level" name="link_semantic_level">
            {% for val, label in link_semantic_level_choice %}
            <option value="{{ val }}" {% if term.link_semantic_level == val %}selected="selected"{% endif %} >{{ label }}</option>
            {% endfor %}
            </select>
            {% else %}
            &nbsp;
            {% endif %}
            </span>
        </td>
    </tr>
    <tr>
        <td>{% trans 'Rech. joconde' %}</td>
        <td>
        <a href='http://www.culture.gouv.fr/public/mistral/joconde_fr?{{encoded_term_label_query_parameter}}&ACTION=CHERCHER' target="_blank">Recherche joconde</a>
        </td>
    </tr>
    <tr id="edition-wk">
        <td>{% trans 'Edition wk' %}</td>    
        <td>
            <span>
            {% if term.url_status != 4  %}
              {% 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 %}
            </span>
            <span>
            {% if term.validated %}
            <span><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><input type="text" name="wp_search" id="wp_search" size="35" /> <span id="ok_search" class="hand_cursor"><b>OK</b></span></span>
            {% endif %}
            </span>
        </td>
    </tr>
</table>
</div>
</div>
</div>

{% endblock %}