{% extends "base.html" %}
{% block content %}
<h1>Ligler & Anlatım Kapsamı</h1>
<p class="sub">Hangi ligi ne kadar detaylı anlatacağını buradan ayarlarsın — eş zamanlı maç yükünün ana kolu bu</p>

<div class="card pad" style="margin-bottom:14px">
  <div class="xs dim" style="line-height:1.7">
    <b class="dim">Neden gerekli?</b> Cumartesi akşamı aynı saatte 15 maç başlayabiliyor. Hepsini dakika
    dakika anlatmak hem bütçeye sığmaz hem zaman çizelgesini spam'a çevirir. Her ligin kendi yoğunluğu var.
    Ayrıca <b class="dim">her maçın olayları o maçın kendi thread'ine</b> gider — ana akış maç başına
    tek tweet görür. Bütçe yetmezse <a href="/budget" style="color:var(--s1)">planlayıcı</a> bunları
    geçici olarak bir kademe düşürebilir.
  </div>
</div>

<div class="card" style="margin-bottom:14px">
  <div class="card-b" style="padding:6px 18px 14px">
    <table>
      <thead><tr>
        <th>Lig</th><th class="num">Öncelik</th><th class="num">Maç</th>
        <th style="min-width:230px">Anlatım kapsamı</th><th>Şu an uygulanan</th><th class="num">Durum</th>
      </tr></thead>
      <tbody>
      {% for l in leagues %}
      <tr {% if not l.enabled %}style="opacity:.5"{% endif %}>
        <td><b>{{ l.name }}</b><div class="xs muted">{{ l.country }}</div></td>
        <td class="num muted">{{ l.priority }}</td>
        <td class="num muted">{{ counts.get(l.id, 0) }}</td>
        <td>
          <form method="post" action="/leagues/{{ l.id }}/coverage">
            <select name="coverage_level" onchange="this.form.submit()">
              {% for key, label in tiers %}
              <option value="{{ key }}" {% if (l.coverage or 'auto')==key %}selected{% endif %}>{{ label }}</option>
              {% endfor %}
            </select>
          </form>
          {% if (l.coverage or 'auto')=='auto' %}
          <div class="xs muted" style="margin-top:4px">→ {{ setting[l.id] }} (önceliğe göre)</div>
          {% endif %}
        </td>
        <td>
          {% if effective[l.id] != setting[l.id] %}
            <span class="tag t-warn" title="Bütçe planlayıcı düşürdü">↓ {{ effective[l.id] }}</span>
          {% else %}
            <span class="tag t-good">{{ effective[l.id] }}</span>
          {% endif %}
          <div class="xs muted" style="margin-top:3px">~{{ cost[effective[l.id]] }} tweet/maç</div>
        </td>
        <td class="num">
          <form method="post" action="/leagues/{{ l.id }}/toggle">
            <button class="btn btn-g btn-xs">{% if l.enabled %}Kapat{% else %}Aç{% endif %}</button>
          </form>
        </td>
      </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
</div>

<div class="card">
  <div class="card-h"><h2>Kapsam seviyeleri ne içerir?</h2></div>
  <div class="card-b" style="padding:6px 18px 14px">
    <table>
      <thead><tr><th>Seviye</th><th class="num">Tweet/maç</th><th>Yayınlanan olaylar</th></tr></thead>
      <tbody>
        {% for key in ['full','standard','minimal','result_only'] %}
        <tr>
          <td><b>{{ labels[key] }}</b></td>
          <td class="num">~{{ cost[key] }}</td>
          <td class="xs dim">{{ TIERS[key]|sort|join(', ') }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}