{% extends "base.html" %}
{% block content %}
<h2>Top Submissions</h2>
{% for sub in submissions %}
  <div class="submission">
    <h3><a class="title" href="{{ sub.url }}" target="_blank" rel="noopener">{{ sub.title }}</a></h3>
    <div class="meta">
      <span>{{ sub.votes }} votes</span> &middot;
      <span>category: {{ sub.category }}</span> &middot;
      <a href="{{ url_for('submission', submission_id=sub.id) }}">{{ sub.id }} comments</a> &middot;
      <form class="vote-form" action="{{ url_for('upvote', submission_id=sub.id) }}" method="post">
        <button type="submit">upvote</button>
      </form>
    </div>
  </div>
{% else %}
  <p>No submissions yet. <a href="{{ url_for('submit') }}">Be the first to submit!</a></p>
{% endfor %}
{% endblock %}