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