{% extends "base.html" %}
{% block title %}Edit {{ note.title }} — mdmem{% endblock %}
{% block content %}
<h1>Edit <small>{{ note.title }}</small></h1>
{% if conflict %}
<div class="conflict">
  <h2>Conflict</h2>
  <p>{{ conflict.message }}</p>
  {% set diff = conflict.diff %}
  {% include "partial_diff.html" with context %}
  <p class="meta">Save again to put your version on top of the current one — the form now carries the new version.</p>
</div>
{% endif %}
<form method="post" action="/ui/n/{{ note.id }}/edit" class="editor">
  <input type="hidden" name="expected_version" value="{{ version }}">
  <label>Frontmatter (YAML)
    <textarea name="frontmatter" rows="10" spellcheck="false">{{ frontmatter }}</textarea>
  </label>
  <label>Body
    <textarea name="body" rows="18" spellcheck="false"
              hx-post="/ui/preview" hx-trigger="keyup changed delay:400ms"
              hx-target="#preview">{% if conflict %}{{ conflict.yours }}{% else %}{{ note.body }}{% endif %}</textarea>
  </label>
  <div class="actions">
    <button class="primary" type="submit">Save</button>
    <a class="button" href="/ui/n/{{ note.id }}">Cancel</a>
  </div>
</form>
<h3>Preview</h3>
<div id="preview" class="body">{{ render_markdown(note.body, {}) | safe }}</div>
{% endblock %}