{% extends 'base.html' %}

{% block content %}

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

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

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



  {% if page > 1 %}
    <a href="/?page={{ page - 1 }}" style="padding:1em;">Back</a>
  {% endif %}

  {% if page < total_pages and total_pages > 0 %}
    <a href="/?page={{ page + 1 }}" style="padding:1em;">Next</a>
  {% endif %}

  <hr>
  <h3>Leaderboards</h3>
  <a href="{{ url_for('post.top') }}"><button class="btn btn-warning">Top Posts</button></a>
  <a href="{{ url_for('leaderboard.leaderboard') }}"><button class="btn btn-warning">Top Posters</button></a>

</div>

{% endblock %}