{% extends "base.html" %}
{% block title %}{{ project.name }} | Nephilex Dashboard{% endblock %}
{% block content %}

<nav class="crumbs"><a href="/">Projects</a> <span>/</span> {{ project.name }}</nav>
<div class="page-head"><h1>{{ project.name }}</h1></div>

<section class="card">
  <div class="card-head">
    <h2>Risk over time</h2>
    <span class="muted small">{{ scans|length }} scan{{ '' if scans|length == 1 else 's' }}</span>
  </div>
  {% if trend.dots %}
  <svg class="trend" viewBox="0 0 {{ trend.width }} {{ trend.height }}"
       preserveAspectRatio="none" role="img" aria-label="Risk score over time">
    {% for g in trend.gridlines %}
    <line class="grid" x1="{{ trend.pad }}" y1="{{ g.y }}"
          x2="{{ trend.width - trend.pad }}" y2="{{ g.y }}"></line>
    <text class="axis" x="{{ trend.pad - 8 }}" y="{{ g.y + 3 }}" text-anchor="end">{{ g.label }}</text>
    {% endfor %}
    {% if trend.area %}<path class="area" d="{{ trend.area }}"></path>{% endif %}
    <polyline class="line" points="{{ trend.polyline }}"></polyline>
    {% for d in trend.dots %}
    <circle class="dot" cx="{{ d.x }}" cy="{{ d.y }}" r="3.5">
      <title>{{ d.when }} - risk {{ d.risk }}, {{ d.findings }} findings</title>
    </circle>
    {% endfor %}
  </svg>
  {% else %}<p class="muted">No scans yet.</p>{% endif %}
</section>

<section class="card">
  <div class="card-head"><h2>Scan history</h2></div>
  <table class="table">
    <thead>
      <tr><th>When</th><th>Risk</th><th class="col-bar">Severity</th>
        <th class="num">Findings</th><th>Nephilex</th></tr>
    </thead>
    <tbody>
      {% for s in scans %}
      <tr class="row-link" data-href="/scans/{{ s.id }}" tabindex="0">
        <td class="strong">{{ s.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
        <td><span class="risk risk-{{ risk_band(s.risk_score)|lower }}">{{ s.risk_score }}</span></td>
        <td class="col-bar">
          <span class="minibar">
            {% for label in severity_order %}
              {% set n = s.severity_counts.get(label, 0) %}
              {% if n %}<span class="seg" title="{{ label }}: {{ n }}"
                style="flex:{{ n }};background:{{ severity_fill(label) }}"></span>{% endif %}
            {% endfor %}
          </span>
        </td>
        <td class="num">{{ s.total_findings }}</td>
        <td class="muted small">v{{ s.nephilex_version }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</section>

{% endblock %}