{% extends "base.html" %}
{% block body %}
<div class="container">
<form action="/proxy/add" method="POST">
  <table>
  <tr>
    <td>{{_('Voter')}}</td>
    <td>{{_('Proxy')}}</td>
    <td></td>
  </tr>
  <tr>
    <td>
      <select class="float form-control" name="voter">
    {%- for voter in voters %}
        <option>{{voter.email}}</option>
    {%- endfor %}
      </select>
    </td>
    <td>
      <select class="float form-control" name="proxy">
        {%- for voter in voters %}
          <option>{{voter.email}}</option>
        {%- endfor %}
      </select>
    </td>
    <td>
      <button type="submit" class="btn btn-primary">{{_('Add')}}</button>
    </td>
  </tr>
  </table>
</form>
<form action="/proxy/revoke" method="POST">
<div class="motion card" id="votes">
  <div class="card-heading text-white bg-info">
    {{_('Granted Proxies')}}
  </div>
  <div class="card-body">
    <table>
      <thead>
        <th>{{_('Voter')}}</th>
        <th>{{_('Proxy')}}</th>
        <th></th>
      </thead>
      {%- if proxies %}
      {%- for row in proxies %}
      <tr>
        <td>{{row.voter_email}}</td>
        <td>{{row.proxy_email}}</td>
        <td><button type="submit" class="btn btn-danger" name="id" value="{{row.id}}">{{_('Revoke')}}</button></td>
      </tr>
      {%- endfor %}
      {%- endif %}
    </table>
  </div>
</div>
</form>
<form action="/proxy/revokeall" method="POST">
  <button type="submit" class="btn btn-danger">{{_('Revoke all')}}</button>
</form>
</div>
{%- endblock %}