{% load i18n staticfiles sekizai_tags %}

<div class="disqus-comments">
    <div id="disqus_thread">
        {% if instance.load_event == 'click' %}
            <button class="btn btn-default center-block js-show-comments">
                {% if instance.button_text %}{{ instance.button_text }}{% else %}{% trans 'Load Comments' %}{% endif %}
            </button>
        {% endif %}
    </div>
    <noscript>
        <p>{% trans 'Please enable JavaScript to view the comments powered by Disqus.' %}</p>
    </noscript>
</div>

{% addtoblock 'js' %}
    <script src="{% static 'js/djangocms_disqus/jquery.lazyload.js' %}"></script>
    <script src="{% static 'js/djangocms_disqus/jquery.disqus.js' %}"></script>
{% endaddtoblock %}

{% addtoblock 'js' %}
    <script type="text/javascript">
        $(function() {
            $('.disqus-comments').disqusEmbed({
                containerId: 'disqus_thread',
                shortname: '{{ instance.shortname }}',
                identifier: '{{ request.disqus.identifier }}',
                url: '{{ request.disqus.url }}',
                title: '{{ request.disqus.title }}',
                categoryId: '{{ request.disqus.category_id }}',
                language: '{{ request.disqus.language_code }}',
                siteName: '{% firstof instance.site_name request.disqus.current_site.name %}',
                loginUrl: '{{ request.disqus.get_login_url }}',
                logoutUrl: '{{ request.disqus.get_logout_url }}',
                apiKey: '{{ request.disqus.public_key }}',
                ssoAuth: '{{ request.disqus.get_sso_auth }}',
                enableSSO: {{ instance.enable_sso|yesno:'true,false'}},
                triggerEvent: '{{ instance.load_event }}'
            });
        });
    </script>
{% endaddtoblock %}