{% extends "base_stie.html" %}
{% load i18n thumbnail %}

{% block meta_desc %}
  <meta name="description" content="{{ object.brief|truncatechars:160 }}">
  <meta property="og:description" content="{{ object.brief|truncatechars:160 }}"/>
  <meta name="twitter:description" content="{{ object.brief|truncatechars:160 }}"/>
{% endblock %}

{% if object.photo %}
  {% block meta_img %}
    {% thumbnail object.photo "600x600" crop="center" as im %}
      <meta property="og:image" content="{{ domain }}{{ im.url }}"/>
      <meta name="twitter:image" content="{{ domain }}{{ im.url }}"/>
    {% endthumbnail %}
  {% endblock %}
{% endif %}

{% block content %}
  <div class="content">
    <div class="content-header">
      {% if perms.cms.change_post %}
        <div class="admin-action pull-right">
          <a href="{% url 'admin:cms_post_change' object.id %}"><i class="fa fa-edit"></i> {% trans 'Засварлах' %}</a>
        </div>
      {% endif %}
      <h1>{{ object.title }}</h1>
      <span>
        {{ object.date }}
      </span>
    </div>
    <div class="content-body">
      {{ object.content|default:'Мэдээлэл хоосон байна!'|safe }}

      <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5db5a17f50d8a950"></script>
      <div class="addthis_inline_share_toolbox" style="margin: 20px 0 10px;"></div>
      <div class="clearfix"></div>

      {% if object.allow_comments %}
        <div id="fb-root"></div>
        <script async defer crossorigin="anonymous"
                src="https://connect.facebook.net/mn_MN/sdk.js#xfbml=1&version=v4.0&appId=512355682934857&autoLogAppEvents=1"></script>
        <div class="fb-comments" data-width="100%" data-numposts="5">
        </div>
      {% endif %}
    </div>
  </div>
{% endblock %}