{{#bookings}}
<div id="bookingRow-{{id}}" data-from="{{fromTime}}" data-to="{{toTime}}" data-from-millis="{{from}}" data-user="{{user.name}}" data-userid="{{user.id}}"
	data-room="{{room.number}} {{room.name}}" data-notes="{{notes}}" data-purpose="{{bookingPurposeType}}" data-purpose-notes="{{bookingPurposeNotes}}"
	data-title="{{title}}" data-date="{{date}}">
	<div class="row" style="margin: 0px;">
		<div class="col-md-5">
			<strong>{{date}} {{fromTime}} to {{toTime}}</strong><br>
			<a href="/rooms/{{room.id}}">{{room.number}} {{room.name}}</a><br>
			{{title}}<br>
			<span id="repeatCount-{{id}}">{{upcomingRepeats}}</span> repeats
		</div>
		<div class="col-md-4">
			{{notes}}
		</div>
		<div class="col-md-3">
			<div class="">
				{{#active}}
					<button class="btn btn-default" onclick="cancelOwnBooking({{id}})"><i class="fa fa-times"></i></button>
					<button class="btn btn-default" onclick="editBooking({{id}}, {{room.id}}, {{from}})"><i class="fa fa-pencil-square-o"></i></button><br>
					{{#active}}
					Add to Calendar: <span id="addToCal-{{id}}"></span>
					{{/active}}
				{{/active}}
			</div>
		</div>
	</div>
</div>
<hr>
{{/bookings}}