{% load cms_tags static sekizai_tags i18n %}

{% addtoblock 'css' %}
    {% if instance.show_all_linenums %}
        <style>
            #code-prettify-{{ instance.get_id_name }} ol.linenums > li { list-style-type: decimal; }
        </style>
    {% endif %}
{% endaddtoblock %}

{% addtoblock 'js' %}
    <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js{{ instance.get_url_params|safe }}"></script>
{% endaddtoblock %}

{% addtoblock 'js' %}
    {% if request.toolbar and request.toolbar.edit_mode_active %}
        {# Reloads the script after Django CMS refreshes the content, otherwise CSS is not loaded in Edit mode #}
        <script>
            CMS.$(window).on('cms-content-refresh', function () {
                 $.getScript("https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js{{ instance.get_url_params|safe }}");
            });
        </script>
    {% endif %}
{% endaddtoblock %}

<pre class="prettyprint
            {% if instance.linenums %}linenums{%if instance.start_linenum %}:{{ instance.start_linenum }}{% endif %}{% endif %}
            {% if instance.additional_classes %}{ instance.get_additional_classes }{% endif %}"
     id="code-prettify-{{ instance.get_id_name }}"
     {{ instance.attributes_str }}>
    <code class="{% if instance.lang %}language-{{ instance.lang }}{% endif %}">{{ instance.code|escape }}</code>
</pre>