{% extends "base.html" %}

{% block content %}

<h1>Gaps</h1>

<p>These are gaps of at least an hour in your browsing history, from most recent to oldest.</p>

<table class="table table-striped w-75">
<thead>
<tr>
	<th>Start Time</th>
	<th>End Time</th>
	<th>Gap Length (Hours)</th>
	<th>Link</th>
</tr>
</thead>
<tbody>
{% for gap in view_model.gaps %}
<tr>
	<td>
		{{ gap.start_time }}
	</td>
	<td>
		{{ gap.end_time }}
	</td>
	<td>
		{{ gap.gap_hours }}
	</td>
	<td>
		<a href="{{ gap.url }}">Browse</a>
	</td>
</tr>
{% endfor %}
</tbody>
</table>

<!--
<code><pre>{{ view_model | tojson(indent = 2) }}</pre></code>
-->

{% endblock %}