{% 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">

    {{ form.hidden_tag() }}

    {% 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>

        {% 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">

                    {% 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 }}">

                          </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 }}">

                    </td>

                    <td id="object_td{{ property_count }}">

                        <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 %}