{% extends 'base.html' %}
{% load url from future %}
{% block title %}The Madeira | Shows{% endblock %}
{% block custom_css %}
<link rel="stylesheet" href="{{ STATIC_URL }}js/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
{% endblock %}
{% block custom_js %}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<script type="text/javascript">
$(function() {
   $('a.fancybox').fancybox();
});
</script>
{% endblock %}
{% block content %}
<h1>Show Dates</h1>

<h2>Upcoming Shows</h2>
{% if upcoming %}
   {% for show in upcoming %}
      <p style="clear:both">
      {% if show.flyer %}
         <a href="{{ show.flyer.image.url }}" class="fancybox" rel="madeira-gallery">
            <!-- <img style="float:left; margin-right:5px; margin-bottom:1em" src="{{ show.flyer.get_thumbnail_url }}" -->
            <img class="left" src="{{ show.flyer.get_thumbnail_url }}" 
               alt="{{ show.flyer.caption }}" title="{{ show.flyer.caption }}" /></a>
      {% endif %}
      <strong>{{ show.date|date:"F d, Y" }}</strong>
      {% if show.time %}{{ show.time|time:"h:i A" }}{% endif %}<br />

      {% if show.title and show.url %}
         <a href="{{ show.url }}" target="_blank">{{ show.title }}</a><br />
      {% else %}
         {% if show.title %}
            {{ show.title }}<br />
         {% endif %}
      {% endif %}

      {% if show.venue %}
         {% if show.venue.url %}
            <a href="{{ show.venue.url }}" target="_blank">{{ show.venue.name }}</a>,
         {% else %}
            {{ show.venue }},
         {% endif %}
         {% if show.venue.address %}
            {{ show.venue.address }}, 
         {% endif %}
         {% if show.venue.city.state %}
            {{ show.venue.city.name }}, {{ show.venue.city.state.name }}
         {% else %}
            {{ show.venue.city.name }}
         {% endif %}
         {% ifnotequal show.venue.city.country.name "USA" %}
            {{ show.venue.city.country.name }}
         {% endifnotequal %}
         <br />
         {% if show.venue.phone %}
            {{ show.venue.phone }}
            <br />
         {% endif %}
      {% endif %}

      {% if show.bands_ %}
         With:
         {% for band in show.bands_ %}
            {% if band.url %}
               <a href="{{ band.url }}" target="_blank">{{ band.name }}</a>
            {% else %}
               {{ band.name }}
            {% endif %}
            {% if not forloop.last %}
               &bull;
            {% endif %}
         {% endfor %}
         <br />
      {% endif %}

      {% if show.notes %}
         {{ show.notes|safe }}
      {% endif %}
      </p>
   {% endfor %}
{% else %}
None at this time.
{% endif %}
<br clear="all" />

{% if flyer_gigs %}
<div class="thumb-box">
   <h2>Flyers</h2>
   <div style="width:90%; margin-left:auto;">
   {% for gig in flyer_gigs %}
      <div style="display:inline-table;">
      <table class="image-table">
         <caption>{{ gig.venue.name}}, {{ gig.date|date:"F 'y" }}</caption>
         <tr><td>
         <a href="{{ gig.flyer.image.url }}" class="fancybox" rel="madeira-gallery">
            <img src="{{ gig.flyer.get_thumbnail_url }}" alt="{{ gig.date|date:"F d, Y" }}" title="{{ gig.date|date:"F d, Y" }}" /></a>
         </td></tr>
      </table>
      </div>
   {% endfor %}
   </div>
   <div clear="all"></div>
   <center><p>To see all our flyers in full size, check out our <a href="{% url 'gigs-flyers' %}">show flyer gallery</a>.</p></center>
</div>
{% endif %}

{% if previous %}
   <h2>Previous Shows</h2>
   <center>
   <table border="0" cellpadding="3" cellspacing="3" width="95%">
   <tr><th width="20%" align="center">Date</th><th width="40%" align="center">Venue</th><th width="40%" align="center">Bands</th></tr>
   {% for show in previous %}
      <tr>
         <td width="20%">{{ show.date|date:"M d, Y" }}</td>
         <td width="40%">
            {% if show.title and show.url %}
               <a href="{{ show.url }}" target="_blank">{{ show.title }}</a>,
            {% else %}
               {% if show.title %}
                  {{ show.title }},
               {% endif %}
            {% endif %}
            {% if show.venue.url %}
               <a href="{{ show.venue.url }}" target="_blank">{{ show.venue.name }}</a>,
            {% else %}
               {{ show.venue.name }},
            {% endif %}
            {{ show.venue.city.name }}, {{ show.venue.city.state.abbrev }}
            {% ifnotequal show.venue.city.country.name "USA" %}
               {{ show.venue.city.country.name }}
            {% endifnotequal %}
         </td>
         <td width="40%">
            {% for band in show.bands_ %}
               {% if band.url %}
                  <a href="{{ band.url }}" target="_blank">{{ band.name }}</a>
               {% else %}
                  {{ band.name }}
               {% endif %}
               {% if not forloop.last %}
                  &bull;
               {% endif %}
            {% endfor %}
         </td>
      </tr>
   {% endfor %}
   </table>
   </center>
{% endif %}

{% if stats %}
<h2>Past Show Statistics</h2>
<table border="0" cellpadding="3" cellspacing="3">
   <tr><th align="left">Number of shows:</th><td>{{ stats.count }}</td></tr>
   <tr><th align="left">Number of unique venues:</th><td>{{ stats.venues }}</td></tr>
   <tr><th align="left">Number of unique cities:</th><td>{{ stats.cities }}</td></tr>
   <tr><th align="left">Number of unique states:</th><td>{{ stats.states }}</td></tr>
   <tr><th align="left">Number of unique countries:</th><td>{{ stats.countries }}</td></tr>
   <tr><th align="left">Number of unique bands:</th><td>{{ stats.bands }}</td></tr>
</table>
{% endif %}

{% endblock %}