{% extends "layout.html" %}
{% set active = 'notes' %}
{% block page_title %}Recherche / Notizen – AzA Intern{% endblock %}
{% block content %}
<div class="page-header">
  <h2>Recherche / Notizen</h2>
  <a href="/notes/new" class="btn btn-primary">Neue Notiz</a>
</div>

<form method="get" class="search-bar">
  <select name="category">
    <option value="">Alle Kategorien</option>
    {% for c in categories %}
    <option value="{{ c }}" {% if filter_category == c %}selected{% endif %}>{{ c }}</option>
    {% endfor %}
  </select>
  <button type="submit" class="btn btn-secondary">Filtern</button>
</form>

{% if notes %}
{% for n in notes %}
<div class="card">
  <div class="page-header" style="margin-bottom:0.5rem">
    <h3 style="font-size:1.1rem">{{ n.title }}</h3>
    <a href="/notes/{{ n.id }}/edit" class="btn btn-sm btn-secondary">Bearbeiten</a>
  </div>
  <p style="font-size:0.85rem;color:#64748b">
    {{ n.category or '–' }} · {{ n.author }} · {{ n.updated_at }}
    {% for tag in n.tags %}<span class="tag">{{ tag }}</span>{% endfor %}
  </p>
  {% if n.body %}
  <p style="margin-top:0.75rem;white-space:pre-wrap">{{ n.body }}</p>
  {% endif %}
</div>
{% endfor %}
{% else %}
<p class="empty-state">Noch keine Notizen.</p>
{% endif %}
{% endblock %}