{% extends 'snip/base.html.twig' %}

{% set title %}{{ snip }} - View{% endset %}
{% set active = 'single' %}

{% block buttons %}
    <a href="{{ path('snip_raw', {snip: snip.id}) }}" class="btn btn-info">
        <i class="fa fa-eye"></i> Raw
    </a>
{% endblock %}

{% block cardbody %}
    {{ content|raw }}
{% endblock %}

{% block css %}
    {{ parent() }}
    <link rel="stylesheet"
          href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">
{% endblock %}

{% block js %}
    {{ parent() }}
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
    <script>
        const codeBlocks = document.querySelectorAll('code.hljs');

        codeBlocks.forEach((block) => {
            hljs.highlightElement(block);
        });
    </script>
{% endblock %}