{% from "macros/pagination.html" import pagination %}
{% from "supersearch/macros/links.html" import signature_link, refine_link with context %}

{% if query.total > 0 %}
  <ul id="search_results-nav">
    <li><a href="#crash-reports"><span>Crash Reports</span></a></li>
    {% for facet in query.facets %}
      <li><a href="#facet-{{ facet }}"><span>{{ facet | replace('_', ' ') | capitalize }} facet</span></a></li>
    {% endfor %}
  </ul>

  <div id="crash-reports">
    {{ pagination(query, current_url, current_page, '#crash-reports') }}
    <table id="reports-list" class="tablesorter data-table">
      <caption>Crash Reports</caption>
      <thead>
        <tr>
          <th scope="col" class="crash-id">Crash ID</th>
          {% for column in columns %}
            <th scope="col" class="sort-header {% if column in sort %}headerSortDown{% elif '-{}'.format(column) in sort %}headerSortUp{% endif %}" data-field-name="{{ column }}">{{ column | replace('_', ' ') | capitalize }}</th>
          {% endfor %}
        </tr>
      </thead>
      <tbody>
        {% for crash in query.hits %}
          <tr>
            <td><a href="{{ url('crashstats:report_index', crash_id=crash.uuid) }}" class="crash-id">{{ crash.uuid }}</a></td>
            {% for column in columns %}
              <td>
                {% if crash[column] %}
                  {% if column == 'date' %}
                    {{ crash[column] | human_readable_iso_date }}
                  {% elif column == 'signature' %}
                    {{ signature_link(column, crash[column]) }}
                    &nbsp;
                    {{ refine_link(column, crash[column], "Add term") }}
                  {% elif is_list(crash[column]) %}
                    {% for val in crash[column] %}
                      {{ refine_link(column, val) }}
                    {% endfor %}
                  {% elif column in simple_search_data_fields %}
                    {{ refine_link(column, crash[column], use_is_query=False) }}
                  {% elif column == 'install_time' %}
                    {{ refine_link(column, crash[column], crash[column] | timestamp_to_date) }}
                  {% else %}
                    {{ refine_link(column, crash[column]) }}
                  {% endif %}
                {% endif %}
              </td>
            {% endfor %}
          </tr>
        {% endfor %}
      </tbody>
    </table>
    {{ pagination(query, current_url, current_page, '#crash-reports') }}
  </div>

  {% for facet in query.facets %}
    <div id="facet-{{ facet }}" class="ui-tabs-hide">
      <table id="facets-list-{{ facet }}" class="tablesorter data-table facet">
        <caption>{{ facet | replace('_', ' ') | capitalize }} facet</caption>
        <thead>
          <tr>
            <th class="column-narrow" scope="col">Rank</th>
            <th class="facet-term" scope="col">{{ facet | replace('_', ' ') | capitalize }}</th>
            <th class="column-narrow" scope="col">Count</th>
            <th class="column-narrow" scope="col">%</th>
            {% if facet == 'signature' %}
              <th scope="col">Bugs</th>
            {% endif %}
          </tr>
        </thead>
        <tbody>
          {% for hit in query.facets[facet] %}
            <tr>
              <td>{{ loop.index }}</td>
              <td>
                {% if facet == 'signature' %}
                  {{ signature_link(facet, hit.term) }}
                  &nbsp;
                  {{ refine_link(facet, hit.term, "Add term") }}
                {% elif facet in simple_search_data_fields %}
                  {{ refine_link(facet, hit.term, use_is_query=False) }}
                {% else %}
                  {{ refine_link(facet, hit.term) }}
                {% endif %}
              </td>
              <td>{{ hit.count }}</td>
              <td>{{ '%.2f' | format(100.0 * hit.count / query.total) }} %</td>
              {% if facet == 'signature' %}
                <td>
                  {% for bug in hit.bugs %}
                    {{ show_bug_link(bug) }}
                  {% endfor %}
                  <div class="bug_ids_expanded_list">
                    <h3>Bugs for <code>{{ hit.term }}</code></h3>
                    <ul class="bug_ids_expanded full_bug_ids popup">
                      {% for bug in hit.bugs %}
                        <li>{{ show_bug_link(bug) }}</li>
                      {% endfor %}
                    </ul>
                  </div>
                </td>
              {% endif %}
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  {% endfor %}
{% else %}
  <p class="no-data">No results were found.</p>
{% endif %}