{% extends "note_base.html" %}
{% load markdownify %}

{% block title %}Notes{% endblock %}

{% block content %}
  {% for note in notes_page %}
  <article class="container mt-5">
    <h2>{{ note.title }}</h2>
    <p>ID: {{ note.id }}</p>
    <div>{{ note.content|linebreaksbr|markdownify }}</div>
    <p>Link: <a href="{{ note.get_absolute_url }}">View</a></p>
    <p>Date: {{ note.created_at|date:"Y-m-d H:i" }}</p>
  </article>
  {% empty %}
  <p>No notes</p>
  {% endfor %}

  <ul class="pagination">
    {% for page in pages %}
      {% ifnotequal page.number page_number %}
        <li class="page-item"><a href="?page={{ page.number }}" class="page-link">{{ page.number }}</a></li>
      {% else %}
        <li class="page-item active"><span class="page-link">{{ page.number }}</span></li>
      {% endifnotequal %}
    {% endfor %}
  </ul>

  <p>Number of notes: {{ notes_count }}</p>
{% endblock %}