{% 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}}: Soumission{% 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("fast");
      });
      $(".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><a href="{{ url_for('categories.workshop', repository=current_repository) }}">Atelier</a></li>
  <li><a class="navbar-decorative">></a></li>
  <li class="active"><a>Soumission</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> Catégories existantes <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 original_cat_count == 0 %}
          <tr>
            <td class="col-md-12" colspan="3">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(original_cat_list, current_repository, state_list=["original"], interactive=False) }}
        {% endif %}
      {% endif %}
      </tbody>
    </table>
  </div>

  <h3> Mes modifications </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" colspan="4"><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 modifications
      </td>
    </tr>
    {% else %}
      <tr class="success">
        <td class="col-md-12" colspan="5">
          <b> Catégories ajoutées</b>
        </td>
      </tr>
      {% if created_cat_count == 0 %}
        <tr>
          <td class="col-md-12" colspan="5">Aucune catégorie n'a été ajoutée pour l'instant.</td>
        </tr>
      {% else %}
        {% import "macros.html" as macros %}
        {{ macros.category_table(cat_list, current_repository, state_list=["created"], target="categories.submit") }}
      {% endif %}
      <tr class="warning">
        <td class="col-md-12" colspan="5">
          <b> Catégories modifiées</b>
        </td>
      </tr>
      {% if edited_cat_count == 0 %}
      <tr>
        <td class="col-md-12" colspan="5">Aucune catégorie n'a été modifiée pour l'instant.</td>
      </tr>
      {% else %}
        {% import "macros.html" as macros %}
        {{ macros.category_table(cat_list, current_repository, state_list=["modified"], target="categories.submit") }}
      {% endif %}

      <tr class="danger">
        <td class="col-md-12" colspan="5">
          <b> Catégories supprimées</b>
        </td>
      </tr>
      {% if deleted_cat_count == 0 %}
      <tr>
        <td class="col-md-12" colspan="5">Aucune catégorie n'a été supprimée pour l'instant.</td>
      </tr>
      {% else %}
        {% import "macros.html" as macros %}
        {{ macros.category_table(cat_list, current_repository, state_list=["deleted"], target="categories.submit") }}
      {% endif %}
    {% endif %}
    </tbody>
  </table>
  <h3> Soumettre mes changements </h3>
  <div class="col-md-12">
    <form method="POST" action="{{ url_for('categories.submit', repository=current_repository)}}">
      <fieldset {% if readonly %}disabled{% endif %}>
        {{ commit_form.hidden_tag() }}
        <div class="form-group">
          {{ commit_form.commit_message.label }}
          {{ commit_form.commit_message(size=40, class="form-control", readonly=readonly) }}
        </div>
        <button type="submit" class="btn btn-default">Soumettre modifications</button>
        <a href="{{ url_for('categories.workshop', repository=current_repository)}}"class="btn btn-default">Retour</a>
      </fieldset>
    </form><br>
  </div>
{% endblock page_content %}