{% extends "table.html" %}
{% block table %}
    <h2>Trips</h2>
    <table class="table table-hover table-sm">
        <thead>
            <tr>
                <th scope="col">Name</th>
                <th scope="col">Start</th>
                <th scope="col">End</th>
            </tr>
        </thead>
        <tbody>
            {% for obj in page.object_list %}
                <tr role="button" data-href="{{ obj.get_absolute_url }}">
                    <td>
                        {% if obj.name %}
                            {{ obj.name }}
                        {% else %}
                            <em>Unknown</em>
                        {% endif %}
                    </td>
                    <td>
                        {% if obj.start %}
                            {{ obj.start }}
                        {% else %}
                            <em>Unknown</em>
                        {% endif %}
                    </td>
                    <td>
                        {% if obj.end %}
                            {{ obj.end }}
                        {% else %}
                            <em>Unknown</em>
                        {% endif %}
                    </td>
                </tr>
            {% empty %}
                <tr>
                    <td colspan="3">No trips found</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
{% endblock table %}