{% extends "base.html" %}
{% block title %}Store · psppt{% endblock %}
{% block content %}
<h1>Store</h1>
<h2>Upload archive</h2>
<form method="post" action="/store/upload" enctype="multipart/form-data" class="inline">
  <select name="system">
    <option value="games">Games</option>
    <option value="videos">Videos</option>
  </select>
  <input type="file" name="file">
  <button>Upload</button>
</form>

<h2>Games ({{ games | length }})</h2>
<table>
  <tr><th>Name</th><th>Size</th><th></th></tr>
  {% for g in games %}
  <tr>
    <td>{{ g.name }}</td>
    <td>{{ (g.size / 1048576) | round(1) }} MB</td>
    <td>
      <form method="post" action="/store/games/{{ g.filename }}/delete" class="inline">
        <button class="danger">Delete</button>
      </form>
    </td>
  </tr>
  {% else %}
  <tr><td colspan="3">No game archives.</td></tr>
  {% endfor %}
</table>

<h2>Videos ({{ videos | length }})</h2>
<table>
  <tr><th>Name</th><th>Size</th><th></th></tr>
  {% for v in videos %}
  <tr>
    <td>{{ v.name }}</td>
    <td>{{ (v.size / 1048576) | round(1) }} MB</td>
    <td>
      <form method="post" action="/store/videos/{{ v.filename }}/delete" class="inline">
        <button class="danger">Delete</button>
      </form>
    </td>
  </tr>
  {% else %}
  <tr><td colspan="3">No video archives.</td></tr>
  {% endfor %}
</table>
{% endblock %}