{% extends 'base.html' %}
{% block title %}Flask Blog{% endblock %}
{% block content %}
{% if notes %}
    <ul class="list-group">
        {% for note in notes %}
        <li class="list-group-item d-flex justify-content-between align-items-center">
            <a href="{{ url_for('note', slug=note.slug) }}">{{ note.title }}</a>
            <span>
                <a href="{{ url_for('edit_note', slug=note.slug) }}" class="btn btn-sm btn-outline-secondary">Edit</a>
                <form action="{{ url_for('delete_note', slug=note.slug) }}" method="post" style="display:inline;">
                    <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Delete this note?');">Delete</button>
                </form>
            </span>
        </li>
        {% endfor %}
    </ul>
{% else %}
    <p>No notes found.</p>
{% endif %}
{% endblock %}