{% extends "base.html" %}
{% block extra_head %}
<link rel="stylesheet" href="{{ static_url('/static/css/feed.css') }}">
<link rel="stylesheet" href="{{ static_url('/static/css/post.css') }}">
<link rel="stylesheet" href="{{ static_url('/static/css/engagement.css') }}">
{% endblock %}
{% block content %}
<div class="saved-page">
    <h1 class="saved-title">Notes</h1>
    <div class="saved-list">
        {% for item in items %}
        <div class="saved-item note-item">
            <a href="{{ item.url }}" class="note-item-link">
                <span class="saved-type badge">{{ item.type_label }}</span>
                <span class="saved-item-title">{{ render_title(item.title) }}</span>
                <span class="saved-item-time">{{ dt_ago(item.updated_at) if item.updated_at else item.time_ago }}</span>
            </a>
            <p class="note-item-content">{{ item.content }}</p>
            <form method="post" action="/notes/{{ item.target_type }}/{{ item.target_uid }}/delete" class="note-item-delete-form">
                <button type="submit" class="btn btn-danger btn-sm" data-confirm="Delete this note?">Delete</button>
            </form>
        </div>
        {% else %}
        <div class="empty-state">No notes yet. Use the Add note button on a post, gist, project or article.</div>
        {% endfor %}
    </div>

    {% if next_cursor %}
    <div class="load-more-wrap">
        <a href="/notes/saved?before={{ next_cursor }}" class="btn btn-secondary">Load more</a>
    </div>
    {% endif %}
</div>
{% endblock %}