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

{% set full_width = True %}

{% 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 class="highlight responsive-table">
        <thead>
          <tr>
            <th class="sort" data-sort="query">Query</th>
            <th class="sort" data-sort="match_count">Match count</th>
            <th class="sort" data-sort="corpus_name">Corpus name</th>
            <th class="sort" data-sort="corpus_creation_date">Corpus creation date</th>
            <th class="sort" data-sort="corpus_analysis_date">Corpus analysis date</th>
            <th class="sort" data-sort="corpus_type">Corpus type</th>
            <th>{# Actions #}</th>
          </tr>
        </thead>
        <tbody class="list">
          <tr class="show-if-only-child">
            <td colspan="5">
              <span class="card-title"><i class="material-icons left">folder</i>Nothing here...</span>
              <p>No results yet imported.</p>
            </td>
          </tr>
        </tbody>
      </table>
      <ul class="pagination paginationBottom"></ul>
    </div>
    <div class="card-action right-align">
      <a class="waves-effect waves-light btn" href="{{ url_for('results.import_results') }}">Import Results<i class="material-icons right">file_upload</i></a>
    </div>
  </div>
</div>

{# Delete modals #}
{% for result in results %}
<div id="delete-result-{{ result.id }}-modal" class="modal">
  <div class="modal-content">
    <h4>Confirm result file deletion</h4>
    <p>Do you really want to delete the result file created on <i>{{ result.corpus_analysis_date }}</i>?
      <p>The file holds results for the query <i>{{ result.query }}</i>.</p>
    <p>The file will be permanently deleted!</p>
  </div>
  <div class="modal-footer">
    <a href="#!" class="btn modal-close waves-effect waves-light">Cancel</a>
    <a class="btn modal-close red waves-effect waves-light" href="{{ url_for('results.result_delete', result_id=result.id) }}"><i class="material-icons left">delete</i>Delete</a>
  </div>
</div>
{% endfor %}

<script>
var ressources = {{ results|tojson|safe }};
var importedResultsList = new RessourceList("results", null, "result");
importedResultsList.addRessources(ressources);
RessourceList.modifyTooltips();
</script>
{% endblock %}