{% extends 'base.html' %}

{% block header %}
  <h1>{% block title %}{{ localize("forum") }}{% endblock %}</h1>
{% endblock %}

{% block content %}
  <form action="{{ url_for('forum.new_post') }}">
    <input id="new-post-button" type="submit" value="{{ localize('new_post') }}">
  </form>
  <hr>
  <div id="forum-container">
    {% for post in posts %}
      <div class="post">
        <h2 class="post-title">{{ post.title }}</h2>
        <span class="post-author">{{ post.username }}</span>
        <p>{{ post.body }} </p>
        <br>
        <span class="post-timestamp">{{ post.created }}</span>
      </div>
    {% endfor %}
  </div>
{% endblock %}