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

{% block title %}Snip {{ snip }}{% endblock %}

{% block body %}
    <a href="{{ path('snip_index') }}" class="btn btn-primary">
        <i class="fa fa-arrow-left"></i> Back
    </a>
    {% if is_granted('edit', snip) %}
        <a class="btn btn-warning" href="{{ path('snip_edit', {snip: snip.id}) }}">
            <i class="fa fa-pencil" aria-hidden="true"></i> Edit
        </a>
        <a class="btn btn-info" href="{{ path('history_index', {snip: snip.id}) }}">
            <i class="fa fa-history" aria-hidden="true"></i> History
        </a>
        <a href="{{ path('snip_delete', {snip: snip.id}) }}" class="btn btn-danger">
            <i class="fa fa-trash"></i> Delete
        </a>
    {% endif %}
    <a href="{{ path('snip_raw', {snip: snip.id}) }}" class="btn btn-danger">
        <i class="fa fa-eye"></i> Raw
    </a>
    <br><br>
    <div class="card" style="width: 100%;">
        <h4 class="card-header">
            {{ include('snip/badge.html.twig', {snip: snip}) }}
            {{ snip }}
        </h4>
        <div class="card-header">
            <p class="card-text">Current branch: {{ branch }}</p>
        </div>
        <div class="card-body">
            <pre><code>{{ content }}</code></pre>
        </div>
    </div>
{% 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>hljs.highlightAll();</script>
{% endblock %}