{% for procedure, data in results.items() %}
<h2 class="sticky-title">{{procedure}}</h2>
{% if pass_fail_data[procedure]["Total result"] %}
<p style="margin-left: 3.5%; font-size: 125%; color:green">SUCCESS</p>
{% else %}
<p style="margin-left: 3.5%;font-size: 125%; color:red">FAIL</p>
{% endif %}
<h3 class="sticky-title">Results</h3>
<div>
  <table border="1">
    <tr>
      <th>Element Tested</th>
      <th>Expected Value</th>
      <th>Recorded Value</th>
      <th>Pass/Fail</th>
    </tr>
    {% for element, values in data.items() %}
    <tr>
      <td>{{values[0]}}</td>
      <td>{{values[1]}}</td>
      <td>{{values[2]}}</td>
      <td style="margin: auto;">
        {% if values[3] %}
        <span class="successful"></span>
        {% else %}
        <span class="failure"></span>
        {% endif %}
        </span>
      </td>
    </tr>
    {% endfor %}
  </table>
</div>
<div>
  <h3 class="sticky-title">Graphs</h3>
  <h4 class="sticky-title"> Packet Loss Per Interval</h4>
  {{packet_loss_graphs[procedure]}}
</div>
<div>
  <h4 class="sticky-title"> Latency Per Interval</h4>
  {{latency_graphs[procedure]}}
</div>
{% endfor %}