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

{% set headline = '<i class="material-icons left service" data-service="corpus_analysis" style="font-size: inherit;"></i>Corpus analysis' %}

{% block page_content %}
<div class="col s12 m9 l10">
  <p>Nopaque lets you create and upload as many text corpora as you want. It makes use of CQP Query Language, which allows for complex search requests with the aid of metadata and NLP tags. The results can either be displayed as text or abstract visualizations.</p>
  <div class="card">
    <div class="card-content" id="corpora">
      <div class="input-field">
        <i class="material-icons prefix">search</i>
        <input id="search-corpus" class="search" type="search"></input>
        <label for="search-corpus">Search corpus</label>
      </div>
      <table>
        <thead>
          <tr>
            <th></th>
            <th>
              <span class="sort" data-sort="title">Title</span>
              <span class="sort" data-sort="description">Description</span>
            </th>
            <th><span class="sort" data-sort="status">Status</span></th>
            <th></th>
          </tr>
        </thead>
        <tbody class="list"></tbody>
      </table>
      <ul class="pagination"></ul>
    </div>
    <div class="card-action right-align">
      <a class="waves-effect waves-light btn" href="{{ url_for('corpora.add_corpus') }}">New corpus<i class="material-icons right">add</i></a>
    </div>
  </div>
</div>

<div class="col hide-on-small-only m3 l2">
  {% include 'services/roadmap.html.j2' %}
</div>

<script>
  var corpusList = new RessourceList("corpora", nopaque.corporaSubscribers,
                                     "corpus", {page: 10});
</script>
{% endblock %}
