{% extends "_panel.html" %}
{% block title %}{{ host }} — skor geçmişi{% endblock %}
{% block content %}
<h1>{{ host }}</h1>
<p class="muted">{{ audits|length }} denetim</p>

{% if chart %}
<div class="card">
  <h3>Skor geçmişi</h3>
  {{ chart|safe }}
  <div class="chips">
    {% for key, label in pillars.items() %}<span class="chip neutral"><span style="color: {{ colors[key] }}">●</span> {{ label }}</span>{% endfor %}
  </div>
</div>
{% else %}
<p class="muted">Grafik için en az iki denetim gerekiyor.</p>
{% endif %}

{% if vis_count %}
<div class="card" style="margin-top:12px">
  <h3>AI görünürlük geçmişi</h3>
  <p class="muted small">Örnek sorularda cevap motorlarının sitenizi anıp anmadığı (✓ anıldı · ✗ anılmadı). Sorular Search Console'dan gelir.</p>
  <div class="table-wrap">
  <table>
    <thead><tr><th>Soru</th>
      {% for col in vis_columns %}<th class="num">{{ col.date }}<br><span class="muted small">%{{ col.visibility }}</span></th>{% endfor %}
    </tr></thead>
    <tbody>
    {% for row in vis_rows %}
    <tr>
      <td class="url">{{ row.question }}</td>
      {% for cell in row.cells %}
      <td class="num">{% if cell is none %}<span class="muted">—</span>{% elif cell %}<span class="chip ok">✓</span>{% else %}<span class="chip critical">✗</span>{% endif %}</td>
      {% endfor %}
    </tr>
    {% endfor %}
    </tbody>
  </table>
  </div>
</div>
{% endif %}

<h2>Denetimler</h2>
<div class="card table-wrap">
<table data-sort>
  <thead><tr><th>Tarih</th><th class="num">Sayfa</th>{% for key, label in pillars.items() %}<th class="num">{{ label }}</th>{% endfor %}<th class="num">Kritik</th><th class="num">Uyarı</th></tr></thead>
  <tbody>
  {% for a in audits %}
  <tr>
    <td><a href="/audits/{{ a.id }}">{{ a.created_at.replace("T", " ")[:16] }}</a></td>
    <td class="num">{{ a.pages }}</td>
    {% for key in pillars %}
    {% set s = a.scores.get(key) %}
    <td class="num">{% if s is not none %}<span class="chip {{ score_class(s) }}">{{ s }}</span>{% else %}<span class="muted">—</span>{% endif %}</td>
    {% endfor %}
    <td class="num">{{ a.counts.critical }}</td>
    <td class="num">{{ a.counts.warning }}</td>
  </tr>
  {% endfor %}
  </tbody>
</table>
</div>

<h2>Zamanlanmış denetim</h2>
<div class="card">
  {% for s in schedules %}
  <div style="display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)">
    <span>{{ s.url }}</span>
    <span class="chip neutral">{{ s.interval_hours }} saatte bir</span>
    {% if s.enabled %}<span class="chip ok">açık</span>{% else %}<span class="chip neutral">kapalı</span>{% endif %}
    {% if s.last_audit_id %}<a class="small" href="/audits/{{ s.last_audit_id }}">son denetim</a>{% endif %}
    {% if s.last_error %}<span class="chip critical small" title="{{ s.last_error }}">hata</span>{% endif %}
    <form method="post" action="/schedules/{{ s.id }}/toggle" style="display:inline">
      <input type="hidden" name="host" value="{{ host }}">
      <button type="submit" class="small">{{ "Durdur" if s.enabled else "Başlat" }}</button>
    </form>
    <form method="post" action="/schedules/{{ s.id }}/delete" style="display:inline">
      <input type="hidden" name="host" value="{{ host }}">
      <button type="submit" class="small">Sil</button>
    </form>
  </div>
  {% else %}
  <p class="muted small" style="margin-top:0">Panel açık kaldığı sürece periyodik denetim çalışır; sonuçlar geçmişe kaydedilir.</p>
  {% endfor %}
  <form method="post" action="/sites/{{ host }}/schedules" class="audit" style="margin-top:12px">
    <label style="grid-column: 1 / -1">Site adresi <input name="url" value="{{ audits[0].start_url }}" required></label>
    <label>Sıklık
      <select name="interval_hours">
        {% for h in schedule_choices %}<option value="{{ h }}">{{ (h ~ " saat") if h < 24 else ("haftada bir" if h >= 168 else "günde bir") }}</option>{% endfor %}
      </select>
    </label>
    <label>En fazla sayfa <input name="max_pages" type="number" value="50" min="1" max="2000"></label>
    <label>Derinlik <input name="max_depth" type="number" value="3" min="0" max="10"></label>
    <div><button type="submit">Zamanla</button></div>
  </form>
</div>
{% endblock %}