{% if from_popup %}
{% extends "main.html" %}
{% from 'bootstrap5/utils.html' import render_messages %}
{% block title %}{{ hhh }}{% endblock %}
{%endif%}

{% block content %}
{% if from_popup %}
<center><button class="btn btn-primary goBack" type="button">Go Back</button></center>
{%endif%}

<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="HHHDetailsTable" class="table" data-hhh="{{hhh}}">
        <thead>
            <tr>
                <th>Capture Time</th>
                <th>Capture Title</th>
                <th>URL</th>
            </tr>
        </thead>
    </table>
</div>
</ul>
{% endblock %}