{% extends "base.html" %}

{% block styles %}
<link rel="stylesheet" href="/static/css/markdown.css">
{% endblock styles %}

{% block body %}
<div class="rootBox">
    <div id="markdownContent">
        {{ body | safe }}
    </div>
    <div class="topRightBox">
        <button id="rawBtn" onclick="rawClicked()">= Raw</button>
        <button id="forkBtn" onclick="forkClicked()">&#x2442; Fork</button>
        <button id="newPasteBtn" onclick="newPasteClicked()">&#43; New</button>
    </div>
    <div id="themePicker">
        <select id="themeSelect" onchange="themeChanged(this.value)">
            {{ theme_options | safe }}
        </select>
    </div>
</div>

<script>
    const PASTE_ID = "{{ paste_id }}";
</script>
<script src="/static/js/markdown.js"></script>
{% endblock body %}