{% extends "base.html" %}
{% block title %}Keywords — Willhaben Tracker{% endblock %}
{% block title_in_topbar %}Keywords{% endblock %}

{% block content %}
{% if not error and keywords %}
<div class="table-container">
    <table>
        <thead>
            <tr>
                <th>Keyword</th>
                <th>Status</th>
                <th>Interval</th>
                <th>Filters</th>
                <th>Subscribers</th>
                <th>Last Scraped</th>
            </tr>
        </thead>
        <tbody>
            {% for kw in keywords %}
            <tr>
                <td>
                    <a href="/keywords/{{ kw.id }}" style="font-weight: 600;">{{ kw.keyword }}</a>
                    <div style="font-size: 12px; color: var(--text-muted); margin-top: 4px; font-family: monospace;">{{ kw.id[:8] }}</div>
                </td>
                <td>
                    {% if kw.is_active %}
                    <span class="badge badge-green"><i class="ph-fill ph-play-circle" style="margin-right: 4px;"></i> Active</span>
                    {% else %}
                    <span class="badge badge-neutral"><i class="ph-fill ph-pause-circle" style="margin-right: 4px;"></i> Stopped</span>
                    {% endif %}
                </td>
                <td>{{ kw.interval_minutes }}m</td>
                <td style="font-size: 13px;">
                    {% if kw.price_min or kw.price_max %}
                        <div style="margin-bottom: 2px;">
                            <i class="ph ph-currency-eur" style="color: var(--text-muted); vertical-align: middle;"></i>
                            {{ (kw.price_min / 100)|round(2) if kw.price_min else '0' }} — {{ (kw.price_max / 100)|round(2) if kw.price_max else 'Max' }}
                        </div>
                    {% endif %}
                    {% if kw.allowed_postcodes %}
                        <div>
                            <i class="ph ph-map-pin" style="color: var(--text-muted); vertical-align: middle;"></i>
                            {{ kw.allowed_postcodes|length }} code(s)
                        </div>
                    {% endif %}
                    {% if not kw.price_min and not kw.price_max and not kw.allowed_postcodes %}
                        <span style="color: var(--text-muted);">None</span>
                    {% endif %}
                </td>
                <td><strong>{{ kw.subscriber_count }}</strong> <i class="ph-fill ph-users" style="color: var(--text-muted); font-size: 12px;"></i></td>
                <td>
                    {% if kw.last_scraped_at %}
                    {{ kw.last_scraped_at.strftime('%Y-%m-%d %H:%M') }}
                    {% else %}
                    <span style="color: var(--text-muted);">Never</span>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% elif not error %}
<div class="empty-state">
    <i class="ph ph-tag"></i>
    <p>No keywords are currently being tracked.</p>
</div>
{% endif %}
{% endblock %}