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

{% block content %}
    {% if object_list %}
        {% for album in object_list %}
            {% if forloop.last %}
            <div class="album lastalbum">
            {% else %}
            <div class="album">
            {% endif %}
                {% if album.get_main_image %}
                <a href="{{ album.slug }}/"><img src="{{ album.get_main_image.url|thumbnail:"width=250" }}" alt="{{ album.get_main_image.caption }}" /></a>
                {% endif %}
                <h2><a href="{{ album.slug }}/">{{ album.name }}</a></h2>
                {% if album.caption %}
                <p>{{ album.caption }}</h2>
                {% endif %}
                <div style="clear: both;">&nbsp;</div>
            </div>
        {% endfor %}
        {% 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 photo albums available.</p>
    {% endif %}
{% endblock %}