{% extends "catbase.html" %}
{% if not session["user_logged"] or not session["user_can_edit"] %}
  {% set readonly="readonly" %}
{% else %}
  {% set readonly=False %}
{% endif %}
{% if not session["user_logged"] or not session["user_can_edit"] %}
  {% set readonly="readonly" %}
{% else %}
  {% set readonly=False %}
{% endif %}
{% block title %}{{current_repository}}: Atelier{% endblock title %}
{% block head %}
  {{ super() }}
  <script src="{{ url_for('static', filename='js/jquery-1.11.1.min.js') }}" language="Javascript" type="text/javascript"></script>
  <script>
    $(document).ready(function(){
      {% for cat in cat_list %}
      $("#properties_{{cat.cat_id}}").hide();
      $("#info_button_{{cat.cat_id}}").click(function(){
        $("#properties_{{cat.cat_id}}").slideToggle();
      });
      {% endfor %}
    });
  </script>
{% endblock head %}
{% block navbar_items %}
  {{ super() }}
  {% if session.get("user_logged", None) %}
    <li><a class="navbar-decorative">></a></li>
    <li class="active"><a>Atelier</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>
  <h3> Créer une catégorie : <a href="{{url_for('cat_editor', repository=current_repository)}}" title="Créer catégorie" class="btn btn-default {% if readonly %}disabled{% endif %}"><span class="glyphicon glyphicon-plus"/></a></h3>
  {% if session["user_logged"] and not session["user_can_edit"] %}
  <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 %}
  <h3>Mes catégories</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr class="active">
        <th class="col-md-2"><b>Nom de la catégorie</b></th>
        <th class="col-md-10"><b>Description de la catégorie</b></th>
      </tr>
    </thead>
    <tbody>
    {% if not session["user_logged"] %}
    <tr>
      <td class="col-md-12" colspan="2">
        <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
        <span class="sr-only">Attention:</span>
        Veuillez vous identifier pour visualiser les catégories
      </td>
    </tr>
    {% else %}
      {% if cat_list|length == 0 %}
        <tr>
          <td class="col-md-12" colspan="2">Aucune catégorie n'a été créée pour l'instant. {% if not readonly %}<a href="{{ url_for('cat_editor', repository=current_repository) }}">Créer une catégorie</a>{% endif %}</td>
        </tr>
      {% else %}
        {% for cat in cat_list %}
          <tr
            {% if cat.state == "created" %}
              class="success"
            {% elif cat.state == "modified" %}
              class="warning"
            {% elif cat.state == "deleted" %}
              class="danger"
            {% endif %}>
            <td class="col-md-2">{{ cat.cat_label }}</td>
            <td class="col-md-8">{{ cat.cat_description}}</td>
            <td class="col-md-1 text-center">
              <a title="Détails catégorie">
                <button class="btn btn-default" id="info_button_{{ cat.cat_id }}"><span class="glyphicon glyphicon-plus-sign"/></button>
              </a>
            </td>
            {% if (cat.state != "deleted") %}
            <td class="col-md-1 text-center">
              <a href="{{ url_for('cat_editor', cat_id=cat.cat_id, repository=current_repository)}}" title="Editer catégorie" class="btn btn-default">
                <span class="glyphicon glyphicon glyphicon-pencil"/>
              </a>
            </td>
            {% endif %}
            {% if (cat.state == "untouched") %}
            <td class="col-md-1 text-center">
              <form method="POST" action="{{url_for('cat_recap', deleted_cat_id=cat.cat_id, repository=current_repository)}}" class="form-inline">
                <a title="Supprimer catégorie">
                  <button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-trash"/></button>
                </a>
              </form>
            </td>
            {% elif (cat.state == "created" or cat.state == "modified") %}
            <td class="col-md-1 text-center">
              <form method="POST" action="{{url_for('cat_recap', deleted_modifs_id=cat.cat_id, repository=current_repository)}}" class="form-inline">
                <a title="Supprimer changements">
                  <button class="btn btn-default"><span class="glyphicon glyphicon-remove-sign"/></button>
                </a>
              </form>
            </td>
            {% else %}
            <td colspan="2">
              <form method="POST" action="{{url_for('cat_recap', deleted_cat_id=cat.cat_id, repository=current_repository)}}" class="form-inline">
                <a title="Restaurer catégorie">
                  <button class="btn btn-default" type="submit">Restaurer</button>
                </a>
              </form>
            </td>
            {% endif %}
          </tr>
          <tr
            {% if cat.state == "created" %}
              class="success"
            {% elif cat.state == "modified" %}
              class="warning"
            {% elif cat.state == "deleted" %}
              class="danger"
            {% endif %}>
            <td colspan="5">
              <div id="properties_{{cat.cat_id}}">
                <dl class="dl-horizontal">
                {% if cat.cat_properties|length == 0 %} <dt></dt><dd>Aucune autre propriété</dd>
                {% else %}
                  {% for (predicate, object) in cat.cat_properties %}
                    <dt>{{ config["PROPERTY_LIST"][predicate]["descriptive_label_fr"] }}</dt>
                    <dd>
                      {% if config["PROPERTY_LIST"][predicate]["object_type"]=="uriref-category" %}
                        {% for cat in cat_list %}
                          {% if object == config["CATEGORY_NAMESPACE"]+cat.cat_id %}
                            {{ cat.cat_label }}
                          {% endif %}
                        {% endfor %}
                      {% elif config["PROPERTY_LIST"][predicate]["object_type"]=="uriref-link" %}
                        <a href="{{ object }}">{{ object }}</a>
                      {% else %}
                        {{ object }}
                      {% endif %}
                    </dd>
                  {% endfor %}
                {% endif %}
                </dl>
              </div>
            </td>
          </tr>
        {% endfor %}
      {% endif %}
    {% endif %}
    </tbody>
  </table>
  {% if session.get("user_logged") %}
  <form method="POST" action="{{url_for('cat_recap', repository=current_repository)}}" class="form-inline">
    <h4> Annuler tous mes changements actuels :
      <a title="Supprimer changements">
        <button type="submit" class="btn btn-default" {% if readonly %}disabled{% endif %}>
          <span class="glyphicon glyphicon-remove"/>
        </button>
      </a>
    </h4>
  </form>
  <h4> Soumettre mes changements actuels : <a href="{{ url_for('cat_modifs', repository=current_repository)}}" title="Soumettre changements" class="btn btn-default" {% if readonly %}disabled{% endif %}><span class="glyphicon glyphicon-share"/></a>
  </h4>
  {% endif %}
  <h3> Consulter l'historique des modifications : <a href="https://github.com/{{config['REPOSITORY_OWNER']}}/{{current_repository}}/commits/master" title="Aller à l'historique des modifications sur Github" class="btn btn-default"><span class="glyphicon glyphicon-list"/></a></h3>
{% endblock page_content %}