<?php $pageTitle = 'Manual: Task Worker'; ?>
<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>
            Manual
        </a>
        <h1 class="page-title">Manual: Task Worker</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">Contents</p>
        <ol class="help-toc-list">
            <li><a href="#dashboard">Dashboard &amp; Home</a></li>
            <li><a href="#meine-aufgaben">My Tasks</a></li>
            <li><a href="#aufgabe-oeffnen">Open &amp; Edit a Task</a></li>
            <li><a href="#status">Change Status</a></li>
            <li><a href="#kommentare">Write Comments</a></li>
            <li><a href="#anhaenge">File Attachments</a></li>
            <li><a href="#benachrichtigungen">Notifications</a></li>
            <li><a href="#profil">Profile &amp; Security</a></li>
        </ol>
    </div>
</div>

<section id="dashboard">
    <h2>1. Dashboard &amp; Home</h2>
    <p>After signing in you land on the <strong>Dashboard</strong>. It shows you at a glance:</p>
    <ul>
        <li><strong>Open tasks</strong> – number of tasks assigned to you that are not yet done</li>
        <li><strong>Overdue tasks</strong> – tasks whose due date has passed</li>
        <li><strong>Active projects</strong> – all projects you are a member of</li>
        <li><strong>Recent activity</strong> – the 15 most recent events in your projects</li>
    </ul>
    <p>In the top navigation bar you will find the bell icon for <strong>notifications</strong> and a link to your profile.</p>
</section>

<section id="meine-aufgaben">
    <h2>2. My Tasks</h2>
    <p>Under <strong>My Tasks</strong> (<code>/my-tasks</code>) you see all tasks personally assigned to you – across all projects.</p>
    <h3>Filter options</h3>
    <ul>
        <li><strong>Status:</strong> Open, Done, All</li>
        <li><strong>Priority:</strong> Low, Medium, High, Urgent</li>
        <li><strong>Project:</strong> restrict to a specific project</li>
    </ul>
    <p>Click a task to open the detail view.</p>
</section>

<section id="aufgabe-oeffnen">
    <h2>3. Open &amp; Edit a Task</h2>
    <p>You can open tasks in several ways:</p>
    <ul>
        <li>Click a card on the <strong>Kanban board</strong></li>
        <li>Click a title in the <strong>list view</strong></li>
        <li>Directly via <strong>My Tasks</strong></li>
    </ul>
    <p>In the detail view you can see and edit (if you are a project member):</p>
    <ul>
        <li>Title and description</li>
        <li>Status, priority, due date, start date</li>
        <li>Assigned people</li>
        <li>Labels</li>
        <li>Predecessor tasks (dependencies)</li>
        <li>Comments and attachments</li>
    </ul>
    <div class="help-info">
        As a <em>guest</em> in a project you can only read tasks, not edit them.
    </div>
</section>

<section id="status">
    <h2>4. Change a Task's Status</h2>
    <p>There are two ways to update a task's status:</p>
    <h3>Kanban Board</h3>
    <p>Drag the task card via <strong>drag &amp; drop</strong> to the desired column. The status change is saved immediately.</p>
    <h3>List View or Detail View</h3>
    <p>Click the status dropdown and select the new status. The change is applied immediately.</p>
    <div class="help-info">
        When you move a task to the <em>Done</em> status, notifications may be triggered automatically (e.g. to the project manager or the assignees of dependent tasks).
    </div>
</section>

<section id="kommentare">
    <h2>5. Write Comments</h2>
    <p>In the task detail view you will find the comment section at the bottom.</p>
    <ol>
        <li>Click in the text field.</li>
        <li>Write your comment.</li>
        <li>Click <strong>Send</strong> (or press Ctrl+Enter).</li>
    </ol>
    <p>All comments are displayed with your name and a timestamp. You can delete your own comments.</p>
</section>

<section id="anhaenge">
    <h2>6. File Attachments</h2>
    <h3>Upload a file</h3>
    <ol>
        <li>Open the task.</li>
        <li>Click <strong>Upload file</strong> or drag a file into the attachment area.</li>
        <li>Allowed formats: JPG, PNG, GIF, WEBP</li>
        <li>Maximum file size: <strong>2 MB</strong></li>
    </ol>
    <h3>Download a file</h3>
    <p>Click the file name in the attachment list. The file is downloaded directly.</p>
    <h3>Delete a file</h3>
    <p>Click the delete icon next to the attachment. This action cannot be undone.</p>
</section>

<section id="benachrichtigungen">
    <h2>7. Notifications</h2>
    <p>The bell icon in the top navigation shows the number of unread notifications. Click it to see the current messages.</p>
    <p>You can view all notifications and mark them as read under <strong>Settings → Notifications</strong> (<code>/settings/notifications</code>).</p>
    <p>You will be notified when:</p>
    <ul>
        <li>A task is assigned to you (if enabled)</li>
        <li>The due date of one of your tasks is 3 days away</li>
        <li>A predecessor task of yours is completed</li>
    </ul>
</section>

<section id="profil">
    <h2>8. Profile &amp; Security</h2>
    <p>Under <strong>Settings</strong> (<code>/settings</code>) you can:</p>
    <ul>
        <li>Change your <strong>first &amp; last name</strong></li>
        <li>Change your <strong>email address</strong> (login identifier)</li>
        <li>Upload a <strong>profile picture</strong></li>
        <li>Choose your <strong>language</strong> and <strong>appearance</strong> (light/dark)</li>
        <li>Change your <strong>password</strong> (current password required)</li>
    </ul>

    <h3>Two-Factor Authentication (2FA)</h3>
    <p>Under <strong>Settings → Security</strong> (<code>/settings/totp</code>) you can add extra protection to your login:</p>
    <ul>
        <li><strong>Authenticator app (TOTP):</strong> Scan the QR code with Google Authenticator, Authy or a similar app. A 6-digit code is required at every login.</li>
        <li><strong>Email code:</strong> A 6-digit code is sent to your email at every login. Valid for 10 minutes.</li>
    </ul>
    <p>Both methods can be active simultaneously. At login you then choose which method to use.</p>
    <div class="help-info">
        If your administrator has enabled mandatory MFA, you will be prompted to set up one of the methods at your next login.
    </div>
</section>

</div>

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