<!-- HTML for showing infos about the current query or result. Also gives
the user the abiltiy to access the meta data for the current query or
result.-->

<div class="col s12 m2 l2" id="infos">
  <h6 style="margin-top: 0px;">Infos</h6>
  <div class="divider" style="margin-bottom: 10px;"></div>
  <div class="row">
    <div class="col s12">
      <button id="show-metadata"
              class="waves-effect
                     waves-light
                     btn-flat
                     flat-interaction"
              type="submit">Corpus Metadata
        <i class="material-icons left">info_outline</i>
      </button>
    </div>
    <div class="col s12">
      <p>
        <span id="received-match-count">
        </span> of
        <span id="match-count"></span>
        matches loaded.
        <br>
        Matches occured in
        <span id="text-lookup-count"></span>
        corpus files:
        <br>
        <span id=text-titles></span>
      </p>
      {% if not imported %}
      <p id="query-results-user-feedback">
        <i class="material-icons">help</i>
        The Server is still sending your results.
        Functions like "Export Results" and "Match Inspect" will be
        available after all matches have been loaded.
      </p>
      <div class="progress" id="query-results-progress">
        <div class="determinate" id="query-results-determinate"></div>
      </div>
      {% endif %}
    </div>
  </div>
</div>