{% extends "base.html" %}
{% from "macros.html" import display_date %}

{% block content %}
<div class="container-fluid mt-2">
  <h1>Holidays</h1>
  <table class="table table-hover w-auto">
  {% for item in items %}
    {% set country = get_country(item.country) %}
    <tr>
      {% if loop.first or item.date != loop.previtem.date %}
        <td class="text-end">{{ display_date(item.date) }}</td>
        <td>in {{ (item.date - today).days }} days</td>
      {% else %}
        <td colspan="2"></td>
      {% endif %}
      <td>{{ country.flag }} {{ country.name }}</td>
      <td>{{ item.display_name }}</td>
    </tr>
  {% endfor %}
  </table>
</div>
{% endblock %}