{% extends "_panel.html" %}
{% block title %}{{ host }} — denetim farkı{% endblock %}
{% block content %}
<header class="top">
  <h1>Denetim farkı <span class="muted">— {{ host }}</span></h1>
  <span class="muted small">{% if diff %}{{ old_time }} → {{ new_time }}{% endif %}</span>
</header>

{% if not diff %}
<p class="muted">Karşılaştırılacak önceki denetim bulunamadı. Site en az iki kez denetlendikten
sonra bu sayfa iki kayıt arasındaki farkı gösterir.</p>
{% else %}

{% set changed = diff.scores_changed() %}
{% if changed %}
<div class="card">
  <h3>Skorlar</h3>
  <div class="chips">
    {% for key, label, before, after in changed %}
    <span class="chip neutral">{{ label }}: {{ before if before is not none else "—" }} →
      <b>{{ after if after is not none else "—" }}</b>{% if before is not none and after is not none and after != before %}
      <span style="font-weight: 700; color: {{ 'var(--ok)' if after > before else 'var(--crit)' }}">{{ "+" if after > before }}{{ after - before }}</span>{% endif %}
    </span>
    {% endfor %}
  </div>
</div>
{% endif %}

{% set added_groups = diff.groups|selectattr("added")|list %}
{% set resolved_groups = diff.groups|selectattr("resolved")|list %}

<h2>Yeni sorunlar</h2>
{% if not added_groups %}
<p class="muted">Önceki denetime göre yeni sorun yok. 🎉</p>
{% else %}
{% for group in added_groups %}
<details class="rule" {% if loop.first %}open{% endif %}>
  <summary>
    <span class="chip {{ group.rule.severity.value }}">{{ group.rule.severity.label }}</span>
    <span class="chip neutral">{{ group.label }}</span>
    <span class="title">{{ group.rule.title }}</span>
    <span class="muted small">{{ group.added|length }} sayfa</span>
  </summary>
  <div class="body">
    <div class="reco">{{ group.rule.recommendation }}</div>
    <ul class="issues">
      {% for issue in group.added %}<li>{{ issue.url or issue.detail }}</li>{% endfor %}
    </ul>
  </div>
</details>
{% endfor %}
{% endif %}

<h2>Çözülen sorunlar</h2>
{% if not resolved_groups %}
<p class="muted">Önceki denetimdeki sorunların hiçbiri düzelmemiş.</p>
{% else %}
{% for group in resolved_groups %}
<details class="rule">
  <summary>
    <span class="chip ok">Çözüldü</span>
    <span class="chip {{ group.rule.severity.value }}">{{ group.rule.severity.label }}</span>
    <span class="chip neutral">{{ group.label }}</span>
    <span class="title">{{ group.rule.title }}</span>
    <span class="muted small">{{ group.resolved|length }} sayfa</span>
  </summary>
  <div class="body">
    <ul class="issues">
      {% for issue in group.resolved %}<li>{{ issue.url or issue.detail }}</li>{% endfor %}
    </ul>
  </div>
</details>
{% endfor %}
{% endif %}

{% if not diff.has_changes %}<p class="muted">İki denetim arasında fark bulunmadı.</p>{% endif %}
{% endif %}
{% endblock %}