{% extends "nopaque.html.j2" %}

{% block page_content %}

<div class="col s12">
  <p>This is an overview of all your imported results.</p>
</div>

<div class="col s12">
  <div class="card">
    <div class="card-content" id="results">
      <div class="input-field">
        <i class="material-icons prefix">search</i>
        <input id="search-results" class="search" type="search"></input>
        <label for="search-results">Search results</label>
      </div>
      <ul class="pagination paginationTop"></ul>
      {{ table }}
      <ul class="pagination paginationBottom"></ul>
      <ul class="pagination"></ul>
    </div>
    <div class="card-action right-align">
      <a class="waves-effect waves-light btn" href="{{ url_for('services.import_results') }}">Import Results<i class="material-icons right">file_upload</i></a>
    </div>
  </div>
</div>

<script>
var options = {page: 10,
               pagination: [
               {
                 name: "paginationTop",
                 paginationClass: "paginationTop",
                 innerWindow: 8,
                 outerWindow: 1
               },
               {
                  paginationClass: "paginationBottom",
                  innerWindow: 8,
                  outerWindow: 1
                }
               ],
               valueNames: ['query',
                            'match-count',
                            'corpus-name',
                            'corpus-creation-date',
                            'corpus-analysis-date',
                            'corpus-type']
              };
var resultsList = new List('results', options);
</script>
{% endblock %}