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

{% block pagetitle %}Luxagraf | {% if region %}Photos from {{region.name|title|smartypants|safe}}{%else%}Photos from Around the World {%endif%}{% endblock %}
{% block metadescription %}Photo Archive, Luxagraf{% endblock %}


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

{% block title %}Photos from {% endblock %}

{% block date %}{% endblock %}

{% block primaryoverride %}<h2>{% if region %}Photos from {{region.name|title|smartypants|safe}}{%else%}Photos {%endif%}</h2>{% endblock %}
{% block extrabody %}
<div class="photo-archives">
    <ul>
    {% autopaginate object_list 20 %}
    {% for object in object_list %}
        <li>
            <dl>
                <dt>
                    <span class="post-image"><a href="{%comment%}{{object.get_absolute_url}}{%endcomment%}http://www.flickr.com/photos/luxagraf/sets/{{object.set_id}}/show/"><img src="{{object.get_main_image}}" alt="{{ object.set_title }}"/></a></span>
                </dt>
                <dd>
                    <span class="date">{{object.set_title}} {%comment%}{% ifequal object.location.state.country.name "United States" %}({{object.location.name|smartypants|safe}}, {{object.location.state.name}}){%else%}({{object.location.name|smartypants|safe}}, {{object.location.state.country.name}}){%endifequal%}{%endcomment%}</span>
                    {{object.set_desc|truncatewords:30|smartypants|safe}}
                </dd>
            </dl>
        </li>
    {% endfor %}
    </ul>
    
    <div class="pagination-wrapper">{% paginate %}</div>
</div>

{% endblock %}



{% block sidebar %}
<div id="sidebar">
    <div class="blok">
    <h4 class="first">Regions</h4>
        <ul>
       {%for region in region_list %}
       <li><a href="/photos/{{region.slug}}/1/" title="See all photos from {{region.name|title}}">{{region.name}}</a></li>
       </li>
       {% endfor %}
       </ul>
    </div>
    <div class="blok">
        <h4>Countries</h4>
          <ul>
       {%for country in country_list %}
       <li><a href="/photos/{{country.slug}}/1/" title="See all photos from {{country.name|title}}">{{country.name}}</a></li>
       </li>
       {% endfor %}
       </ul>

    </div>

	<div class="blok">
        <h4>About Luxagraf</h4>
        {% chunk "about_sidebar" %}

    </div>

    <div class="blok">
	    <h4>Follow Along</h4>
        {% chunk "follow_sidebar" %}
    </div>
</div><!-- sidebar -->

{% endblock %}