{% extends "layout.html" %}
{% block title %}{{ current_repository }}: Discussion{% endblock title %}
{% block head %}
  {{ super ()}}
{% 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) }}">{{current_repository}}</a></li>
  {% endif %}
{% endblock navbar_items %}
{% block page_content %}
<h2> <b>CatEdit</b> - <small>{{current_repository}}</small></h2>
<div class="container">
  {% block additional_content %}
  {% endblock additional_content %}
  <div>
    <h3><strong>Discussion</strong></h3></h3>
    {% if comment_form.comment_field.errors %}
      <div class="alert alert-danger">
        <strong>
          <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
          Erreur:
        </strong>
        Votre commentaire est vide.
      </div>
    {% endif %}
    <table class="table table-striped">
      <theader>
        <tr class="info">
          <th class="col-md-2"> {{comments["author"]}} </td>
          <th class="col-md-2"> {{moment(comments["opening_date"]).format('DD/MM/YYYY à HH:mm')}} </td>
          <th class="col-md-8"> <strong>Titre: {{comments["title"]}}</strong> </td>
        </tr>
          <tr>
            <td colspan="2"/>
            <td>{{comments["opening_post"]}}</td>
          </tr>
      </theader>
      <tbody>
        {% if comments["comment_list"]|length == 0 %}
          <tr>
            <td colspan="3"> Aucun commentaire à afficher </td>
          </tr>
        {% else %}
          {% for comment in comments["comment_list"] %}
            <tr>
              <td class="col-md-2"> {{comment["author"]}} </td>
              <td class="col-md-2"> {{moment(comment["date"]).fromNow()}} </td>
              <td class="col-md-8"> {{comment["body"]}} </td>
            </tr>
          {% endfor %}
        {% endif %}
        <tr class="info tr-pagination">
          <td colspan="3" class="text-right">
            {% import "macros.html" as macros %}
            {{ macros.render_pagination(comments_pagination, comments_per_page) }}
          </td>
        </tr>
        <tr class="active">
          <td colspan="2" class="text-right">
            {{ comment_form.comment_field.label }}
          </td>
          <td>
            <form method="POST" action="{% block comment_posting_target %}{% endblock %}">
              <fieldset {% if readonly %}disabled{% endif %}>
                {{ comment_form.hidden_tag() }}
                <div class="form-group">
                  {{ comment_form.comment_field(class="form-control", readonly=readonly) }}
                </div>
                <button type="submit" class="btn btn-default">Envoyer commentaire</button>
                <a href="{% block back_link %}{% endblock %}"class="btn btn-default">Retour</a>
              </fieldset>
            </form>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
{% endblock page_content %}