{% extends 'layout.html' %}

{% block content %}
<div class="row">

<div class="col-md-8">

<p class="second_menu text-center">
<a href="/news/add">Ajouter une actualité</a>
</p>



{% for news in news %}

<article>
        <header>
            <h2><a href="{{url_for('show_news', news_id = news.id)}}">{{ news.title }}</a></h2>

            {% if news.user_name==session.user_name %}
            <p class="pull-right">&nbsp;| <a href="{{url_for('edit_news', news_id = news.id)}}">Modifier</a> </p>
            {% endif %}

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

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

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

{% endfor %}
</div>

<div class="col-md-4">

    <div class="panel panel-default">
        <div class="panel-heading">Dernières visites</div>
        <div class="panel-body">
            <table class="table table-condensed borderless">
                {% 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>
        </div>
    </div>


    <div class="panel panel-default">
        <div class="panel-heading">Derniers commentaires</div>
        <div class="panel-body">
            <ul id="last-comments" class="list-unstyled">
                {% 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>

</div>

</div>

{% endblock %}