joeni

{% extends "joeni/base.djhtml" %}

{% load i18n %}

{% load humanize %}

{% load joeni_org %}

{% block title %}

    {% trans "Buses" %} | {{ block.super }}

{% endblock %}

{% block main %}

    <h1>{% trans "Bus departures" %}</h1>

    <h2 id="diepenbeek">Campus Diepenbeek</h2>

    <div class="flex-container">

    {% for bus in departures_diepenbeek %}

    <div class="flex-items timetable" style="border-color: {{ bus.color }};">

        <span class="number" style="background-color: {{ bus.color }};">

            {{ bus.number }}</span>

        {{ bus.time|time }}

        <span style="color: {{ bus.color }}; font-weight:bold;">🡺</span>

        {{ bus.destination }}

        <div class="timetable-under">

        <time>{{ bus.time|naturaltime|capfirst }}</time>

        {% if bus.via %}

            <span style="color: {{ bus.color }}; font-weight:bold;">|</span>

            <span class="undernote"> Gaat via {{ bus.via }}</span>

        {% endif %}

        </div>

    </div>

    {% empty %}

    {% trans "There are currently no buses that stop here." %}

    {% endfor %}

    </div>

    <h2 id="hasselt">Campus Hasselt (Dusartplein)</h2>

    <div class="flex-container">

    {% for bus in departures_dusart %}

    <div class="flex-items timetable" style="border-color: {{ bus.color }};">

        <span class="number" style="background-color: {{ bus.color }};">

            {{ bus.number }}</span>

        {{ bus.time|time }}

        <span style="color: {{ bus.color }}; font-weight:bold;">🡺</span>

        {{ bus.destination }}

        <div class="timetable-under">

        <time>{{ bus.time|naturaltime|capfirst }}</time>

        {% if bus.via %}

            <span style="color: {{ bus.color }}; font-weight:bold;">|</span>

            <span class="undernote"> Gaat via {{ bus.via }}</span>

        {% endif %}

        </div>

    </div>

    {% empty %}

    {% trans "There are currently no buses that stop here." %}

    {% endfor %}

    </div>

{% endblock main %}