{% extends "base.html" %}
{% block title %}Watchlist · IP TM Manager{% endblock %}
{% block body %}
<h1>Watchlist</h1>
<p class="sub">Marks you watch on behalf of clients. Each new application is scored against these; matches appear under Alerts.</p>
{% if current_user and current_user.is_admin %}
<div class="panel">
  <h2>Add Watched Mark</h2>
  <form method="post" action="{{ url_for('new_watched_mark') }}">
    <div class="row">
      <div class="field"><label>Mark (Latin or primary)</label><input name="label" required placeholder="e.g. Ejaz"></div>
      <div class="field"><label>Farsi form (optional)</label><input name="farsi" dir="rtl" placeholder="اعجاز"></div>
      <div class="field"><label>Client</label><input name="client_name" placeholder="e.g. Acme Foods"></div>
      <div class="field"><label>Classes (blank = all)</label><input name="classes" placeholder="e.g. 30, 35"></div>
    </div>
    <button class="btn" type="submit">Add to watchlist</button>
  </form>
</div>
{% endif %}
<div class="panel">
  <h2>Watched Marks</h2>
  <table>
    <tr><th>Mark</th><th>Farsi</th><th>Client</th><th>Classes</th><th>Status</th>{% if current_user and current_user.is_admin %}<th></th>{% endif %}</tr>
    {% for w in marks %}
    <tr>
      <td><strong>{{ w.label }}</strong></td>
      <td dir="rtl">{{ w.farsi or '—' }}</td>
      <td>{{ w.client_name or '—' }}</td>
      <td>{% if w.classes %}<span class="mono">{{ w.classes }}</span>{% else %}<span class="muted">all</span>{% endif %}</td>
      <td><span class="pill {{ 'ok' if w.active else 'flag' }}">{{ 'active' if w.active else 'paused' }}</span></td>
      {% if current_user and current_user.is_admin %}
      <td style="white-space:nowrap">
        <form method="post" action="{{ url_for('toggle_watched_mark', wid=w.id) }}" style="display:inline">
          <button class="btn ghost sm">{{ 'Pause' if w.active else 'Activate' }}</button></form>
        <form method="post" action="{{ url_for('delete_watched_mark', wid=w.id) }}" style="display:inline" onsubmit="return confirm('Delete this watched mark and its alerts?')">
          <button class="btn danger sm">Delete</button></form>
      </td>{% endif %}
    </tr>
    {% else %}<tr><td colspan="6" class="muted">No watched marks yet.</td></tr>{% endfor %}
  </table>
</div>
{% endblock %}