{% extends "base.html" %}
{% block title %}Scan · AICAudit{% endblock %}
{% block page %}scan{% endblock %}
{% block content %}
  <h1 class="page-title">New scan</h1>
  <p class="page-sub">Static analysis with taint tracing; AI verdicts can be attached afterwards on the results page.</p>

  <form id="scan-form" class="card" style="max-width:760px">
    <div class="field">
      <label for="paths">Path(s) to scan — use <kbd>|</kbd> to separate multiple</label>
      <input class="input" id="paths" placeholder="./src | ./tests" autocomplete="off">
    </div>
    <div class="grid cols-2">
      <div class="field">
        <label for="min-severity">Minimum severity</label>
        <select class="input" id="min-severity">
          <option value="">all</option>
          <option value="info">info</option>
          <option value="warning">warning</option>
          <option value="error">error</option>
          <option value="critical">critical</option>
        </select>
      </div>
      <div class="field">
        <label for="lang">Output language</label>
        <select class="input" id="lang">
          <option value="en">English</option>
          <option value="zh">中文</option>
        </select>
      </div>
    </div>
    <div class="field">
      <label>Rules (leave all off to run everything)</label>
      <div class="chip-row">
        {% for r in rules %}
        <span class="chip" data-rule="{{ r.id }}" title="{{ r.severity }}">{{ r.id }} · {{ r.name }}</span>
        {% endfor %}
      </div>
    </div>
    <button class="btn primary" id="scan-btn" type="submit">Scan</button>
  </form>

  <div class="card hidden" id="progress-card" style="max-width:760px">
    <div class="card-title">Progress</div>
    <div class="progress-track"><div class="progress-fill" id="progress-fill"></div></div>
    <div class="progress-log" id="progress-log"></div>
  </div>
{% endblock %}