<?php $pageTitle = 'Handbuch: Aufgabenbearbeiter'; ?>
<div class="page-header">
    <div class="page-header-left">
        <a href="/help" class="btn btn-ghost btn-sm">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="16" height="16"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
            Handbuch
        </a>
        <h1 class="page-title">Handbuch: Aufgabenbearbeiter</h1>
    </div>
</div>

<div class="help-doc">

<div class="help-toc card">
    <div class="card-body">
        <p style="font-weight:600;margin-bottom:.5rem;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em">Inhalt</p>
        <ol class="help-toc-list">
            <li><a href="#dashboard">Dashboard &amp; Startseite</a></li>
            <li><a href="#meine-aufgaben">Meine Aufgaben</a></li>
            <li><a href="#aufgabe-oeffnen">Aufgabe öffnen &amp; bearbeiten</a></li>
            <li><a href="#status">Status ändern</a></li>
            <li><a href="#kommentare">Kommentare schreiben</a></li>
            <li><a href="#anhaenge">Dateianhänge</a></li>
            <li><a href="#benachrichtigungen">Benachrichtigungen</a></li>
            <li><a href="#profil">Profil &amp; Sicherheit</a></li>
        </ol>
    </div>
</div>

<section id="dashboard">
    <h2>1. Dashboard &amp; Startseite</h2>
    <p>Nach der Anmeldung landen Sie auf dem <strong>Dashboard</strong>. Es zeigt Ihnen auf einen Blick:</p>
    <ul>
        <li><strong>Offene Aufgaben</strong> – Anzahl der Ihnen zugewiesenen, noch nicht erledigten Aufgaben</li>
        <li><strong>Fällige Aufgaben</strong> – Aufgaben, deren Fälligkeitsdatum überschritten ist</li>
        <li><strong>Aktive Projekte</strong> – alle Projekte, in denen Sie Mitglied sind</li>
        <li><strong>Letzte Aktivitäten</strong> – die 15 jüngsten Ereignisse in Ihren Projekten</li>
    </ul>
    <p>In der oberen Navigationsleiste finden Sie die Glocke für <strong>Benachrichtigungen</strong> sowie den Link zu Ihrem Profil.</p>
</section>

<section id="meine-aufgaben">
    <h2>2. Meine Aufgaben</h2>
    <p>Unter <strong>Meine Aufgaben</strong> (<code>/my-tasks</code>) sehen Sie alle Aufgaben, die Ihnen persönlich zugewiesen sind – projektübergreifend.</p>
    <h3>Filtermöglichkeiten</h3>
    <ul>
        <li><strong>Status:</strong> Offen, Erledigt, Alle</li>
        <li><strong>Priorität:</strong> Niedrig, Mittel, Hoch, Dringend</li>
        <li><strong>Projekt:</strong> auf ein bestimmtes Projekt einschränken</li>
    </ul>
    <p>Klicken Sie auf eine Aufgabe, um die Detailansicht zu öffnen.</p>
</section>

<section id="aufgabe-oeffnen">
    <h2>3. Aufgabe öffnen &amp; bearbeiten</h2>
    <p>Sie können Aufgaben auf mehreren Wegen öffnen:</p>
    <ul>
        <li>Klick auf eine Karte im <strong>Kanban-Board</strong></li>
        <li>Klick auf einen Titel in der <strong>Listenansicht</strong></li>
        <li>Direkt über <strong>Meine Aufgaben</strong></li>
    </ul>
    <p>In der Detailansicht sehen und bearbeiten Sie (sofern Sie Mitglied des Projekts sind):</p>
    <ul>
        <li>Titel und Beschreibung</li>
        <li>Status, Priorität, Fälligkeitsdatum, Startdatum</li>
        <li>Zugewiesene Personen</li>
        <li>Labels</li>
        <li>Vorgänger-Aufgaben (Abhängigkeiten)</li>
        <li>Kommentare und Anhänge</li>
    </ul>
    <div class="help-info">
        Als <em>Gast</em> in einem Projekt können Sie Aufgaben nur lesen, nicht bearbeiten.
    </div>
</section>

<section id="status">
    <h2>4. Status einer Aufgabe ändern</h2>
    <p>Es gibt zwei Wege, den Status einer Aufgabe zu aktualisieren:</p>
    <h3>Kanban-Board</h3>
    <p>Ziehen Sie die Aufgabenkarte per <strong>Drag & Drop</strong> in die gewünschte Spalte. Die Statusänderung wird sofort gespeichert.</p>
    <h3>Listenansicht oder Detailansicht</h3>
    <p>Klicken Sie auf das Status-Dropdown und wählen Sie den neuen Status aus. Die Änderung wird direkt übernommen.</p>
    <div class="help-info">
        Wenn Sie eine Aufgabe in den Status <em>Erledigt</em> verschieben, werden ggf. automatisch Benachrichtigungen ausgelöst (z. B. an den Projektleiter oder die Bearbeiter abhängiger Aufgaben).
    </div>
