{% extends "base.html" %}

{% block title %}Monitor — Tsume{% endblock %}

{% block content %}
<div class="page-header">
  <div>
    <h1>Monitor Rules</h1>
    <p>Scheduled checks with alerting — invoke <span class="mono">tsume monitor run</span> from cron/Task Scheduler, or run once below</p>
  </div>
  <form method="post" action="/monitor/run">
    <button class="button button--primary" type="submit">Run all now</button>
  </form>
</div>

{% if error %}
<div class="panel">
  <div class="panel__body">
    <div class="alert alert--error">{{ error }}</div>
  </div>
</div>
{% endif %}

{% if pruned is not none %}
<div class="panel">
  <div class="panel__body">
    <div class="alert alert--success">Deleted {{ pruned }} old alert{{ "s" if pruned != 1 else "" }}.</div>
  </div>
</div>
{% endif %}

<div class="panel">
  <div class="panel__header"><h2>Add a rule</h2></div>
  <div class="panel__body">
    <form method="post" action="/monitor/add">
      <div class="field-row">
        <div class="field">
          <label for="name">Name</label>
          <input type="text" id="name" name="name" placeholder="watch-c2-ip" required>
        </div>
        <div class="field">
          <label for="ioc_type">Type</label>
          <select id="ioc_type" name="ioc_type">
            {% for t in ioc_types %}
            <option value="{{ t }}">{{ t }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="field" style="flex: 1;">
          <label for="value">Value</label>
          <input class="mono" type="text" id="value" name="value" required>
        </div>
        <div class="field">
          <label for="alert_on">Alert on</label>
          <select id="alert_on" name="alert_on">
            {% for mode in alert_modes %}
            <option value="{{ mode }}">{{ mode }}</option>
            {% endfor %}
          </select>
        </div>
      </div>

      <div class="field" style="margin-top: var(--space-4);" id="monitor-providers-field" data-default-providers="{{ default_providers_by_type | tojson | forceescape }}">
        <label>Providers <span class="helper-text">(leave unchecked to use this type's defaults)</span></label>
        <div class="checkbox-group" id="monitor-providers-default"></div>
        <p class="helper-text" id="monitor-providers-other-label" style="margin-top: var(--space-2);">Also available</p>
        <div class="checkbox-group" id="monitor-providers-other"></div>
        {% for p in provider_catalog %}
        <template data-provider="{{ p.name }}" data-types="{{ p.types | join(',') }}"></template>
        {% endfor %}
      </div>

      <div class="field" style="margin-top: var(--space-4); max-width: 32rem;">
        <label for="webhook_url">Webhook URL <span class="helper-text">(optional — POSTs a JSON alert here)</span></label>
        <input class="mono" type="text" id="webhook_url" name="webhook_url" placeholder="https://hooks.slack.com/services/…">
      </div>

      <div class="field" style="margin-top: var(--space-5);">
        <button class="button button--primary" type="submit">Add rule</button>
      </div>
    </form>
  </div>
</div>

<div class="panel">
  <div class="panel__header"><h2>Rules</h2></div>
  {% if rules %}
  <div class="table-scroll">
  <table class="data-table">
    <thead>
      <tr>
        <th>Name</th><th>Type</th><th>Value</th><th>Alert on</th><th>Status</th><th>Last run</th><th></th>
      </tr>
    </thead>
    <tbody>
      {% for rule in rules %}
      <tr>
        <td>{{ rule.name }}</td>
        <td>{{ rule.ioc_type.value }}</td>
        <td class="mono">{{ rule.ioc_value }}</td>
        <td>{{ rule.alert_on }}</td>
        <td>
          {% if rule.enabled %}<span class="badge badge--clean">enabled</span>
          {% else %}<span class="badge badge--unknown">disabled</span>{% endif %}
        </td>
        <td class="mono local-time" data-utc="{{ rule.last_run_at.isoformat() if rule.last_run_at else '' }}">
          {{ rule.last_run_at.strftime("%Y-%m-%d %H:%M") if rule.last_run_at else "never" }}
        </td>
        <td>
          <div class="row-actions">
            <form method="post" action="/monitor/{{ rule.id }}/{{ 'disable' if rule.enabled else 'enable' }}">
              <button class="button button--ghost" type="submit">{{ "Disable" if rule.enabled else "Enable" }}</button>
            </form>
            <form method="post" action="/monitor/{{ rule.id }}/remove">
              <button class="button button--ghost" type="submit">Remove</button>
            </form>
          </div>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
  {% else %}
  <div class="empty-state">
    <h3>No monitor rules yet</h3>
    <p>Add one above to get alerted when an IOC's verdict changes.</p>
  </div>
  {% endif %}
</div>

<div class="panel">
  <div class="panel__header">
    <h2>Recent alerts</h2>
    <form
      method="post"
      action="/monitor/prune-events"
      class="field-row"
      data-confirm="Permanently delete alerts older than this many days? This cannot be undone."
    >
      <div class="field">
        <input type="number" min="1" name="older_than_days" placeholder="days" required style="width: 6rem;" aria-label="Delete alerts older than this many days">
      </div>
      <div class="field">
        <button class="button button--ghost" type="submit">Prune old alerts</button>
      </div>
    </form>
  </div>
  {% if events %}
  <div class="table-scroll">
  <table class="data-table">
    <thead><tr><th>Fired at</th><th>Rule</th><th>Message</th></tr></thead>
    <tbody>
      {% for event in events %}
      <tr>
        <td class="mono local-time" data-utc="{{ event.fired_at }}">{{ event.fired_at }}</td>
        <td>{{ event.rule_name }}</td>
        <td>{{ event.message }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
  {% else %}
  <div class="empty-state">
    <h3>No alerts fired yet</h3>
    <p>Alerts show up here once a rule's outcome changes.</p>
  </div>
  {% endif %}
</div>
{% endblock %}