{% load i18n %}
<li>
  <div>
    <div>
      <a id="booking-{{ booking.id }}-pointer" href="javascript:JS_toggleTimeline('booking-{{ booking.id }}');" class="toggled-section ">
        <span id="booking-{{ booking.id }}-image" class="sprite plus"></span>
      </a>
      <span class="date">
        {% ifequal booking.created|date today|date %}
          {{ booking.created|timesince }}
        {% else %}
          {{ booking.created|date }}
        {% endifequal %}
      </span>
    </div>
    <div>
      <span>
        {% if booking.is_closed %}
          {{ booking.get_title }}
        {% else %}
          <a href="/time/edit/{{ booking.id }}">{% trans "Booking" %} {{ booking.id }}</a>
        {% endif %}
      </span>
      <span style="margin-left: 5px;">
        {{ booking.get_title }}
      </span>
      <span id="booking-{{ booking.id}}-short-description" style="color: #666;">
	- {{ booking.get_description|truncatewords:5 }}
      </span>

        <div id="booking-{{ booking.id }}" class="details" style="display:none;">
          <span class="details">
            {{ booking.get_description }}
          </span>
        </div>

    </div>
  </div>
</li>
