{%- import "route_symbol.html" as scope -%}

{% macro stop_table(trips, current_time) %}
<table class="train-direction-table">
    <tr>
        <th>ROUTE</th>
        <th>DESTINATION</th>
        <th>BOARDING AREA</th>
        <th>TIME</th>
        <th>VEHICLE</th>
    </tr>
{% for trip in trips %}
    <tr>
        <td>
            {% call scope::route_symbol(trip.trip.route) %}
        </td>
        <td>
            <p>{{ trip.trip.direction.direction_destination }}</p>
        </td>
        <td>
            <p>{{ trip.perspective_stop.platform.name }}</p>
        </td>
        {%  if let Tracked(tracked_trip) = trip.trip.tracking_data %}
        <td style="color: #008800">
            <p style="font-size: small;">{{ &trip.perspective_stop.get_arrival_time(&tracked_trip) | format_time }}</p>
            <p style="font-size: x-small;  font-style: italic;">{{ ( trip.perspective_stop.get_arrival_time(&tracked_trip) - current_time) / 60 }} mins</p>
        </td>
        {% else %}
        <td>
            <p style="font-size: small;">{{ trip.perspective_stop.arrival_time | format_time }}</p>
            <p style="font-size: x-small;  font-style: italic;">{{ (trip.perspective_stop.arrival_time - current_time) / 60 }} mins</p>
        </td>
        {% endif %}
        {%  if let Tracked(tracked_trip) = trip.trip.tracking_data %}
            <td>
                {{  tracked_trip.vehicle_ids.join(", ") }}
            </td>
        {% else %}
            <td>
                -
            </td>
        {% endif %}
    </tr>
{% endfor %}
  <tr>
                <td colspan="5">
<p>Updated at: {{ current_time | format_time_with_seconds }}</p>
                </td>
            </tr>
</table>
{% endmacro %}