{% extends "blog/blog_post_list.html" %}
{% load mezzanine_tags comment_tags keyword_tags rating_tags i18n disqus_tags %}

{% block meta_title %}{{ blog_post.meta_title }}{% endblock %}

{% block meta_keywords %}{% metablock %}
    {% keywords_for blog_post as tags %}
    {% for tag in tags %}{% if not forloop.first %}, {% endif %}{{ tag }}{% endfor %}
{% endmetablock %}{% endblock %}

{% block meta_description %}{% metablock %}
    {{ blog_post.description }}
{% endmetablock %}{% endblock %}

{% block title %}
    <h1>
        {% editable blog_post.title %}{{ blog_post.title }}{% endeditable %}
    </h1>
{% endblock %}

{% block breadcrumb_menu %}
    {{ block.super }}
    <li class="active">{{ blog_post.title }}</li>
{% endblock %}

{% block main %}
   <script src="https://www.google.com/recaptcha/api.js" async defer></script>
   <h1>
        {% editable blog_post.title %}{{ blog_post.title }}{% endeditable %}
    </h1>

    {% block blog_post_detail_postedby %}
        {% editable blog_post.publish_date %}
            <h6 class="post-meta">
                {% trans "Posted by" %}:
                {% with blog_post.user as author %}
                    <a href="{% url 'blog_post_list_author' author %}">{{ author.get_full_name|default:author.username }}</a>
                {% endwith %}
                {% blocktrans with sometime=blog_post.publish_date|timesince %}{{ sometime }}
                    ago{% endblocktrans %}
            </h6>
        {% endeditable %}
    {% endblock %}
    {% block blog_post_detail_commentlink %}
        <p>
            {% if blog_post.allow_comments %}
                {% if settings.COMMENTS_DISQUS_SHORTNAME %}
                    (<a href="{{ blog_post.get_absolute_url }}#disqus_thread"
                        data-disqus-identifier="{% disqus_id_for blog_post %}">{% spaceless %}
                    {% trans "Comments" %}
                {% endspaceless %}</a>)
                {% else %}(<a href="#comments">{% spaceless %}
                    {% blocktrans count comments_count=blog_post.comments_count %}
                        {{ comments_count }} comment{% plural %}{{ comments_count }} comments
                    {% endblocktrans %}
                {% endspaceless %}</a>)
                {% endif %}
            {% endif %}
        </p>
    {% endblock %}

    {% block blog_post_detail_featured_image %}
        {% if blog_post.featured_image %}
            <div class="col-sm-push-8 col-sm-4 col-xs-12"><img class="img-responsive" src="{{ MEDIA_URL }}{% thumbnail blog_post.featured_image 600 0 %}"></div>
		{% endif %}
    {% endblock %}
	<div class="
		{% if blog_post.featured_image %}
			col-sm-pull-4 col-sm-8 col-xs-12
		{% else %}
			col-xs-12
        {% endif %}">
	
    {% if settings.COMMENTS_DISQUS_SHORTNAME %}
        {% include "generic/includes/disqus_counts.html" %}
    {% endif %}

    {% block blog_post_detail_content %}
        {% editable blog_post.content %}
            {{ blog_post.content|richtext_filters|safe }}
        {% endeditable %}
    {% endblock %}
	</div>
	<div class="clearfix"></div>	
	<p>&nbsp;</p>
    {% block blog_post_detail_keywords %}
        {% keywords_for blog_post as tags %}
        {% if tags %}
            {% spaceless %}
                <ul class="list-inline tags">
                    <li>{% trans "Tags" %}:</li>
                    {% for tag in tags %}
                        <li><a href="{% url 'blog_post_list_tag' tag.slug %}">{{ tag }}</a>
                            {% if not forloop.last %}, {% endif %}</li>
                    {% endfor %}
                </ul>
            {% endspaceless %}
        {% endif %}
    {% endblock %}
   <!-- 
    {% block blog_post_detail_rating %}
    <div class="panel panel-default rating">
            <div class="panel-body">
                {% rating_for blog_post %}
            </div>
        </div>
    {% endblock %}
-->
    {% block blog_post_detail_sharebuttons %}
        {% set_short_url_for blog_post %}
        <span class="btn-primary"><a class="btn btn-sm share-twitter" target="_blank"
           href="http://twitter.com/home?status={{ blog_post.short_url|urlencode }}%20{{ blog_post.title|urlencode }}">{% trans "Share on Twitter" %}</a></span>&nbsp;
        <span class="btn-primary"><a class="btn btn-sm share-facebook" target="_blank"
           href="http://facebook.com/sharer.php?u={{ request.build_absolute_uri }}&amp;t={{ blog_post.title|urlencode }}">{% trans "Share on Facebook" %}</a></span>
    {% endblock %}

    {% block blog_post_previous_next %}
        <ul class="pager">
            {% with blog_post.get_previous_by_publish_date as previous %}
                {% if previous %}
                    <li class="previous">
                        <a href="{{ previous.get_absolute_url }}">&larr; {{ previous }}</a>
                    </li>
                {% endif %}
            {% endwith %}
            {% with blog_post.get_next_by_publish_date as next %}
                {% if next %}
                    <li class="next">
                        <a href="{{ next.get_absolute_url }}">{{ next }} &rarr;</a>
                    </li>
                {% endif %}
            {% endwith %}
        </ul>
    {% endblock %}

    {% block blog_post_detail_related_posts %}
        {% if related_posts %}
            <div id="related-posts">
                <h3>{% trans 'Related posts' %}</h3>
                <ul class="list-unstyled">
                    {% for post in related_posts %}
                        <li><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></li>
                    {% endfor %}
                </ul>
            </div>
        {% endif %}
    {% endblock %}
<hr />
    {% block blog_post_detail_comments %}
        {% if blog_post.allow_comments %}{% comments_for blog_post %}{% endif %}
    {% endblock %}

{% endblock %}