{% extends "base.html" %}

{% block title %}{{ filename }}{% endblock %}

{% block header %}
<a href="{{ back_link }}" class="back-link" onmouseover="this.style.color='#ffffff'" onmouseout="this.style.color='#90a4ae'">
    <span>←</span> Back
</a>
<a href="/random">🎲 Random note</a>
<a class="copy-path-btn" onclick="copyPath('{{ copy_path }}')">Copy edit command</a>
{% endblock %}

{% block content %}
{{ content|safe }}
{% endblock %}

{% block scripts %}
const sseUrl = "{{ sse_url }}";

function connect() {
    const evtSource = new EventSource(sseUrl);
    evtSource.onerror = (err) => {
        evtSource.close();
        setTimeout(connect, 3000);
    };
    evtSource.addEventListener("reload", (event) => {
        console.log("Get new update event");
        location.reload();
    });
}
connect();
{% endblock %}