{% extends 'site_layout.html.j2' %}
{% set title="Editing Disabled Servers" %}

{% block content %}
<h1>Administrating Disabled Servers</h1>

<div class="row">
  <div class="col s12">
    <div class="card-panel indigo lighten-5 z-depth-3 hoverable black-text">
        <p class="flow-text">Add an entry</p>
      <table class="bordered striped">
        <thead>
          <tr>
              <th>Server ID</th>
              <th>Submit</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>
                <div class="input-field inline">
                    <input id="new_guild_id" placeholder="Server ID">
                </div>
            </td>
            <td>
                <a class="waves-effect waves-light btn" id="new_submit">Submit</a>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  
  <div class="col s12">
    <div class="card-panel indigo lighten-5 z-depth-3 hoverable black-text">
      <table class="bordered striped">
        <thead>
          <tr>
              <th>Remove</th>
              <th>Server ID</th>
          </tr>
        </thead>
        <tbody>
        {% for guild in guilds %}
          <tr>
            <td><a class="waves-effect waves-light btn red" onclick="delete_guild('{{ guild }}');">Remove</a></td>
            <td>{{ guild }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}
{% block script %}
<script type="text/javascript" src="{{ url_for('static', filename='js/admin_disabled_guilds.js') }}"></script>
{% endblock %}