{% extends 'templates/default.twig' %}

{% block title %}Show Schedule{% endblock %}

{% block content %}
	<header class="shows-header row">
		<h3>Upcoming Tour Dates</h3>
	</header>

	<div class="table-responsive">
		<table id="shows-table" class="table">
			<tbody>
				{% for show in shows %}
					<tr>
						<td>
							<p>{{ show.date }}</p>
							<p>{{ show.day }}</p>
						</td>
						<td>
							<p>{{ show.time }}</p>
						</td>
						<td>
							<p><a href="{{ show.facebook_rsvp_url }}" class="change-on-hover">{{ show.venue.name }}</a></p>
							<p>
								{% if shows.artists.length > 1 %}
									w/
									{% for artist in show.artists %}
										{% if not artist.name == 'HALFtone' %}
											<a href="" class="change-on-hover">{{ artist.name }}</a>
										{% endif %}
									{% endfor %}
								{% else %}
									{{ show.description[:60] }}
								{% endif %}
							</p>
						</td>
						<td>
							<p><a href="https://bandsintown.com/cities/{{show.venue.city}}-{{ show.venue.region }}" class="change-on-hover">{{ show.venue.city }}, {{ show.venue.region }}</a></p>
						</td>
						<td>
							{% if show.ticket_url %}
								<p><a href="{{ show.ticket_url }}" class="change-on-hover">Tickets</a></p>
							{% endif %}
						</td>
						<td>
							<p><a href="{{ show.facebook_rsvp_url }}" class="change-on-hover">RSVP</a></p>
						</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>

	<!--<script type="text/javascript" src="/js/bit.js"></script>-->
{% endblock %}