{% 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}}: 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(){
      $(".cat-delete-div").hide();
      $(".cat-info-div").hide();
      $(".cat-table-toggle").click(function(evt){
        $(".cat-table").slideToggle(function(){
          $(".cat-table-toggle").children().toggleClass("glyphicon-chevron-up");
          $(".cat-table-toggle").children().toggleClass("glyphicon-chevron-down");
        });
      });
      $(".cat-delete-toggle").click(function(evt){
        $("#delete_confirm_"+evt.target.id.split('_').slice(2,5).join('_')).slideToggle();
      });
      $(".cat-info-toggle").click(function(evt){
        $("#properties_"+evt.target.id.split('_').slice(2,5).join('_')).slideToggle(function(){
          $("#info_button_"+evt.target.id.split('_').slice(2,5).join('_')).children().toggleClass("glyphicon-plus-sign");
          $("#info_button_"+evt.target.id.split('_').slice(2,5).join('_')).children().toggleClass("glyphicon-minus-sign");
        });
      });
    });
  </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('categories.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 <a title="Afficher/Cacher tableau" class="btn btn-default cat-table-toggle">
    <span class="glyphicon glyphicon-chevron-up"/>
  </a></h3>
  <div class="cat-table">
    <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" colspan="5"><b>Description de la catégorie</b></th>
        </tr>
      </thead>
      <tbody>
      {% if not session["user_logged"] %}
      <tr>
        <td class="col-md-12" colspan="5">
          <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('categories.editor', repository=current_repository) }}">Créer une catégorie</a>{% endif %}</td>
          </tr>
        {% else %}
          {% import "macros.html" as macros %}
          {{ macros.category_table(cat_list, current_repository, target="categories.workshop") }}
        {% endif %}
      {% endif %}
      </tbody>
    </table>
  </div>
  {% if session.get("user_logged") %}
  <form method="POST" action="{{url_for('categories.workshop', repository=current_repository)}}" class="form-inline">
    <input name="csrf_token" value="{{ csrf_token() }}" type="hidden">
    <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('categories.submit', repository=current_repository)}}" title="Soumettre changements" class="btn btn-default" {% if readonly %}disabled{% endif %}><span class="glyphicon glyphicon-share"/></a>
  </h4>
  {% endif %}
  <h3> Discussions sur cet ensemble de catégories : <a href="{{ url_for('social.index', repository=current_repository)}}" title="Aller sur la liste des discussions" class="btn btn-default"><span class="glyphicon glyphicon-comment"/></a></h3>
{% endblock page_content %}