{% extends 'base.html' %}

{% block content %}

<div class="container" style="text-align:center;">
  <h1 class="title">Manage Mods</h1>
  <nav class="breadcrumb is-centered" aria-label="breadcrumbs">
    <ul>
      <li><a href="/">Home</a></li>
      <li><a href="{{ url_for('mod.main') }}">Mods</a></li>
    </ul>
  </nav>
  <section class="section">
    {% for mod in mods %}
      <div class="block">
        <span class="tag is-large">
          {{ mod.username }}
          <a href="?delete={{ mod.username }}" class="delete"></a>
        </span>
      </div>
    {% endfor %}
  </section>
  <div class="container" style="text-align:left; width: 30%;">
    <form method="post">
      <div class="field">
        <label class="label">Add New Mod</label>
        <div class="control">
          <input class="input" type="text" placeholder="Username" name="username">
        </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 %}