{% extends "base.html" %}
{% load thumbnail %}

{% block title %}Photos - {{ object_list.0.album.caption }}{% endblock %}

{% block content %}
    {% if object_list %}
        <h1>{{ object_list.0.album.name }}</h1>
        {% if object_list.0.album.caption %}
        <div class="album_caption">{{ object_list.0.album.caption }}</div>
        {% endif %}
        {% for photo in object_list %}
            <div class="photo">
                <a href="{{ photo.id }}/"><img src='{{ photo.image.url|thumbnail:"width=250" }}' alt="{{ photo.caption }}" /></a>
                {% if photo.caption %}
                <p>{{ photo.caption }}</p>
                {% endif %}
            </div>
        {% endfor %}
        <div style="clear: both;">&nbsp;</div>
        {% if is_paginated %}
            <p class="paginator">Pages: 
            {% if page_obj.has_previous %}
                <a href="?page={{ page_obj.previous_page_number }}">Previous</a> |
            {% endif %}
            {% for paginator_page in paginator.page_range %}
                {% if forloop.first %}
                {% else %}
                    |
                {% endif %}
                {% ifequal paginator_page page %}
                    {{ page }}
                {% else %}
                    <a href="?page={{ paginator_page }}">{{ paginator_page }}</a>
                {% endifequal %}
            {% endfor %}
            {% if page_obj.has_next %}
                | <a href="?page={{ page_obj.next_page_number }}">Next</a>
            {% endif %}
            </p>
        {% endif %}
    {% else %}
        <p>There are no photos available.</p>
    {% endif %}
{% endblock %}