{% extends 'layout.html' %}

{% block content %}
<!-- <div class="second_menu"> -->
<!--   <a href="/news/add/">Ajouter une actualité</a> -->
<!-- </div> -->

<div class="pure-u-3-5">
  <div class="content">
    {% for news in news %}
    <div class="pure-u">
      <h2><a href="{{url_for('show_news', news_id = news.id)}}">{{ news.title }}</a></h2>

      {% if news.user_name==session.user_name %}
      <div class="pure-u">
        <a href="{{url_for('edit_news', news_id = news.id)}}">
          Modifier cette actualité
        </a>
      </div>
      {% endif %}

      <p>Posté par <a href="{{url_for('view_user', user_id = news.user_id)}}">{{ news.user_name }}</a> le {{news.date|format_date}}</p>

    </div>

    <p class="comments">
      <a href="{{url_for('show_news', news_id = news.id)}}#comments">{{"Commentaire"|pluralize(news.ncomments)}}</a> |
      <a href="{{url_for('show_news', news_id = news.id)}}#add">Ajouter un commentaire</a>
    </p>

    <div class="news_content">
      <p>{{ news.content_cache|safe }}</p>
    </div>
    {% endfor %}
  </div>
</div>

<div class="pure-u-2-5">
  <h2>Dernières visites</h2>

  <table class="pure-table pure-table-horizontal">
    {% for user in users %}
    <tr>
      <td><a href="{{url_for('view_user', user_id=user.id)}}">{{user.user_name}}</a></td>
      <td>{{user.last_seen|format_ago('%a %d %b à %Hh%M')|safe}}</td>
    </tr>
    {% endfor %}
  </table>

  <h2>Derniers commentaires</h2>
  <ul id="last-comments">
    {% for comment in comments %}
    <li><a href="{{url_for('view_user', user_id=comment.user_id)}}">{{comment.user_name}}</a>
      {{comment.date|format_ago('%a %d %b à %Hh%M')|safe}}<br/>
      {{comment.content_cache|shortify|safe}} <a href="{{url_for('show_news', news_id=comment.news_id)}}#comments">[…]</a>
    </li>
    {% else %}
    Pas de commentaires.
    {% endfor %}
  </ul>
</div>

<!-- <div style="clear:both"/> -->
{% endblock %}