{% load i18n %}
<li>
  <div>
	<a id="booking-{{ booking.id }}-pointer" href="javascript:inhouse.timeline.expand('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>
	<span>
	  {% include "booking_star.html" %} {{ booking.duration|format_minutes_to_time }}
	<span style="margin-left: 5px;">
	  <a href="/time/edit/{{ booking.id }}">{{ booking.get_title|truncatewords:6 }}</a>
	  {% if booking.is_closed %}
		({% trans 'closed' %})
	  {% endif %}
	</span>
	<span id="booking-{{ booking.id}}-short-description" style="color: #777;">
  - {{ booking.get_description|truncatewords:6 }}
	</span>
	<div id="booking-{{ booking.id }}" class="details" style="display:none;">
	  <span class="details">
		<strong>
		  {{ booking.project }}, {{ booking.step }}
		</strong><br/>
		<code>{{ booking.get_description }}</code>
	  </span>
	</div>
  </div>
</li>