</section>

<section id="kommentare">
    <h2>5. Kommentare schreiben</h2>
    <p>In der Aufgaben-Detailansicht finden Sie unten den Kommentarbereich.</p>
    <ol>
        <li>Klicken Sie in das Textfeld.</li>
        <li>Schreiben Sie Ihren Kommentar.</li>
        <li>Klicken Sie auf <strong>Senden</strong> (oder drücken Sie Strg+Enter).</li>
    </ol>
    <p>Alle Kommentare werden mit Ihrem Namen und dem Zeitstempel angezeigt. Sie können eigene Kommentare löschen.</p>
</section>

<section id="anhaenge">
    <h2>6. Dateianhänge</h2>
    <h3>Datei hochladen</h3>
    <ol>
        <li>Öffnen Sie die Aufgabe.</li>
        <li>Klicken Sie auf <strong>Datei hochladen</strong> oder ziehen Sie eine Datei in den Anhang-Bereich.</li>
        <li>Erlaubte Formate: JPG, PNG, GIF, WEBP</li>
        <li>Maximale Dateigröße: <strong>2 MB</strong></li>
    </ol>
    <h3>Datei herunterladen</h3>
    <p>Klicken Sie auf den Dateinamen in der Anhang-Liste. Die Datei wird direkt heruntergeladen.</p>
    <h3>Datei löschen</h3>
    <p>Klicken Sie auf das Löschen-Symbol neben dem Anhang. Dieser Vorgang ist nicht rückgängig zu machen.</p>
</section>

<section id="benachrichtigungen">
    <h2>7. Benachrichtigungen</h2>
    <p>Das Glockensymbol in der oberen Navigation zeigt die Anzahl ungelesener Benachrichtigungen. Klicken Sie darauf, um die aktuellen Meldungen zu sehen.</p>
    <p>Alle Benachrichtigungen können Sie unter <strong>Einstellungen → Benachrichtigungen</strong> (<code>/settings/notifications</code>) einsehen und als gelesen markieren.</p>
    <p>Sie werden benachrichtigt, wenn:</p>
    <ul>
        <li>Eine Aufgabe Ihnen zugewiesen wird (sofern aktiviert)</li>
        <li>Das Fälligkeitsdatum einer Ihrer Aufgaben in 3 Tagen erreicht wird</li>
        <li>Eine Vorgänger-Aufgabe von Ihnen abgeschlossen wird</li>
    </ul>
</section>

<section id="profil">
    <h2>8. Profil &amp; Sicherheit</h2>
    <p>Unter <strong>Einstellungen</strong> (<code>/settings</code>) können Sie:</p>
    <ul>
        <li><strong>Vorname &amp; Nachname</strong> ändern</li>
        <li><strong>E-Mail-Adresse</strong> ändern (Anmeldekennung)</li>
        <li><strong>Profilbild</strong> hochladen</li>
        <li><strong>Sprache</strong> und <strong>Erscheinungsbild</strong> (Hell/Dunkel) wählen</li>
        <li><strong>Passwort</strong> ändern (aktuelles Passwort erforderlich)</li>
    </ul>

    <h3>Zwei-Faktor-Authentifizierung (2FA)</h3>
    <p>Unter <strong>Einstellungen → Sicherheit</strong> (<code>/settings/totp</code>) können Sie Ihren Login zusätzlich absichern:</p>
    <ul>
        <li><strong>Authenticator-App (TOTP):</strong> QR-Code scannen mit Google Authenticator, Authy oder einer ähnlichen App. Bei jeder Anmeldung wird ein 6-stelliger Code abgefragt.</li>
        <li><strong>E-Mail-Code:</strong> Bei jedem Login erhalten Sie einen 6-stelligen Code per E-Mail. Gültig für 10 Minuten.</li>
    </ul>
    <p>Beide Methoden können gleichzeitig aktiv sein. Beim Login wählen Sie dann selbst, welche Methode Sie verwenden möchten.</p>
    <div class="help-info">
        Falls Ihr Administrator die MFA-Pflicht aktiviert hat, werden Sie beim nächsten Login aufgefordert, eine der Methoden einzurichten.
    </div>
</section>

</div>

<?php include __DIR__ . '/partials/help-styles.php'; ?>
