{% extends 'base.html' %}

{% block content %}

<div class="container" style="text-align:center;">

  <div class="title">
    <h3>{% block title %}Top Posts{% endblock %}</h3>
  </div>

  {% if posts %}
    <ul style="list-style-type:none;">
      {% for post in posts | sort(attribute='balance') %}
        <li>#{{ posts[post].post.id }} - <a href="{{ url_for('post.read', id=posts[post].post.id) }}">{{ posts[post].post.title }}</a> - {{ posts[post].post.submitter }} - {{ posts[post].balance }} WOW received</li>
      {% endfor %}
    </ul>
  {% else %}
    <p>No posts yet!</p>
  {% endif %}


</div>

{% endblock %}