{% extends 'base.html' %}
{% load typogrify %}
{% load pagination_tags %}

{% block pagetitle %}Luxagraf | {% if region %}Photo Galleries: Images from {{region.name|title|smartypants|safe}}{%else%}Photo Galleries: Images from Around the World {%endif%}{% endblock %}
{% block metadescription %}{% if region %}Photo Galleries from {{region.name|title|smartypants|safe}}{%else%}Photo Galleries: Images from Around the World {%endif%}{% endblock %}


{%block bodyid%}id="photo-archive"{%endblock%}

{% block primary %}
        <article>
            <h1>{% if region %}Photographs from {{region.name|title|smartypants|safe}}{%else%}Photographs from Around the World {%endif%}</h1>
            
            <ul id="breadcrumbs">
               <li><a href="/" title="luxagraf homepage">Home</a> &rarr;</li>
               {% if region %}{%if region.name == 'United States'%} <li><a href="/photos/" title="See all Photos">Photos</a> &rarr;</li>
               <li>the United States</li>{%else%}<li><a href="/photos/" title="See all Photos">Photos</a> &rarr;</li> <li>{{region.name|title|smartypants|safe}}{%endif%}{%else%}Photos </li>{%endif%}
            </ul>
    
            <ul id="photo-galleries">{% autopaginate object_list 18 %} {% for object in object_list %}
                <li>
                    <div class="figure">
                        <a href="{{object.get_absolute_url}}"><img src="{{object.get_main_image}}" alt="{{ object.set_title }}"/></a>
                    </div>
                    <span class="legend">
                        <h3>{{object.set_title}}</h3>
                        <p>{{object.set_desc|truncatewords:30|smartypants|safe}}</p>
                    </span>
                </li>{% endfor %}
            </ul>
            
            
            
            <section id="pagination">
                <ul>{% paginate %}
                </ul>
            </section>
        </article>
{% endblock %}