{% extends "base.html" %}

{% block conteudo %}
<h2 class="text-2xl font-bold mb-4">Lembretes</h2>

<form method="POST" class="mb-4">
    <input type="text" name="conteudo" placeholder="Escreva um lembrete..." required
           class="w-full p-2 border rounded mb-2">
    <button type="submit" class="bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-900">
        Adicionar
    </button>
</form>

<hr class="my-4">

<h3 class="text-xl font-semibold mb-2">Lembretes da Comunidade!</h3>
{% if lembretes %}
    <ul class="list-disc list-inside">
    {% for lembrete in lembretes %}
        <li class="mb-1">{{ lembrete }}</li>
    {% endfor %}
    </ul>
{% else %}
    <p>Você ainda não escreveu nada.</p>
{% endif %}
{% endblock %}