{% extends "base.html" %}
{% block title %}Newsletter abmelden{% endblock %}
{% block heading %}Newsletter-Abmeldung{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500">Datenschutz / Newsletter abmelden</p>{% endblock %}
{% block content %}
<div class="max-w-xl mx-auto mt-8">
  <div class="card p-6">
    {% if not done %}
      <h2 class="text-lg font-semibold mb-3">Newsletter abbestellen</h2>
      <p class="text-sm text-neutral-600 dark:text-neutral-300 mb-4">
        Wenn Sie sich vom Takoma-Newsletter abmelden möchten, bestätigen Sie
        bitte Ihre E-Mail-Adresse und klicken Sie auf <i>Abmelden</i>.
      </p>
      <form method="POST" action="/newsletter/unsubscribe" class="space-y-3">
        <label class="block text-xs font-medium uppercase text-neutral-500">E-Mail-Adresse</label>
        <input type="email" name="email" required
               value="{{ email }}"
               class="w-full rounded-md border border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-900 px-3 py-2 text-sm" />
        <div class="flex justify-end gap-2 pt-2">
          <a href="/" class="px-3 py-2 text-sm text-neutral-600 hover:underline">Abbrechen</a>
          <button type="submit"
                  class="px-4 py-2 text-sm rounded-md bg-red-600 hover:bg-red-700 text-white">
            Abmelden
          </button>
        </div>
      </form>
    {% else %}
      {% if found %}
        <h2 class="text-lg font-semibold mb-3 text-green-700 dark:text-green-400">
          ✓ Erfolgreich abgemeldet
        </h2>
        <p class="text-sm text-neutral-600 dark:text-neutral-300">
          <b>{{ email }}</b> wurde aus unserem Newsletter-Verteiler entfernt.
          Sie erhalten von uns keine weiteren Newsletter-Mails mehr.
        </p>
      {% else %}
        <h2 class="text-lg font-semibold mb-3 text-amber-700 dark:text-amber-400">
          Adresse nicht gefunden
        </h2>
        <p class="text-sm text-neutral-600 dark:text-neutral-300">
          <b>{{ email }}</b> ist nicht (mehr) in unserem Newsletter-Verteiler.
          Falls Sie trotzdem noch Mails bekommen, schreiben Sie bitte an
          <a href="mailto:info@takoma-digital.com" class="underline">
            info@takoma-digital.com</a>.
        </p>
      {% endif %}
      <div class="mt-6 text-right">
        <a href="/" class="px-3 py-2 text-sm text-neutral-600 hover:underline">Schließen</a>
      </div>
    {% endif %}
  </div>
</div>
{% endblock %}