Show ferry detail on individual trip page

Closes: #154

templates/trip_page.html

@@ -264,12 +264,17 @@
             {% if item.type == "flight" %}
               ✈️
               {{ item.from_airport.name }} ({{ item.from_airport.iata}})
-              →
+              →
               {{ item.to_airport.name }} ({{item.to_airport.iata}})
             {% elif item.type == "train" %}
               🚆
               {{ item.from }}
-              →
+              →
+              {{ item.to }}
+            {% elif item.type == "ferry" %}
+              ⛴️
+              {{ item.from }}
+              →
               {{ item.to }}
             {% endif %}
           </h5>
@@ -280,7 +285,7 @@
                 ✨
                 {{ display_datetime(item.depart) }}
                 {% if item.arrive %}
-                &rarr;
+                →
                 {{ item.arrive.strftime("%H:%M %z") }}
                 <span>🕒{{ ((item.arrive - item.depart).total_seconds() // 60) | int }} mins</span>
                 {% endif %}
@@ -299,7 +304,7 @@
             {% elif item.type == "train" %}
               <div>
                 {{ display_datetime(item.depart) }}
-                &rarr;
+                →
                 {{ item.arrive.strftime("%H:%M %z") }}
                 {% if item.class %}
                   <span class="badge bg-info text-nowrap">{{ item.class }}</span>
@@ -312,6 +317,36 @@
                   </span>
                 {% endif %}
               </div>
+            {% elif item.type == "ferry" %}
+              <div>
+                <span>{{ item.operator }} - {{ item.ferry }}</span>
+                ✨
+                {{ display_datetime(item.depart) }}
+                →
+                {{ item.arrive.strftime("%H:%M %z") }}
+                <span>🕒{{ ((item.arrive - item.depart).total_seconds() // 60) | int }} mins</span>
+                {% if item.class %}
+                  <span class="badge bg-info text-nowrap">{{ item.class }}</span>
+                {% endif %}
+              </div>
+              {% if item.vehicle %}
+              <div>
+                🚗 Vehicle: {{ item.vehicle.type }} {% if g.user.is_authenticated %}({{ item.vehicle.registration }}) {% endif %}
+                {% if item.vehicle.extras %}
+                  - Extras: {{ item.vehicle.extras | join(", ") }}
+                {% endif %}
+              </div>
+              {% endif %}
+              {% if g.user.is_authenticated %}
+                <div>
+                  {% if item.booking_reference %}
+                    <strong>Booking reference:</strong> {{ item.booking_reference }}
+                  {% endif %}
+                  {% if item.price and item.currency %}
+                    <span class="badge bg-info text-nowrap">Price: {{ item.price }} {{ item.currency }}</span>
+                  {% endif %}
+                </div>
+              {% endif %}
             {% endif %}
           </p>
         </div>