{% extends 'base.html' %}

{% block content %}

<div class="container">
  <div class="post" style="text-align:center;">
    <a href="/">< Go Back</a>
    {% if post.hidden %}
      <h2>You cannot see this post</h2>
    {% else %}

      <!-- Post Info -->
      <h1>{{ post.title }}</h1>
      <p class="subtitle">{{ post.text }}</p>
      <p class="subtext">Submitted by <i><u>{{ post.submitter }}</u></i> at <i>{{ post.timestamp }}</i></p>
      <br>
      <img src="{{ url_for('post.uploaded_file', filename=post.image_name) }}" width=600/ style="margin-bottom:1em;border-radius:4px;">
      <hr>

      <!-- Payments -->
      <h2>Payments</h2>
      <p style="word-break:break-all;">Vote for this post by sending WOW to the following address:<br><i>{{ address }}</i></p>
      <h5>WOW Received</h5>
      {% if transfers.in %}
        <ul>
          {% for transfer in transfers.in %}
            <li style="word-break:break-all;list-style:none;">{{ transfer.amount / 100000000000 }} WOW (<a href="https://wownero.club/transaction/{{ transfer.txid }}" target="_blank">{{ transfer.txid }}</a>)</li>
          {% endfor %}
        </ul>
      {% else %}
        <p>No WOW received yet. Show this post some love!</p>
      {% endif %}
      <h5>WOW Sent</h5>
      {% if transfers.out %}
        <ul>
          {% for transfer in transfers.out %}
            <li>{{ transfer.amount / 100000000000 }} WOW (<a href="https://wownero.club/transaction/{{ transfer.txid }}" target="_blank">{{ transfer.txid }}</a>)</li>
          {% endfor %}
        </ul>
      {% else %}
        <p>No payouts yet.</p>
      {% endif %}
      <hr>

      <!-- Comments -->
      <h2>Comments</h2>
      {% if comments %}
        {% for comment in comments %}
        <p id="comment{{ comment.id }}" class="comment">
          <a href="{{ url_for('post.read', id=post.id, _external=True) }}#comment{{ comment.id }}">#{{ comment.id }}</a> - <i>{{ comment.commenter.username }}</i> - {{ comment.comment }}
        </p>
        {% endfor %}
      {% else %}
        <p>No comments yet.</p>
      {% endif %}

    {% endif %}

    <a href="{{ url_for('comment.create', post_id=post.id) }}"><button class="btn btn-warning">Leave a Comment</button></a>

    {% if "auth" in session %}
      {% if session.auth.preferred_username == post.submitter %}
      <hr><a href="{{ url_for('post.delete', id=post.id) }}"><button class="btn btn-danger">Delete Post</button></a>
      {% endif %}
    {% endif %}

  </div>
</div>

{% endblock %}