{% extends 'base.html' %}
{% load typogrify_tags %}
{% load html5_datetime %}
{% load month_number_to_name %}
{% block pagetitle %} Field Notes Published in  {% if month %}{{month}}{%endif%} {{year}} | luxagraf{% endblock %}
{% block bodyid %}class="notes" id="archive-{% if month %}{{month}}{%endif%}{{year}}"{%endblock%}
{% block primary %}<ul class="bl crumbs" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
        <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> &rarr; </li>
        <li><a href="/field-notes/" itemprop="url"><span itemprop="title">Field Notes</span></a> &rarr;</li>
        <li>{% if not month %}{{year|date:"Y"}}{%else%}<a href="/field-notes/{{month|date:"Y"}}/">{{month|date:"Y"}}</a>  &rarr;{%endif%}</li>
        {% if month %}<li itemprop="title">{{month|date:"F"}}</li>{% endif %}
    </ul>
    <main role="main">
        
    <h1>Field Notes Published in {% if not month %}{{year|date:"Y"}}{%else%} {{month|date:"F Y"}}{% endif %}</h1>{% if month %}{% for object in object_list %}</h1>
        <article class="h-entry">
            <h2 class="p-name note--title">{{object.title|safe|amp|smartypants}}</h2>
            <div class="e-content">
            {{object.body_html|safe|amp|smartypants}}
            </div>
            <span class="p-author h-card">
                <data class="p-name" value="Scott Gilbertson"></data>
                <data class="u-url" value="https://luxagraf.net/"></data>
            </span>
            <footer class="note--footer">
                <p class="note--date">
                    <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time class="dt-published" datetime="{{object.pub_date|html5_datetime}}">{{object.pub_date|date:"F j, Y"}}</time></a>
                </p>{% if object.location %}
                <p class="p-location h-adr note--location bl" 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.state.country.name}}</span>
                    <data class="p-latitude" value="{{object.latitude}}"></data>
                    <data class="p-longitude" value="{{object.longitude}}"></data>
                    </p>{% endif %}{% if object.twitter_id %}
                <ul class="note--actions">
                    <li><a rel="syndication" class="u-syndication" href="https://twitter.com/luxagraf/status/{{object.twitter_id}}">View on Twitter</a></li>
                    <li>
                        <action do="reply" with="{{SITE_URL}}{{object.get_absolute_url}}"><a href="https://twitter.com/intent/tweet?in_reply_to={{object.twitter_id}}">Reply</a></action>
                    </li>
                    <li>
                        <action do="post" with="{{SITE_URL}}{{object.get_absolute_url}}">
                    <a href="https://twitter.com/intent/retweet?tweet_id={{object.twitter_id}}">Retweet</a>
                        </action>
                    </li>
                    <li>
                    <action do="bookmark" with="{{SITE_URL}}{{object.get_absolute_url}}">
                        <a href="https://twitter.com/intent/favorite?tweet_id={{object.twitter_id}}">Favourite</a>
                    </action>
                    </li>
                </ul>{% endif %}
            </footer>
        </article>
        {% endfor %}
    {% else %}
{% regroup object_list by pub_date.month as entries_by_month %}{% for month in entries_by_month %}
    <section class="month--divider">
        <h2 class="month--header">{{ month.list.0.pub_date|date:"F Y" }}</h2>{% for object in month.list|dictsortreversed:"pub_date" %}
        <article class="h-entry">
            <h2 class="p-name note--title">{{object.title|safe|amp|smartypants}}</h2>
            <div class="e-content">
            {{object.body_html|safe|amp|smartypants }}
            </div>
            <footer class="note--footer">
                <p class="note--date">
                    <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time class="dt-published" datetime="{{object.pub_date|html5_datetime}}">{{object.pub_date|date:"F j, Y"}}</time></a>
                </p>{% if object.location %}
                <p class="p-location h-adr note--location bl" 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.state.country.name}}</span>
                    <data class="p-latitude" value="{{object.latitude}}"></data>
                    <data class="p-longitude" value="{{object.longitude}}"></data>
                </p>{% endif %}{% if object.twitter_id %}
                <ul class="note--actions">
                    <li><a rel="syndication" class="u-syndication" href="https://twitter.com/luxagraf/status/{{object.twitter_id}}">View on Twitter</a></li>
                    <li>
                        <action do="reply" with="{{SITE_URL}}{{object.get_absolute_url}}"><a href="https://twitter.com/intent/tweet?in_reply_to={{object.twitter_id}}">Reply</a></action>
                    </li>
                    <li>
                        <action do="post" with="{{SITE_URL}}{{object.get_absolute_url}}">
                    <a href="https://twitter.com/intent/retweet?tweet_id={{object.twitter_id}}">Retweet</a>
                        </action>
                    </li>
                    <li>
                    <action do="bookmark" with="{{SITE_URL}}{{object.get_absolute_url}}">
                        <a href="https://twitter.com/intent/favorite?tweet_id={{object.twitter_id}}">Favourite</a>
                    </action>
                    </li>
                </ul>{% endif %}
            </footer>
        </article>
                 {% endfor %}
             </section>
        {% endfor %}
    {% endif %}
    </main>
{% endblock%}