{% extends "layout.html" %}
{% if not session["user_logged"] or not session["user_can_edit"][current_repository] %}
  {% set readonly="readonly" %}
{% else %}
  {% set readonly=False %}
{% endif %}
{% block title %} {{ current_repository}}: Editeur {% endblock title %}
{% block head %}
  {{ super() }}
{% endblock head %}
{% block navbar_items %}
  {{ super() }}
  {% if session.get("user_logged", None) %}
    <li><a class="navbar-decorative">></a></li>
    <li><a href="{{ url_for('categories.workshop', repository=current_repository) }}">{{current_repository}}</a></li>
    <li><a class="navbar-decorative">></a></li>
    <li class="active"><a>Editeur</a></li>
  {% endif %}
{% endblock navbar_items%}
{% block repo_list %}
  {{ super() }}
{% endblock repo_list %}
{% block page_content %}
<h2> <b>CatEdit</b> - <small>{{current_repository}}</small></h2>
{% if not session["user_logged"] or not session["user_can_edit"][current_repository] %}
<div class="alert alert-warning" role="alert">
  <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
  <span class="sr-only">Attention:</span>
  Vous n'avez pas accès en écriture au repository contenant les catégories - Vous ne pourrez pas les modifier.
</div>
{% endif %}
{% if not session["user_logged"] %}
<div class="alert alert-warning" role="alert">
  <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
  <span class="sr-only">Attention:</span>
  Vous devez être authentifié pour modifier les catégories.
</div> {% endif %}
{% if form.label.errors or form.description.errors %}
<div class="alert alert-danger">
  <strong>
    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
    Erreur:
  </strong>
  Vous n'avez pas rempli certains champs obligatoires.
</div>

{% endif %}
  <h3>{% if cat_id: %} Edition : <small>Catégorie existante</small>{% else %}Création : <small>Nouvelle catégorie</small>{% endif %}</h3>
  {% if readonly %} <fieldset disabled> {% endif %}
  <form method="POST" action="{% if cat_id %}{{ url_for('categories.editor', cat_id=cat_id, repository=current_repository) }}{% else %}{{ url_for('categories.editor', repository=current_repository) }}{% endif %}" id="cat_form" role="form">
    {% if form.hidden_tag %}{{ form.hidden_tag() }}{% endif %}
    {% if form.label.errors %}
      {% set label_placeholder="Champ obligatoire" %}
    {% endif %}
    {% if form.description.errors %}
      {% set description_placeholder="Champ obligatoire" %}
    {% endif %}
    {{ form.label.label }} <br> {{ form.label(size=40, class="form-control", readonly=readonly, placeholder=label_placeholder) }} <br>
    {{ form.description.label }} <br> {{ form.description(size=150, class="form-control", readonly=readonly, placeholder=description_placeholder) }} <br>
    <label>Propriétés </label>
    <div class="form-inline">
      <select id="property_selector" class="form-control" onChange="CatEditScripts.displayCorrespondingField();" {{readonly}}>
        <option id="property_type_default" label="Liste des propriétés ..." selected="selected">
          Liste des propriétés ...
        </option>
        {% for predicate in get_property_list()[current_repository] %}
          {% if get_property_list()[current_repository][predicate]["usable_in_editor"] %}
            <option value='{{ predicate }}' label="{{ get_property_list()[current_repository][predicate]['descriptive_label_fr'] }}" class="{{ get_property_list()[current_repository][predicate]['object_type'] }}">{{ get_property_list()[current_repository][predicate]["descriptive_label_fr"] }}</option>
          {% endif %}
        {% endfor %}
      </select>
      <input type="text" id="literal-field" class="hidden form-control">
      <input type="text" id="uriref-link-field" placeholder="http://my-example.com" class="hidden form-control">
      <select class="hidden form-control" id="uriref-category-field">
        <option value="default" selected="selected"> Liste des catégories </option>
        {% for cat in cat_list %}
          <option value="{{ cat.cat_id }}"> {{ cat.cat_label }} </option>
        {% endfor %}
      </select>
      <input type="button" value="Ajouter propriété" onClick="CatEditScripts.addProperty('properties_div','property_table_body','{{ csrf_token() }}');" class="btn btn-default" {{ readonly }}>
    </div>
    <div class="alert alert-warning hidden" role="alert" id="uriref-category-field-text">
    </div>
    <div id="properties_div">
      <div class="row">
        <div class="col-md-6">
          <br>
          <table id="property_table" class="table table-condensed">
            <tbody id="property_table_body">
            {% set property_count=0 %}
            {% for property in form.properties %}
                <tr id="properties-{{property_count}}">
                  <input id="properties-{{property_count}}-csrf_token" name="properties-{{property_count}}-csrf_token" value="{{ csrf_token() }}" type="hidden">
                  {% if get_property_list()[current_repository][property.property_predicate.data]["object_type"]=="uriref-category" %}
                    {% for cat in cat_list %}
                      {% if property.property_object.data == cat.cat_id %}
                        {% if cat.cat_id not in deleted_cat_list %}
                          {{ property.property_predicate() }}
                          {{ property.property_object() }}
                          <td id="predicate_td{{ property_count }}">
                            <strong>{{ get_property_list()[current_repository][property.property_predicate.data]["descriptive_label_fr"] }}</strong>
                          </td>
                          <td id="object_td{{property_count-1}}">
                            {{ cat.cat_label }}
                          </td>
                          <td id="delete_button_td{{property_count-1}}" class="text-center">
                            <input type="button" id="property_delete_button{{property_count-1}}" class="btn btn-default property-delete-button" onClick="CatEditScripts.removeProperty({{ property_count }}, 'properties_div')" value="Supprimer">
                          </td>
                        {% endif %}
                      {% endif %}
                    {% endfor %}
                  {% else %}
                      {{ property.property_predicate() }}
                      {{ property.property_object() }}
                    <td id="predicate_td{{ property_count }}">
                      <strong>{{ get_property_list()[current_repository][property.property_predicate.data]["descriptive_label_fr"] }}</strong>
                    </td>
                    <td id="object_td{{ property_count }}">
                      {% if get_property_list()[current_repository][property.property_predicate.data]["object_type"]=="uriref-link" %}
                        <a href="{{ property.property_object.data }}">{{ property.property_object.data }}</a>
                      {% else %}
                        {{ property.property_object.data }}
                      {% endif %}
                    </td>
                    <td id="delete_button_td{{property_count-1}}" class="text-center">
                      <input type="button" id="property_delete_button{{property_count-1}}" class="btn btn-default property-delete-button" onClick="CatEditScripts.removeProperty({{ property_count }}, 'properties_div')" value="Supprimer">
                    </td>
                  {% endif %}
                {% set property_count=property_count+1 %}
                </tr>
            {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div><br>
    <input type="submit" value="Sauvegarder" class="btn btn-default">
    <a href="{{ url_for('categories.workshop', repository=current_repository)}}"class="btn btn-default">Annuler</a>
  </form>
  {% if readonly %} </fieldset> {% endif %}
  <script src="{{ url_for('static', filename='js/property_functions.js') }}" language="Javascript" type="text/javascript"></script>
  {% if cat_id %}
    <script type=text/javascript>
      CatEditScripts.initPropertyCount('properties_div',{{cat_properties|length}});
      CatEditScripts.initCreatedProperties({{cat_properties|length}});
    </script>
  {% endif %}
{% endblock page_content %}