Add accommodation page

Closes: #88

templates/accommodation.html

@@ -0,0 +1,67 @@
+{% extends "base.html" %}
+{% block style %}
+<style>
+.grid-container {
+  display: grid;
+  grid-template-columns: repeat(6, auto);
+  gap: 10px;
+  justify-content: start;
+}
+
+.grid-item {
+  /* Additional styling for grid items can go here */
+}
+
+.heading {
+    grid-column: 1 / 7; /* Spans from the 1st line to the 7th line */
+}
+</style>
+{% endblock %}
+
+{% macro row(item, badge) %}
+<div class="grid-item text-end">{{ item.from.strftime("%a, %d %b %Y") }}</div>
+<div class="grid-item text-end">{{ item.to.strftime("%a, %d %b") }}</div>
+<div class="grid-item text-end">{{ (item.to.date() - item.from.date()).days }}</div>
+<div class="grid-item">{{ item.name }}</div>
+<div class="grid-item">{{ item.operator }}</div>
+<div class="grid-item">{{ item.location }}</div>
+{% endmacro %}
+
+{% macro section(heading, item_list, badge) %}
+{% if item_list %}
+<div class="heading"><h2>{{heading}}</h2></div>
+{% for item in item_list %}{{ row(item, badge) }}{% endfor %}
+{% endif %}
+{% endmacro %}
+
+{% block content %}
+
+<div class="container-fluid mt-2">
+
+  <h1>Accommodation</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>
+      |
+      <a href="{{ url_for("gaps_page") }}">gaps</a>
+      |
+      <strong>accommodation</strong>
+  </p>
+
+
+
+  <ul>
+    <li>Total nights away in 2024: {{ total_nights_2024 }}</li>
+    <li>Total nights abroad in 2024: {{ nights_abroad_2024 }}</li>
+  </ul>
+
+  <div class="grid-container">
+    {{ section("Accommodation", items) }}
+  </div>
+</div>
+
+{% endblock %}

templates/conference_list.html

@@ -61,6 +61,8 @@
     <strong>conference</strong>
     |
     <a href="{{ url_for("gaps_page") }}">gaps</a>
+    |
+    <a href="{{ url_for("accommodation_list") }}">accommodation</a>
   </p>
 
   <div class="grid-container">

templates/gaps.html

@@ -12,6 +12,8 @@
       <a href="{{ url_for("conference_list") }}">conference</a>
       |
       <strong>gaps</strong>
+      |
+      <a href="{{ url_for("accommodation_list") }}">accommodation</a>
     </p>
 
 

templates/index.html

@@ -115,6 +115,8 @@
       <a href="{{ url_for("conference_list") }}">conference</a>
       |
       <a href="{{ url_for("gaps_page") }}">gaps</a>
+      |
+      <a href="{{ url_for("accommodation_list") }}">accommodation</a>
     </p>
 
     <ul>

templates/travel.html

@@ -44,6 +44,8 @@
       <a href="{{ url_for("conference_list") }}">conference</a>
       |
       <a href="{{ url_for("gaps_page") }}">gaps</a>
+      |
+      <a href="{{ url_for("accommodation_list") }}">accommodation</a>
   </p>
 
   <h3>flights</h3>