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

{% block page_content %}
<div class="container">
  <h1 id="title">{{ title }}</h1>

  <div class="card">
    <div class="card-content">
      <div class="corpus-list no-autoinit" id="corpus-list"></div>
    </div>
  </div>
  </div>
</div>
{% endblock page_content %}

{% block scripts %}
{{ super() }}
<script>
  let corpusListElement = document.querySelector('#corpus-list');
  let corpusList = new nopaque.resource_lists.CorpusList(corpusListElement);
  corpusList.add(
    [
      {% for corpus in corpora %}
      {{ corpus.to_json_serializeable(backrefs=True,relationships=True)|tojson }},
      {% endfor %}
    ]
  );
</script>
{% endblock scripts %}