{% if events is not empty %}
<table class="dynamicsync-table footable" data-page-size="{% if params.perpage matches '/^\\d+$/' %}{{ params.perpage }}{% else %}10{% endif %}">
	<thead>
		<tr>
			<th class="dynamicsync-table-header" data-toggle="true" data-sort-initial="true">Title</th>
			<th class="dynamicsync-table-header" data-hide="xsmall,phone">Date</th>
			<th class="dynamicsync-table-header" data-hide="xsmall,phone">Time</th>
			<th class="dynamicsync-table-header" data-hide="xsmall,phone,small">Venue</th>
			<th class="dynamicsync-table-header" data-hide="xsmall,phone" data-sort-ignore="true">
			</th>
		</tr>
	</thead>
  	<tbody>
{% for event in events %}
		<tr class="dynamicsync-table-row">
			<td class="dynamicsync-table-cell">{{ event.title }}</td>
			<td class="dynamicsync-table-cell" data-value="{{ event.start_date|date('U') }}">
				{% if event.s_date == event.e_date %}{{ event.s_date }}{% else %}{{ event.s_date }} &dash; {{ event.e_date }}{% endif %}
			</td>
			<td class="dynamicsync-table-cell">
				{% if event.pretty_time != '' %}{{ event.pretty_time }}{% else %}{{ event.s_time }} &dash; {{ event.e_time }}{% endif %}			
			</td>
			<td class="dynamicsync-table-cell">
				{{ event.venue_name }}
			</td>
			<td class="dynamicsync-table-cell">
			{% if event.soldOut == 1 %}<span>Sold Out</span>{% else %}<a class="dynamicsync-table-button" href="{{ event.url }}">Register</a>{% endif %}	
			</td>
		</tr>
{% endfor %}
	</tbody>
	<tfoot class="dynamicsync-table-footer hide-if-no-paging">
		<tr>
			<td colspan="5"><div class="pagination pagination-centered"></div></td>
		</tr>
	</tfoot>
</table>
{% else %}
{# enter message if empty #}
{% endif %}
