{% 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.2.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>{{current_repository}}</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 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 %}
  <p>
  <h3>Etat de l'ensemble de catégories 
    <a title="Afficher/Cacher tableau" class="btn btn-default cat-table-toggle">
      <span class="glyphicon glyphicon-chevron-up"/>
    </a>
  </h3>
  <form method="POST" action="{{url_for('categories.workshop', repository=current_repository)}}" class="form form-inline">
    <h4>
      <small>
        <ul class="list-inline">
        <li>
          <b> Créer une catégorie: </b><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>
        </li>
        {% if session["modified_categories"][current_repository] or session["deleted_categories"][current_repository] %}
        <li>
          <b> Soumettre tous mes changements: </b><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>
        </li>
        {% endif %} 
        {% if session["modified_categories"][current_repository] or session["deleted_categories"][current_repository] %}
        <li>
          <b> Supprimer tous mes changements: </b>
          <input name="csrf_token" value="{{ csrf_token() }}" type="hidden">
          <a title="Supprimer changements">
            <button type="submit" class="btn btn-default" {% if readonly %}disabled{% endif %}>
              <span class="glyphicon glyphicon-remove"/>
            </button>
          </a>
        </li>
        {% endif %}
        </ul>
      </small>
    </h4>
  </form>
  <p>
  {% if session["modified_categories"][current_repository] or session["deleted_categories"][current_repository] %}
  <div class="alert alert-info" role="alert">
  <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
  <span class="sr-only">Attention:</span>
    Pour que vos changements soient pris en compte, vous devez utiliser l'écran de soumission.
  </div>
  {% endif %}
  <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>
  <h3>Modifications récentes <small>- Voir liste complète: <a href="{{ url_for('social.changesets_index', repository=current_repository)}}" title="Voir la liste complète" class="btn btn-default"><span class="glyphicon glyphicon-comment"/></a></small></h3>
  <table class="table table-condensed">
    <thead>
      <tr>
        <th>Auteur</th>
        <th>Date</th>
        <th>Message de soumission</th>
        <th>Commentaires</th>
      </tr>
    </thead>
    <tbody>
      {% if not changeset_list %}
        <tr>
          <td colspan="5">
            Il n'y a aucune modification à afficher.
          </td>
        </tr>
      {% else %}
        {% for changeset in changeset_list %}
          <tr>
            <td class="col-md-1">{{changeset["author"]}}</td>
            <td class="col-md-2">{{changeset["date"]}}</td>
            <td class="col-md-6">{{changeset["title"]}}</td>
            <td class="col-md-2">{{changeset["comment_count"]}}</td>
            <td class="col-md-1">
              <a href="{{ url_for('social.changeset', repository=current_repository, changeset_id=changeset['id'])}}" title="Voir modifications" class="btn btn-default">
                <span class=" glyphicon glyphicon-log-in"/>
              </a>
            </td>
          </tr>
        {% endfor %}
      {% endif %}
    </tbody>
  </table>
  <h3>Discussions récentes <small>- Voir liste complète: <a href="{{ url_for('social.discussions_index', repository=current_repository)}}" title="Voir la liste complète" class="btn btn-default"><span class="glyphicon glyphicon-comment"/></a></small></h3>
  <h4>
    <small>
      <ul class="list-inline">
        <li>
          <b> Créer une nouvelle discussion: </b>
          <a href="{{ url_for('social.discussion', repository=current_repository, discussion_id='new')}}" title="Créer discussion" class="btn btn-default">
            <span class=" glyphicon glyphicon-plus"/>
          </a>
        </li>
      </ul>
    </small>
  </h4>
  <table class="table table-condensed">
    <thead>
      <tr>
        <th>Auteur</th>
        <th>Date</th>
        <th>Titre</th>
        <th>Commentaires</th>
        <th>Dernier commentaire</th>
      </tr>
    </thead>
    <tbody>
  {% if not discussion_list %}
    <tr>
      <td colspan="5">
        Il n'y a de discussion à afficher pour cette ensemble de catégories. <a href="{{ url_for('social.discussion', repository=current_repository, discussion_id='new')}}">Créer une discussion</a>
      </td>
    </tr>
  {% else %}
    {% for discussion in discussion_list %}
      <tr>
        <td class="col-md-1">{{discussion["author"]}}</td>
        <td class="col-md-2">{{discussion["opening_date"]}}</td>
        <td class="col-md-5">{{discussion["title"]}}</td>
        <td class="col-md-1">{{discussion["comment_count"]}}</td>
        <td class="col-md-2">{{discussion["last_updated"]}}</td>
        <td class="col-md-1">
          <a href="{{ url_for('social.discussion', repository=current_repository, discussion_id=discussion['id'])}}" title="Voir la discussion" class="btn btn-default">
            <span class=" glyphicon glyphicon-log-in"/>
          </a>
        </td>
      </tr>
    {% endfor %}
  {% endif %}
    </tbody>
  </table>
{% endblock page_content %}