{% extends "base.html" %}
{% block content %}
<h1>İstatistik</h1>
<p class="sub">Paylaşım performansı ve sistem sayaçları</p>

<div class="grid g4" style="margin-bottom:14px">
  <div class="stat"><div class="v">{{ totals.posted }}</div><div class="k">Gönderilen tweet</div></div>
  <div class="stat"><div class="v">{{ totals.matches }}</div><div class="k">Takipteki maç</div></div>
  <div class="stat"><div class="v">{{ totals.events }}</div><div class="k">Yakalanan olay</div></div>
  <div class="stat"><div class="v">{{ totals.news }}</div><div class="k">Taranan haber</div></div>
</div>

<div class="card" style="margin-bottom:14px">
  <div class="card-h"><h2>Son 7 gün — günlük gönderim</h2></div>
  <div class="card-b">
    {% if daily %}
    {% set mx = daily|map(attribute=1)|max %}
    <div class="bars">
      {% for d, n in daily %}
      <div class="bar-row">
        <span class="lbl">{{ d }}</span>
        <span class="track"><span class="fill" style="width:{{ (n/mx*100)|round }}%;background:var(--s1)"></span></span>
        <span class="val">{{ n }}</span>
      </div>
      {% endfor %}
    </div>
    {% else %}<p class="empty">Henüz veri yok.</p>{% endif %}
  </div>
</div>

<div class="grid g2">
  <div class="card">
    <div class="card-h"><h2>İçerik tipine göre</h2></div>
    <div class="card-b">
      {% if by_kind %}
      {% set mx = by_kind|map(attribute=1)|max %}
      <div class="bars">
        {% for k, n in by_kind %}
        <div class="bar-row">
          <span class="lbl">{{ k }}</span>
          <span class="track"><span class="fill" style="width:{{ (n/mx*100)|round }}%;background:var(--s3)"></span></span>
          <span class="val">{{ n }}</span>
        </div>
        {% endfor %}
      </div>
      {% else %}<p class="empty">Henüz veri yok.</p>{% endif %}
    </div>
  </div>

  <div class="card">
    <div class="card-h"><h2>Lige göre</h2></div>
    <div class="card-b">
      {% if by_league %}
      {% set mx = by_league|map(attribute=1)|max %}
      <div class="bars">
        {% for k, n in by_league %}
        <div class="bar-row">
          <span class="lbl">{{ k }}</span>
          <span class="track"><span class="fill" style="width:{{ (n/mx*100)|round }}%;background:var(--s4)"></span></span>
          <span class="val">{{ n }}</span>
        </div>
        {% endfor %}
      </div>
      {% else %}<p class="empty">Henüz maç tweeti gönderilmedi.</p>{% endif %}
    </div>
  </div>

  <div class="card">
    <div class="card-h"><h2>Haber kaynakları</h2></div>
    <div class="card-b">
      {% if news_sources %}
      {% set mx = news_sources|map(attribute=1)|max %}
      <div class="bars">
        {% for k, n in news_sources %}
        <div class="bar-row">
          <span class="lbl">{{ k }}</span>
          <span class="track"><span class="fill" style="width:{{ (n/mx*100)|round }}%;background:var(--s6)"></span></span>
          <span class="val">{{ n }}</span>
        </div>
        {% endfor %}
      </div>
      {% else %}<p class="empty">Henüz haber taranmadı.</p>{% endif %}
    </div>
  </div>

  <div class="card">
    <div class="card-h"><h2>Durum dağılımı · hesaplar</h2></div>
    <div class="card-b" style="padding:6px 18px 14px">
      <table><tbody>
        {% for k, n in by_account %}
        <tr><td><b>{{ k }}</b></td><td class="num">{{ n }}</td></tr>
        {% endfor %}
        {% for k, n in by_status %}
        <tr><td class="muted">{{ k }}</td><td class="num muted">{{ n }}</td></tr>
        {% endfor %}
      </tbody></table>
    </div>
  </div>
</div>
{% endblock %}