<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title></title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
</head>

{% macro headings() %}
    <tr>
      <th>depart</th>
      <th>arrive</th>
      <th>ship</th>
      <th>economy</th>
      <th>standard</th>
      <th>flexi</th>
      <th></th>
    </tr>

{% endmacro %}

<body>
  <div class="m-3">
    <p>{{ departure_port.title() }} to {{ arrival_port.title() }}</p>
    <table class="table w-auto">
  {% for day in days %}
  {% set date = parse_date(day.date) %}
  <tr><td colspan="3"><h3>{{ date.strftime("%A, %d %B %Y") }}</h3></td></tr>
    {{ headings() }}
    {% for crossing in day.prices %}
    <tr>
      <td>
      {{ crossing.departureDateTime.time }}
      </td>
      <td>
      {{ crossing.arrivalDateTime.time }}
      </td>
      <td>
      {{ crossing.shipName }}
      </td>
      <td>
      £{{ crossing.economyPrice.amount }}
      </td>
      <td>
      £{{ crossing.standardPrice.amount }}
      </td>
      <td>
      £{{ crossing.flexiPrice.amount }}
      </td>
      <td>
      {% if crossing.full %}full |{% endif %}
      {% if crossing.isCabinSpaceFull %}no cabin space |{% endif %}
      </td>
    </tr>
    {% endfor %}
  {% endfor %}
  </table>
  </div>
</body>
</html>