{% extends "base.html" %}
{% block content %}
<div class="notes-page">
  <div class="board-header">
    <div class="board-breadcrumb">
      <a href="/" class="back-link">← Projets</a>
      <span class="separator">/</span>
      <a href="/board/{{ owner }}/{{ repo }}" class="back-link">{{ owner }}/{{ repo }}</a>
      <span class="separator">/</span>
      <strong>Notes</strong>
    </div>
  </div>

  <div class="notes-editor">
    <form hx-post="/notes/{{ owner }}/{{ repo }}" hx-target=".notes-editor" hx-swap="outerHTML">
      <textarea name="content" class="notes-textarea" placeholder="Notes markdown pour ce projet...">{{ content }}</textarea>
      <div class="notes-actions">
        <button type="submit" class="btn btn-primary">{{ fd_icon("save",14) }} Sauvegarder</button>
      </div>
    </form>

    {% if content %}
    <div class="notes-preview">
      <h3>Aperçu</h3>
      <div class="markdown-body">{{ content }}</div>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}