{% set title = "Notes" %}
{% extends "__base__.html" %}
{% block content %}
<div class="container mx-auto p-4">
    <div class="flex justify-between">
        <h1 class="text-2xl underline">Notes</h1>
        <a
            href="/notes/new"
            class="inline text-gray-800 ml-2 text-md font-semibold bg-green-500 hover:bg-green-700 rounded px-4 py-2">New</a>
    </div>

    {% if notes.size() > 0 -%}
    <ul>
        {% for note in notes -%}
        <li class="text-blue-200 hover:underline">
            <a href="/notes/{{ note.uuid }}">{{ note.title }}</a>
        </li>
        {% endfor %}
    </ul>
    {% else %}
    <span>No notes :c</span>
    {% endif %}
</div>
{% endblock %}