{% extends 'base.html' %}

{% block content %}

<div class="container" style="text-align:center;">
  <h1 class="title">Manage Mods</h1>
  <section class="section">
    {% for ban in bans %}
      <article class="message" style="width: 30%; margin: 2em auto;">
        <div class="message-header">
          <p>{{ ban.user.username }}</p>
          <a href="?delete={{ ban.user.username }}" class="delete"></a>
        </div>
        <div class="message-body">
          {{ ban.reason }}
        </div>
      </article>
    {% endfor %}
  </section>
  <div class="container" style="text-align:left; width: 30%;">
    <form method="post">
      <div class="field">
        <label class="label">Ban User</label>
        <div class="control">
          <input class="input" type="text" placeholder="Username" name="username">
        </div>
      </div>
      <div class="field">
        <label class="label">Reason</label>
        <div class="control">
          <textarea class="textarea" placeholder="Reason for ban" name="reason"></textarea>
        </div>
      </div>
      <div class="field is-grouped">
        <div class="control">
          <button class="button is-link">Submit</button>
        </div>
        <div class="control">
          <button class="button is-link is-light">Cancel</button>
        </div>
      </div>
    </form>
  </div>
</div>




{% endblock %}

{% block footer %}{% endblock %}