{% 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 breadcrumbs %}{% include "lib/breadcrumbs.html" with breadcrumbs=breadcrumbs %}{% endblock %}
{% block primary %}<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%}
<div class="comment--form--wrapper {%if comment_count > 0%}comment-form-border{%endif%}">
{% render_comment_form for object %}
</div>
{%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 %}