{% extends "notes/base.html" %}
{% block title %}{{ note.title }}{% endblock %}
{% block content %}
<div class="note-head">
  <h1>{{ note.title }}</h1>
  <div class="actions">
    <a class="btn small" href="{% url 'note_edit' note.slug %}">Edit</a>
    <form method="post" action="{% url 'note_toggle' note.slug 'pinned' %}" class="inline">{% csrf_token %}<button class="btn small">{% if note.pinned %}Unpin{% else %}Pin{% endif %}</button></form>
    <form method="post" action="{% url 'note_toggle' note.slug 'archived' %}" class="inline">{% csrf_token %}<button class="btn small">{% if note.archived %}Unarchive{% else %}Archive{% endif %}</button></form>
    <a class="btn small" href="{% url 'note_history' note.slug %}">History</a>
  </div>
</div>
<p class="meta">Updated {{ note.updated|date:"Y-m-d H:i" }}{% if note.archived %} · <span class="pill">archived</span>{% endif %}{% if note.pinned %} · <span class="pill">pinned</span>{% endif %}
  {% for t in tags %} <a class="tag" href="{% url 'tag_detail' t %}">#{{ t }}</a>{% endfor %}</p>
{% if note.aliases %}<p class="meta">Also known as: {{ note.aliases|join:", " }}</p>{% endif %}
<div class="prose">{{ content|safe }}</div>
{% endblock %}
{% block right %}{% include "notes/_panel.html" %}{% endblock %}