{% extends 'base.html' %}

{% block title %}{{ note.title }} - My Notes{% endblock %}

{% block content %}
<div class="container mt-5">
  <div class="d-flex justify-content-between align-items-center mb-4">
    <h1>{{ note.title }}</h1>
    <div>
      <a href="{% url 'core:note_update' note.pk %}" class="btn btn-outline-secondary">Edit</a>
      <a href="{% url 'core:note_delete' note.pk %}" class="btn btn-outline-danger">Delete</a>
    </div>
  </div>
  <p><small class="text-muted">Last updated: {{ note.updated_at|date:"F d, Y H:i" }}</small></p>
  <hr>
  <div class="mt-4">
    {{ note.content|linebreaksbr }}
  </div>
  <div class="mt-5">
    <a href="{% url 'core:note_list' %}" class="btn btn-secondary">Back to Notes</a>
  </div>
</div>
{% endblock %}
