{% extends "base.html" %}

{% block content %}
<div class="p-2">

  <h1>Gaps</h1>
    <p>
      <a href="{{ url_for("index") }}">&larr; back to agenda</a>
      |
      <a href="{{ url_for("travel_list") }}">travel</a>
      |
      <a href="{{ url_for("conference_list") }}">conference</a>
      |
      <strong>gaps</strong>
    </p>



  <table class="table table-hover w-auto">
  {% for start, end in gaps %}
  <tr>
    <td class="text-end">{{ start.strftime("%A, %-d %b %Y") }}</td>
    <td class="text-end">{{ end.strftime("%A, %-d %b %Y") }}</td>
    <td>{{ (end - start).days }} days</td>
  </tr>
  {% endfor %}
  </table>
</div>

{% endblock %}