{% extends "base.html" %}

{% block titolo %}{% if categoria_scelta %}{{ categoria_scelta | capitalize }}{% else %}Annunci{% endif %}{% endblock %}

{% block contenuto %}
  {% if categoria_scelta %}
    <h1>Categoria: {{ categoria_scelta }}</h1>
    <p><a href="{{ url_for('home') }}">← Tutte le categorie</a></p>
  {% else %}
    <h1>Annunci</h1>
    {# Ricerca: form GET, il testo finisce nell'indirizzo  /?q=... #}
    <form method="get" class="riga">
      <input name="q" value="{{ q }}" placeholder="Cerca negli annunci...">
      <button>Cerca</button>
      {% if q %}<a href="{{ url_for('home') }}">Annulla</a>{% endif %}
    </form>
  {% endif %}

  {# I filtri per categoria: "categorie" arriva dal context_processor #}
  <p class="riga">
    {% for nome, colore in categorie.items() %}
      <a class="etichetta {{ colore }}" href="{{ url_for('categoria', nome=nome) }}">{{ nome }}</a>
    {% endfor %}
  </p>

  {% if not annunci %}
    <p class="vuoto">Nessun annuncio.</p>
  {% else %}
    <p class="meta">{{ annunci | length }} annunci</p>
  {% endif %}

  <div class="griglia">
    {% for a in annunci %}
      {% include "_scheda.html" %}
    {% endfor %}
  </div>
{% endblock %}