{% extends "minecraft_manager/dashboard.html" %}
{% load static %}
{% block title %}Applications{% endblock %}
{% block section %}
<div id="content" hidden="hidden">
  <table id="model-table" class="table table-hover link-table">
      <thead>
          <tr>
              <th>App ID</th>
              <th>Username</th>
              <th>Age</th>
              <th>Past Ban</th>
              <th>Status</th>
              <th>Date Applied</th>
          </tr>
      </thead>
      <tbody>
      {% for app in applications %}
          <tr {% if app.accepted is True %}class="success"{% endif %}{% if app.accepted is False %}class="danger"{% endif %} data-id="{{ app.id }}">
              <td>{{ app.id }}</td>
              <td>{{ app.username }}</td>
              <td>{{ app.age }}</td>
              <td>{{ app.ever_banned }}</td>
              <td>{{ app.status }}</td>
              <td>{{ app.date }}</td>
          </tr>
      {% endfor %}
      </tbody>
  </table>
  <a href="{% url 'reference' %}">Reference Report</a>
</div>
<script>
$(document).ready(function() {
    $("#model-table").DataTable({
        'lengthMenu': [ [ 10, 25, 50, 100, -1 ], [  10, 25, 50, 100, "All" ] ],
        'initComplete': function(settings, json) {
            $("#content").show();
        },
        'order': [],
    {% if request.user.usersettings %}
        'pageLength': {{ request.user.usersettings.default_results }},
    {% endif %}
    });
});

</script>
{% endblock section %}