{% extends "base.html" %}
{% block title %}{{ post.title }}{% endblock %}
{% block content %}
<table class="post-table" cellpadding="0" cellspacing="0">
  <!-- Post header -->
  <tr class="post-header-row">
    <td colspan="2">
      <b>{{ post.title }}</b>
    </td>
  </tr>
  <tr>
    <!-- Author sidebar -->
    <td class="post-sidebar" valign="top">
      <div class="author-card">
        <pre class="avatar-ascii">
 ,-=-.
/  +  \
| ~~~ |
|  _  |
\_/ \_/</pre>
        <div class="author-name">{{ post.username }}</div>
        <div class="author-rank">Researcher</div>
        <div class="author-joined">Joined: {{ post.created_at | timeago }}</div>
      </div>
    </td>
    <!-- Post body -->
    <td class="post-body" valign="top">
      <div class="post-content">
        {{ post.body_html | safe }}
      </div>

      {% if post.signature %}
      <div class="post-signature">
        {{ post.signature | safe }}
      </div>
      {% endif %}

      <div class="post-footer">
        Posted {{ post.created_at | timeago }}
        {% if user %}
        &nbsp;|&nbsp;
        <form method="POST" action="{{ url_for('report_post', post_id=post.id) }}" style="display:inline">
          <button type="submit" class="report-btn">Report to Moderator</button>
        </form>
        {% endif %}
      </div>
    </td>
  </tr>
</table>

<div class="back-link">
  <a href="{{ url_for('index') }}">&laquo; Back to Forum Index</a>
</div>
{% endblock %}