{% extends "base.html" %}

{% block title %}Tracked Threads — Multithreaded{% endblock %}

{% block head %}<meta name="robots" content="noindex">{% endblock %}

{% block header %}{% include "partials/site_header.html" %}{% endblock %}

{% block content %}
<div class="container">
    <div class="breadcrumb">
        <a href="/">Forums</a>
        <span class="sep">/</span>
        Tracked Threads
    </div>
    <div class="page-header">
        <h2>Tracked Threads</h2>
        {% if !threads.is_empty() %}
        <form method="post" action="/tracked/stop-all" onsubmit="return confirm('Stop tracking all threads?')">
            <button type="submit" class="btn-secondary">Stop tracking all</button>
        </form>
        {% endif %}
    </div>
    <div class="tracking-settings">
        <label class="toggle-label">
            <input type="checkbox" id="tracking-opt-out" class="toggle-checkbox">
            <span>Disable local unread tracking</span>
        </label>
        <span class="text-muted-sm">(<a href="/about/tracking">How tracking works</a>)</span>
    </div>

    {% if threads.is_empty() %}
    <div class="empty-state">You are not tracking any threads. Click "track" on a thread to follow it.</div>
    {% else %}
    <table class="data-table">
        <thead>
            <tr>
                <th>Thread</th>
                <th>Community</th>
                <th class="col-replies">New</th>
            </tr>
        </thead>
        <tbody>
            {% for t in threads %}
            <tr{% if t.unread_count > 0 && t.has_mention %} class="unread mentioned"{% else if t.unread_count > 0 %} class="unread"{% else if t.has_mention %} class="mentioned"{% endif %}>
                <td class="thread-title">
                    {% if t.has_mention %}<span class="badge badge-mention">@</span> {% endif %}
                    <a href="/p/{{ t.community_slug }}/{{ t.category_slug }}/{{ t.thread_id }}">{{ t.thread_title }}</a>
                </td>
                <td><a href="/p/{{ t.community_slug }}">{{ t.community_name }}</a></td>
                <td class="col-replies">
                    {% if t.unread_count > 0 %}
                    <span class="badge badge-unread">{{ t.unread_count }} new</span>
                    {% else %}
                    —
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% endif %}
</div>
{% endblock %}