{% if hits %}
  <table class="grid" id="search-results-table">
    <thead>
      <tr>
        <th>TDoc</th>
        <th>Title</th>
        <th>Meeting</th>
        <th>TSG</th>
        <th>Mode</th><th>Score</th>
      </tr>
    </thead>
    <tbody>
      {% for hit in hits %}
        <tr>
          <td><a href="/tdocs/{{ hit.tdoc_id }}"><code>{{ hit.tdoc_id }}</code></a></td>
          <td>{{ hit.title or '-' }}</td>
          <td>{{ hit.meeting or '-' }}</td>
          <td>{{ hit.tsg or '-' }}</td>
          <td>{{ hit.search_mode.value }}</td>
          <td>{{ '%.4f' | format(hit.score) if hit.score is not none else '-' }}</td>
        </tr>
        {% if hit.previews is not none and hit.previews %}
          <tr class="preview-row">
            <td colspan="6">
              <details class="hit-details">
                <summary>Matching fields</summary>
                {% for col, snippet in hit.previews.items() %}
                  <div class="preview-field">
                    <span class="preview-label">{{ col }}</span>
                    <pre>{{ snippet }}</pre>
                  </div>
                {% endfor %}
              </details>
            </td>
          </tr>
        {% endif %}
      {% endfor %}
    </tbody>
  </table>
{% else %}
  <p class="empty">No matches.</p>
{% endif %}