{% extends "base.html" %}
{% block title %}{{ note.title }} — PKM{% endblock %}
{% block content %}
<div class="max-w-3xl mx-auto">
  <div class="flex items-center justify-between">
    <h1 class="text-3xl font-semibold">{{ note.title }}</h1>
    <a class="btn btn-sm" href="{{ url_for('notes.notes_index') }}">All notes</a>
  </div>

  <div class="mt-2 flex flex-wrap items-center gap-2 text-sm opacity-80">
    <span>ID: <code class="kbd kbd-sm">{{ note.id }}</code></span>
    <span>Created: {{ note.created }}</span>
    <span>Updated: {{ note.updated }}</span>
    {% if note.status %}<span class="badge badge-outline">{{ note.status }}</span>{% endif %}
    {% if note.tags %}
      <span class="ml-2">Tags:</span>
      <div class="flex gap-1">
        {% for t in note.tags %}
          <span class="badge badge-ghost">{{ t }}</span>
        {% endfor %}
      </div>
    {% endif %}
  </div>

  {% if unresolved_wikilinks and unresolved_wikilinks|length > 0 %}
    <div class="mt-4 alert alert-warning">
      <span>{{ unresolved_wikilinks|length }} unresolved link{{ 's' if unresolved_wikilinks|length != 1 else '' }}.</span>
    </div>
  {% endif %}

  <article class="prose max-w-none mt-6">
    {{ rendered_html|safe }}
  </article>

  <div class="mt-6 opacity-70 text-sm">
    <div>File: <code class="kbd kbd-sm">{{ note.rel_path }}</code></div>
    <div>Slug: <code class="kbd kbd-sm">{{ note.slug }}</code></div>
  </div>
</div>
{% endblock %}