{% extends 'base.html' %}
{% load typogrify_tags %}
{%block bodyid%}id="essay-archive" class="archive"{%endblock%}

{% block content %}
<div class="content-narrow">
    <article class="h-entry hentry entry-content content" itemscope itemType="http://schema.org/BlogPosting">
            <header id="header" class="post-header">
                <h1 class="p-name hed-primary" itemprop="headline">{{object.title|smartypants|safe}}</h1>
                {% if object.sub_title %}<h2 class="p-summary hed-secondary">{{object.sub_title|smartypants|safe}}</h2>{%endif%}
                <div class="post-linewrapper">
                    <h5 class="hed-tertiary">Filed Under: {% for tag in object.tags.all %}<a rel="tag" class="p-category" href="/essays/tags/{{tag.slug}}" title="View all essays about {{tag}}">{{tag}}</a>{%if forloop.last%}{%else%}, {%endif%}{% endfor %}</h5>
                    <time class="dt-published published dt-updated hed-tertiary" datetime="{{object.pub_date|date:'c'}}" itemprop="datePublished">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
                    <span class="hide" itemprop="author" itemscope itemtype="http://schema.org/Person">by <a class="p-author h-card" href="/about"><span itemprop="name">Scott Gilbertson</span></a></span>
                </div>
            </header>
        <div id="article" class="e-content entry-content" itemprop="articleBody">
            {{object.body_html|safe|smartypants}}
        </div>
        </article>
        {% with object.get_next_published as next %}
        {% with object.get_previous_published as prev %}
        <div class="nav-wrapper">
        <nav id="page-navigation" {%if wildlife or object.field_notes.all or object.books.all %}{%else%}class="page-border-top"{%endif%}>
            <ul>{% if prev%}
                <li id="prev"><span class="bl">Previous:</span> 
                    <a href="{{ prev.get_absolute_url }}" rel="prev" title=" {{prev.title}}">{{prev.title|safe}}</a>
                </li>{%endif%}{% if next%}
                <li id="next"><span class="bl">Next:</span> 
                    <a href="{{ next.get_absolute_url }}" rel="next" title=" {{next.title}}">{{next.title|safe}}</a>
                </li>{%endif%}
            </ul>
        </nav>{%endwith%}{%endwith%}
        </div>
        {% if object.related.all %}<div class="article-afterward related">
            <h6 class="hedtinycaps">You might also enjoy</h6>
            <ul class="article-card-list">{% for object in related %}
                <li class="article-card-mini"><a href="{{object.get_absolute_url}}" title="{{object.title}}">
                    <div class="post-image post-mini-image">
                        {% if object.featured_image %}
                            {% include "lib/img_archive.html" with image=object.featured_image nolightbox=True %}
                            {% elif object.image %}
                            {% include "lib/img_archive.html" with image=object.image nolightbox=True %}
                            {% else %}
                            <img src="{{object.get_image_url}}" alt="{{ object.title }}" class="u-photo post-image" itemprop="image" />{%endif%}
                    </div>
                    <h4 class="p-name entry-title post-title" itemprop="headline">{% if object.title %}{{object.title|safe|smartypants|widont}}{% else %}{{object.common_name}}{%endif%}</h4>
                    {% if object.subtitle%}<h5 class="post-subtitle">{{object.subtitle|safe|smartypants}}</h5>{%endif%}
                    <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>
                    <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" %}{{object.location.state_name}}{%else%}{{object.location.country_name}}{%endif%}
                        </span>
                    &ndash;
                    <time class="dt-published published dt-updated post-date" datetime="{{object.pub_date|date:'c'}}"><span>{{object.pub_date|date:" Y"}}</span></time>
                    </p> 
                    </a>
            </li>
        {% endfor %}</ul>
        </div>{%endif%}
</div>
{% endblock %}