<div class="correlations-wrapper"
     data-correlation_version="{{ correlation_version }}"
     data-correlation_os="{{ correlation_os }}">

{% if correlation_os and correlation_version %}
<h2>Correlations for {{ product }} {{ correlation_version }} {{ correlation_os }}</h2>

<p>If this screen has data from multiple product/version/platforms, the crashiest was picked ({{ product }} {{ correlation_version }} {{ correlation_os }}).</p>

<ul>
  <li id="mod">
    <h3>
      Modules <a href="#modver" title="Skip Down to Module Versions">Next</a>
    </h3>
    <div id="interesting-modules_correlation">
      Loading <img src="{{ static('img/loading.png') }}" width="16" height="17" alt="loading spinner" />
    </div>
  </li>
  <li id="modver">
    <h3>
      Modules by versions <a href="#add" title="Skip Down to Add-ons">Next</a>
      <a href="#mod" title="Skip Up to Modules">Previous</a>
    </h3>
    <div id="interesting-modules-with-version-panel">
      <button name="interesting-modules-with-version" class="load-version-data">Load</button>
    </div>
  </li>
  <li id="add">
    <h3>
      Add-ons <a href="#addver" title="Skip Down to Add-on Versions">Next</a>
      <a href="#modver" title="Skip Up to Module Versions">Previous</a>
    </h3>
    <div id="interesting-addons_correlation">
      Loading <img src="{{ static('img/loading.png') }}" width="16" height="17" alt="loading spinner" />
    </div>
  </li>
  <li id="addver">
    <h3>
      Add-ons by versions <a href="#core-counts" title="Skip Down to CPU Cores">Next</a>
      <a href="#add" title="Skip Up to Add-ons">Previous</a>
    </h3>
    <div id="interesting-addons-with-version-panel">
      <button name="interesting-addons-with-version" class="load-version-data">Load</button>
    </div>
  </li>
  <li id="core-counts">
    <h3>
      CPU Cores <a href="#addver" title="Skip Up to Add-on Versions">Previous</a>
    </h3>
    <div id="core-counts_correlation">
      Loading <img src="{{ static('img/loading.png') }}" width="16" height="17" alt="loading spinner" />
    </div>
  </li>
</ul>
{% else %}
  {% if not correlation_os %}
    <p class="error">No OS for all reports under this signature.</p>
  {% endif %}
  {% if not correlation_version %}
    <p class="error">No version for all reports under this signature.</p>
  {% endif %}
{% endif %}
</div>
