{% extends "base.html" %}
{% block title %}MCP Scanner - Vindicara{% endblock %}
{% block content %}
<div style="margin-bottom:24px;">
  <h1 style="font-size:20px;font-weight:600;color:#EFEFEF;">MCP Scanner</h1>
  <p style="color:#9090A8;font-size:13px;margin-top:4px;">Scan MCP servers for security vulnerabilities</p>
</div>

<div class="card" style="margin-bottom:24px;">
  <div style="padding:12px 16px;border-bottom:1px solid #1A1A28;">
    <span style="font-size:13px;font-weight:600;color:#EFEFEF;">New Scan</span>
  </div>
  <div style="padding:16px;">
    <form hx-post="/dashboard/api/mcp/scan" hx-target="#scan-results" hx-swap="innerHTML">
      <div style="display:flex;gap:12px;align-items:end;">
        <div style="flex:1;">
          <label style="font-size:11px;color:#444458;display:block;margin-bottom:4px;">MCP SERVER URL</label>
          <input type="text" name="server_url" placeholder="https://mcp.example.com">
        </div>
        <button type="submit" class="btn-red">Scan</button>
      </div>
      <p style="font-size:11px;color:#444458;margin-top:8px;">Leave empty for static analysis demo. Enter URL for live scan.</p>
    </form>
  </div>
</div>

<div id="scan-results">
  <div class="card" style="padding:24px;text-align:center;color:#444458;">Run a scan to see results</div>
</div>
{% endblock %}