{% extends "base.html" %}
{% block title %}{{ paste.id }} · Pastable{% endblock %}
{% block content %}
<article class="card paste-view">
    <div class="section-heading">
        <div><p class="eyebrow">SHARED PASTE</p><h1>{{ paste.id }}</h1></div>
        <div class="actions">
            <p class="badge view-counter">Views: {{ paste.views }} / {% match paste.max_views %}{% when Some with (max) %}{{ max }}{% when None %}∞{% endmatch %}</p>
            <button id="copy-code" class="secondary" type="button" data-raw="{{ raw_code }}">Copy raw code</button>
        </div>
    </div>
    {{ code|safe }}
    <p id="copy-status" class="hint" role="status" aria-live="polite" hidden></p>
    <textarea id="raw-code" aria-label="Raw paste content" rows="8" readonly spellcheck="false" hidden></textarea>
</article>
<script src="/static/paste.js" defer></script>
{% endblock %}