{% extends "main.html" %}

{% from 'bootstrap5/utils.html' import render_messages %}

{% block title %}{{ hhh }}{% endblock %}

{% block content %}
  <center>
      <h2>{{ hhh }}</h2>
  </center>
  <div class="table-responsive">
      <table id="table" class="table">
          <thead>
              <tr>
                  <th scope="col">Name</th>
                  <th scope="col">Value sample</th>
              </tr>
          </thead>
          <tbody>
              {%for name, value in headers%}
              <tr>
                  <th scope="row">{{name}}</th>
                  <td>{{value}}</td>
              </tr>
              {%endfor%}
          </tbody>
      </table>
  </div>
  <p>The same HTTP Headers Hash was seen in these captures:</p>
  <ul>
  <div class="table-responsive">
      <table id="table" class="table">
          <thead>
              <tr>
                  <th>Capture Title</th>
                  <th>URL matching the HHH</th>
              </tr>
          </thead>
          <tbody>
            {% for capture_uuid, hostnode_uuid, url, title in captures %}
            <tr>
                <td>
                    <a href="{{ url_for('tree', tree_uuid=capture_uuid, node_uuid=hostnode_uuid) }}">
                        {{ title }}
                    </a>
                </td>
                <td>{{url}}</td>
            </tr>
            {% endfor %}
          </tbody>
      </table>
  </div>
  </ul>
{% endblock %}