{% extends 'base.html' %}
{% load typogrify_tags %}
{% load get_image_by_size %}
{% load get_image_width %}
{% load pagination_tags %}

{% block pagetitle %}{{object.name|title|smartypants|safe}} | Luxagraf, a travelogue | {% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, {{object.state_name}}{%else%}{{object.location_name|smartypants|safe}}, {{object.country_name}}{%endif%}){% endblock %}

{% block metadescription %}{{object.meta_description|striptags|safe}}{% endblock %}
{%block extrahead%}
     <link rel="canonical" href="http://luxagraf.net{{object.get_absolute_url}}" />
{%endblock%}
{%block bodyid%}id="location" class="archive"{%endblock%}
{% block primary %}		
    <main>
        <header>
            <h1>{{object.name}}</h1>
        </header>

        <section>
            <h2 class="">Journal entries from {{object.name}}</h2>
            <div class="archive-grid">{% for object in entry_list %}
                <article class="h-entry hentry archive-card" itemscope itemType="http://schema.org/Article">
                    <div class="post-image">
                        <a href="{{object.get_absolute_url}}" title="{{object.title}}" class="u-url">{% if object.featured_image %}
                            {% include "lib/img_archive.html" with image=object.featured_image %}
                            {%else%}
                            <img src="{{object.get_image_url}}" alt="{{ object.title }}" class="u-photo post-image" itemprop="image" />{%endif%}</a>
                    </div>
                    <h2 class="p-name entry-title post-title" itemprop="headline"><a href="{{object.get_absolute_url}}" class="u-url" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|safe|smartypants|widont}}</a></h2>
                    <p class="p-author author hide" itemprop="author"><span class="byline-author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Scott Gilbertson</span></span></p>
                    <time class="dt-published published dt-updated post-date" datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
                    <p class="post-summary">
                        <span class="p-location h-adr adr post-location" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place">
                            {% if object.location.country_name == "United States" %}<span class="p-locality locality">{{object.location.name|smartypants|safe}}</span>, <a class="p-region region" href="/jrnl/united-states/" title="travel writing from the United States">{{object.location.state_name}}</a>, <span class="p-country-name">U.S.</span>{%else%}<span class="p-region">{{object.location.name|smartypants|safe}}</span>, <a class="p-country-name country-name" href="/jrnl/{{object.location.country_slug}}/" title="travel writing from {{object.location.country_name}}">{{object.location.country_name}}</a>{%endif%}
                        </span> &ndash;
                        <span class="p-summary" itemprop="description">
                            {{object.dek|safe}}
                        </span>
                    </p>
                </article> {% endfor %}
            </div>
        </section>







        {% if notes_list %}<section id="field-notes" class="essay-archive archive-list">
                <h3>Field Notes</h3>
        <ul class="fancy-archive-list">{% for object in notes_list %}
        <li class="h-entry hentry" itemscope itemType="http://schema.org/Article">
            <a href="{{object.get_absolute_url}}" class="u-url">
            {% if object.featured_image %}<div class="circle-img-wrapper"><img src="{{object.featured_image.get_thumbnail_url}}" alt="{{object.featured_image.alt}}" class="u-photo" /></div>{%endif%}
            <span class="date dt-published">{{object.pub_date|date:"F d, Y"}}</span>
                <a href="{{object.get_absolute_url}}">
                    <h2>{{object.title|safe|smartypants|widont}}</h2>
                    {% if object.subtitle %}<h3 class="p-summary">{{object.subtitle|safe|smartypants|widont}}</h3>{%endif%}
                </a>
            {% if object.location %}<h4 class="p-location h-adr post-location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">
                <span class="p-locality">{{object.location.name|smartypants|safe}}</span>, 
                <span class="p-region">{{object.location.state_name}}</span>,
                <span class="p-country-name">{{object.location.country_name}}</span>
                <data class="p-latitude" value="{{object.latitude}}"></data>
                <data class="p-longitude" value="{{object.longitude}}"></data>
            </h4>{% endif %}
        </li>
        {%endfor%}</ul>
        </section>{% endif %}
        


        {% if sighting_list %}
        <section class="sightings dialogue-grid">
            <h2>Birds and Mammals seen {{object}}</h2> {% for object in sighting_list %}
            <article class="archive-card">{% if object.ap.image%} 
            <div class="post--image">
                <a href="{{object.ap.get_absolute_url}}" title="{{object.ap}}">
                    {% include "lib/img_archive.html" with image=object.ap.image  %}
                </a>
            </div>{% endif %}
            <h2 class="post-title"><a href="{{object.ap.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.ap}}{%endif%}">{{object.ap|safe|smartypants|widont}}</a> (<span class="sci">{{object.ap.scientific_name}}</span>)</h2>
            <time class="post-date" datetime="{{object.pub_date|date:'c'}}">Last Seen: {{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
            <div class="post-summary">
                <span class="post-location" itemscope itemtype="http://schema.org/Place">
                    {% if object.country_name == "United States" %}<span class="p-locality locality">{{object.location_name|smartypants|safe}}</span>, {{object.state_name}}, <span class="p-country-name">U.S.</span>{%else%}<span class="p-region">{{object.location_name|smartypants|safe}}</span>, {{object.country_name}}</a>{%endif%}
                </span>
            </div>
        </article> {% endfor %}
        </section>{%endif%}

        {% comment %}
        {% for entry in book_list %}{% if forloop.first %}
        <div id="recommended-reading" >
            <h3 class="hed">Recommended Reading</h3>
            <ul>{% endif %}{% for obj in entry.books.all %}
                <li><a href="{% url 'books:detail' slug=obj.slug %}"><img src="{{obj.get_small_image_url}}" /></a></li>{% endfor %}
            {% if forloop.last%}</ul>
        </div>{%endif%}{% endfor %}
        {% endcomment %}
    </main>
{% endblock %}