{% extends 'base.html' %}{% block title %}Journal — {{ brand }}{% endblock %}
{% block content %}
<form class="card glass p-4 max-w-2xl" method="post" action="/journal/add">
  <label class="block mb-2">Title<input class="w-full" name="name" required></label>
  <label>Entry<textarea class="w-full" name="entry" rows="6"></textarea></label>
  <div class="mt-3 text-right"><button class="btn bg-accent font-semibold">Save</button></div>
</form>
<div class="grid md:grid-cols-2 gap-4 mt-6">
  {% for j in journal %}
  <article class="card glass p-4">
    <div class="text-sm text-white/60">{{ (j.created_at|string)[:19].replace('T',' ') }}</div>
    <h3 class="font-semibold">{{ j.name }}</h3>
    <div class="mt-1 whitespace-pre-wrap text-white/90">{{ j.entry }}</div>
    <form class="mt-3" method="post" action="/journal/{{j.slug}}/delete"><button class="btn text-xs">Delete</button></form>
  </article>
  {% endfor %}
</div>
{% endblock %}