{% extends "base-nav.html" %}

{% block css %}
<link rel="stylesheet" href="{{ static_url("ffu.css") }}">
<link rel="stylesheet" href="{{ static_url("jquery.dynatable.css") }}">
{% end %}

{% block content %}
<div class="container">
  <div class="row">
    <div class="col-xs-12">
      <ul id="filelist" class="list-group">
      {% if 'items' in globals() %} 
        {% for item in items %}
          <li><a href="#">{{item}}</a></li>
        {% end %}
      {% end %}
      </ul>
      <table id="audit-table">
        <thead>
          <th data-dynatable-column="transferid">Transfer ID</th>
          <th>Username</th>
          <th>Error</th>
          <th>Filenames</th>
          <th>Warnings</th>
          <th>Actions</th>
        </thead>
        <tbody>
        </tbody>
      </table>
    </div>
  </div>
</div><!-- /.container -->
{% end %}

{% block js %}
<script src="{{ static_url("jquery.dynatable.js") }}"></script>
<script>
  $("#audit-table").dynatable({
    dataset : {
      ajax : true,
      ajaxUrl: '/admin',
      ajaxOnLoad: true,
      defaultColumnIdStyle: 'lowercase',
      records: []
    }
  });
</script>
{% end %}