{% extends 'layout.html' %}

{% block content %}

<div class="row">
  <div class="col-md-8">
    <h2>{{news.title}}</h2>
    <p class="new_content">
      {{news.content_cache|safe}}
    </p>
    <hr/>

    <h3 id="comments">Commentaires</h3>
    {% if not comments %}
    Pas de commentaires pour l'instant.
    {% endif %}
    {% for comment in comments %}
    <div class="media comment" style="width:100%">
      <a class="media-left" href="#">
        <img src="{{ url_for('static', filename='gfx/photo.jpg') }}" alt="pomme">
      </a>
      <div class="media-body" style="width:100%">
        <h4 class="media-heading"><p class="pull-right date">{{comment.date|format_date}}</p>
        <a href="{{url_for('view_user', user_id=comment.user_id)}}">{{comment.user_name}}</a></h4>
        {{comment.content_cache|safe}}
      </div>
    </div>
    {% endfor %}


    <h3 id="add">Ajouter un commentaire</h3>

    <form class="comment_add" role="form" method="post" action="{{url_for('show_news', news_id=news.id)}}">
      <div class="form-group">
        <textarea name="content" class="form-control" cols="90" rows="10"></textarea>
      </div>
      <button type="submit" class="btn btn-primary">Ajouter</button>
    </form>
  </div>

  <div class="col-md-4">
    <div class="panel panel-default">
      <div class="panel-heading">Détails</div>
      <div class="panel-body">
        <ul class="list-unstyled">
          <li>Auteur : <a href="{{url_for('view_user', user_id=news.user_id)}}">{{news.user_name}}</a></li>
          <li>Date : {{news.date|format_date}}</li>
          <li><a href="#comments">{{"Commentaire"|pluralize(comments|count)}}</a></li>
        </ul>
      </div>
    </div>
  </div>

{% endblock %}