{% extends 'base.html' %}
{% load typogrify_tags %}
{% load comments %}
{% block pagetitle %}Luxagraf | {{object.title}}{% endblock %}
{% block metadescription %}{{object.meta_description}}{% endblock %}
{%block htmlclass%}class="detail"{%endblock%}
{%block bodyid%}id="{{object.title|slugify}}"{%endblock%}								
				
{% block primary %}<ul class="bl" 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>
        {% if object.path%}<li><a href="/{{object.path|slugify}}/">{{object.path}}</a> &rarr; </li>{%endif%}
        <li>{{object.title}}</li>
    </ul>
    <main>
    <article>
        <header class="post-header">
        <h1 class="post-title">{{object.title}}</h1>
        {%if object.sub_title %}<h2 class="post-subtitle">{{object.sub_title}}</h2>{%endif%}
        </header>
        <div class="post-article">
        {{object.body_html|safe|smartypants|widont}}
        </div>  
    </article>
    {% if object.enable_comments %}
{% get_comment_count for object as comment_count %}
{%if comment_count > 0 %}
<p class="comments--header">{{comment_count}} Comment{{ comment_count|pluralize }}</p>
{% render_comment_list for object %}
{%endif%}
{% render_comment_form for object %}
{%endif%}
    </main>
{% endblock %}
{% block js %}
<script src="/media/js/lightbox.js" type="text/javascript"></script>
<script>var opts={captions:true,onload:function(){var im=document.getElementById("jslghtbx-contentwrapper");var link=im.appendChild(document.createElement('a'))
link.href=im.firstChild.src;link.innerHTML="open ";link.target="_blank";link.setAttribute('class','p-link');im.appendChild(link);}};var lightbox=new Lightbox();lightbox.load(opts);</script> 
{% endblock %}