{% extends "base.html" %}
{% block title %}Redax-WP — Hilfe{% endblock %}
{% block content %}
<div class="max-w-3xl mx-auto px-6 py-8 space-y-8">
  <h1 class="text-2xl font-bold text-white">❓ Hilfe & Anleitung</h1>

  <div class="card p-6 space-y-3">
    <h2 class="text-white font-semibold text-lg">✍️ Artikel schreiben</h2>
    <ol class="space-y-2 text-sm text-slate-300 list-decimal list-inside">
      <li>Quelle (URL oder Text) in das Feld "Quelle" einfügen</li>
      <li>Ton wählen: Informativ / Meinungsstark / Reportage</li>
      <li><strong class="text-white">KI generieren</strong> klicken — Titel, Inhalt und SEO-Felder werden automatisch ausgefüllt</li>
      <li>Artikel in der rechten Vorschau-Spalte prüfen, bei Bedarf direkt im Editor anpassen</li>
      <li>Featured Image, Kategorie und SEO-Felder kontrollieren</li>
      <li>Veröffentlichen: <strong class="text-white">Sofort</strong>, <strong class="text-white">Entwurf</strong> oder <strong class="text-white">Einplanen</strong></li>
    </ol>
    <div class="bg-blue-900/20 border border-blue-800 rounded-lg p-3 text-xs text-blue-300">
      KI-Artikel werden automatisch per Telegram-Teaser an den konfigurierten Kanal gesendet.
    </div>
  </div>

  <div class="card p-6 space-y-3">
    <h2 class="text-white font-semibold text-lg">📡 RSS-Feeds</h2>
    <div class="space-y-2 text-sm text-slate-300">
      <p>Feeds werden unter <a href="/feeds" class="text-blue-400">Feeds</a> verwaltet.</p>
      <p><strong class="text-white">Drei Modi pro Feed:</strong></p>
      <ul class="space-y-1 list-disc list-inside ml-2">
        <li><strong class="text-white">Manuell:</strong> Neue Artikel landen in der Queue — du entscheidest ob sie übernommen werden</li>
        <li><strong class="text-white">Auto-Publish + Teaser:</strong> Artikel werden automatisch als Teaser mit Link zur Quelle veröffentlicht</li>
        <li><strong class="text-white">Auto-Publish + KI-Rewrite:</strong> KI schreibt den Artikel um, dann automatisch live</li>
      </ul>
      <div class="bg-slate-700/30 border border-slate-700 rounded p-2 text-xs text-slate-400 mt-2">
        RSS-Artikel erscheinen nie auf Telegram — nur auf WordPress.
      </div>
    </div>
  </div>

  <div class="card p-6 space-y-3">
    <h2 class="text-white font-semibold text-lg">📅 Redaktionsplan</h2>
    <div class="text-sm text-slate-300 space-y-2">
      <p>Der Redaktionsplan (rechts auf der Startseite) zeigt alle geplanten Artikel der nächsten 7 Tage.</p>
      <ul class="list-disc list-inside space-y-1 ml-2">
        <li>🤖 = KI-generierter Artikel</li>
        <li>📡 = RSS-importierter Artikel</li>
        <li><strong class="text-white">🔄 Umplanen:</strong> Datum und Uhrzeit direkt im Board ändern</li>
        <li><strong class="text-white">🗑️ Löschen:</strong> Artikel aus der Planung entfernen</li>
        <li>Klick auf den Titel: Artikel im Studio öffnen und bearbeiten</li>
      </ul>
    </div>
  </div>

  <div class="card p-6 space-y-3">
    <h2 class="text-white font-semibold text-lg">⚙️ Einstellungen & Konfiguration</h2>
    <div class="text-sm text-slate-300 space-y-2">
      <p>Alle Zugangsdaten und Verbindungen werden in der <code class="bg-slate-700 px-1 rounded">.env</code> Datei konfiguriert.</p>
      <p>Vorlage: <code class="bg-slate-700 px-1 rounded">.env.example</code> im Repo-Root kopieren und ausfüllen.</p>
      <p>Unter <a href="/settings" class="text-blue-400">Einstellungen</a> kann die WordPress-Verbindung getestet werden.</p>
    </div>
  </div>

  <div class="card p-6">
    <h2 class="text-white font-semibold text-lg mb-3">❓ FAQ</h2>
    <div class="space-y-4 text-sm">
      <div>
        <div class="text-white font-medium">Artikel wird nicht veröffentlicht?</div>
        <div class="text-slate-400 mt-1">WordPress-Verbindung unter Einstellungen testen. WP_APP_PASSWORD muss ein gültiges Application Password sein (in WP-Admin unter Benutzer → Profil erstellen).</div>
      </div>
      <div>
        <div class="text-white font-medium">Kein Telegram-Teaser angekommen?</div>
        <div class="text-slate-400 mt-1">TELEGRAM_BOT_TOKEN und TELEGRAM_CHANNEL_ID in .env prüfen. Der Bot muss Admin im Kanal sein.</div>
      </div>
      <div>
        <div class="text-white font-medium">RSS-Feed liefert keine Artikel?</div>
        <div class="text-slate-400 mt-1">Auf der Feeds-Seite "Abrufen" klicken und die Fehlermeldung unter dem Feed prüfen.</div>
      </div>
    </div>
  </div>
</div>
{% endblock %}