{% extends "base.html" %}
{% load i18n %}

{% block page-title %}
  {% trans "Timeline" %}
{% endblock %}

{% block sub-navigation %}
  <ul>
    <li><a href="{% url inhouse.views.show_today %}">{% trans "Current day" %}</a> |</li>
    <li><a href="{% url inhouse.views.overview %}">{% trans "Overview" %}</a> |</li>
    <li><a href="">{% trans "Week" %}</a> |</li>
    <li><a href="">{% trans "Month" %}</a> |</li>
  </ul>
{% endblock %}

{% block content %}
  <div id="bookings" class="default-list">
  <div class="pagination">
    <div style="float: left">
        {% trans "Details" %}:
        <a href="">{% trans "All" %},</a>
        <a href="">{% trans "Nothing" %}</a>
      </div>
      <div style="float: right;">

      </div>
  </div>
  <table width="100%">
    <thead>

    </thead>
    <tbody>
      <tr>
        <td style="padding:0px" width="100%">
          <div class="timeline-list">
            {% if bookings_today %}
              <h4>{% trans "Today" %}</h4>
              <ul class="timeline">
                {% for booking in bookings_today %}
                  {% include "timeline_row.html" %}
                {% endfor %}
              </ul>
            {% endif %}
            {% if bookings_last_week %}
              <h4>{% trans "Last 7 days" %}</h4>
              <ul class="timeline">
                {% for booking in bookings_last_week %}
                  {% include "timeline_row.html" %}
                {% endfor %}
              </ul>
            {% endif %}
            {% if bookings_last_month %}
              <h4>{% trans "Last 30 days" %}</h4>
              <ul class="timeline">
                {% for booking in bookings_last_month %}
                  {% include "timeline_row.html" %}
                {% endfor %}
              </ul>
            {% endif %}
          </div>
        </td>
      </tr>
    </tbody>
  </table>
  </div>
{% endblock %}
