{% extends 'base.html' %}
{% load core_tags %}
{% block title %}The Madeira | Photos: {{ gallery.title }}{% endblock %}
{% block navblock %}{% navbar 'photos' %}{% endblock %}
{% block custom_css %}
{% include 'core/fancybox_css.html' %}
{% endblock %}
{% block content %}
<h1>Madeira Photos: {{ gallery.title }}</h1>
<p>{{ gallery.description|safe }}</p>

<ul class="list-inline list-unstyled row">
{% for photo in photos %}
   <li class="col-md-3">
   <a href="{{ photo.image.url }}" class="thumbnail fancybox" rel="madeira-gallery">
      <img src="{{ photo.get_thumbnail_url }}" alt="thumbnail" /></a>
   </li>
{% endfor %}
</ul>

<p>
<span class="glyphicon glyphicon-arrow-left"></span>
<a href="{% url 'band-photo_index' %}">Back to photo gallery index</a>
</p>
{% endblock %}

{% block custom_js %}
{% include 'core/fancybox_js.html' %}
{% endblock %}