<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="/static/htmx.min.js"></script>
    <script src="/static/Sortable.min.js"></script>
    <link rel="stylesheet" href="/static/style.css">
  </head>
  <body>
    <div class="ballotlist">
    {% for ballot in ballots %}
      <div class="ballot">
        <div class="voter">
          {{ballot.0.email}}
        </div>
        {% for vote in ballot %}
        <div class="result-item
          {% for r in result %}
            {% if r.id == vote.id %}
              pos_{{ loop.index }}
            {% endif %}
          {% endfor %}
          "
        >
          {{ vote.display or vote.time }}
        </div>
        {% endfor %}
      </div>
    {% endfor %}
    </div>
  </body>
</html>