{% extends "base.html" %}
{% block content %}
<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:16px">
  <div>
    <h1>Bütçe Planı</h1>
    <p class="sub" style="margin:0">Günlük tavan sabit kalır; yetmediğinde <b class="dim">kapsam</b> hafifler.</p>
  </div>
  <div style="display:flex;gap:8px">
    <form method="post" action="/budget/recalc"><button class="btn btn-g">↻ Yeniden hesapla</button></form>
    <form method="post" action="/budget/toggle">
      {% if s.budget_enabled == 'true' %}<button class="btn btn-d">Planlamayı kapat</button>
      {% else %}<button class="btn btn-p">Planlamayı aç</button>{% endif %}
    </form>
  </div>
</div>

{% if s.budget_enabled != 'true' %}
<div class="card pad" style="margin:16px 0;border-color:#4a3a10">
  <span class="tag t-warn">⚠ Kapalı</span>
  <span class="xs dim" style="margin-left:8px">Akıllı planlama kapalı — ligler senin seçtiğin kapsamda kalır,
  bütçe biterse kalan olaylar gönderilmez.</span>
</div>
{% endif %}

<div class="grid g4" style="margin:16px 0 14px">
  <div class="stat"><div class="v">{{ total }}</div><div class="k">Günlük hak</div>
    <div class="note">tavan × aktif hesap</div></div>
  <div class="stat"><div class="v">{{ used }}</div><div class="k">Kullanılan</div></div>
  <div class="stat"><div class="v">{{ remaining }}</div><div class="k">Kalan</div></div>
  <div class="stat"><div class="v">{{ info.projected or 0 }}</div><div class="k">Bugün için öngörü</div>
    <div class="note">{{ info.matches_today or 0 }} maç üzerinden</div></div>
</div>

<div class="card" style="margin-bottom:14px">
  <div class="card-h">
    <h2>Bugünün planı</h2>
    <span class="xs muted">{% if info.computed_at %}hesaplandı {{ info.computed_at[11:16] }}{% endif %}</span>
  </div>
  <div class="card-b">
    {% if per_league %}
    <table>
      <thead><tr><th>Lig</th><th class="num">Bugün maç</th><th>Senin ayarın</th>
        <th>Uygulanan</th><th class="num">Tahmini tweet</th></tr></thead>
      <tbody>
      {% for l in leagues %}
        {% if l.id in per_league %}
        {% set ayar = coverage.tier_for_league(l) %}
        {% set uyg = plan.get(l.key, ayar) %}
        <tr>
          <td><b>{{ l.name }}</b><div class="xs muted">öncelik {{ l.priority }}</div></td>
          <td class="num">{{ per_league[l.id] }}</td>
          <td class="xs dim">{{ ayar }}</td>
          <td>
            {% if uyg != ayar %}
              <span class="tag t-warn">↓ {{ uyg }}</span>
            {% else %}
              <span class="tag t-good">{{ uyg }}</span>
            {% endif %}
          </td>
          <td class="num">{{ cost[uyg] * per_league[l.id] }}</td>
        </tr>
        {% endif %}
      {% endfor %}
      </tbody>
    </table>
    {% else %}
    <p class="empty">Bugün için planlanmış maç yok — bütçe serbest.</p>
    {% endif %}
  </div>
</div>

{% if info.demoted %}
<div class="card" style="margin-bottom:14px">
  <div class="card-h"><h2>Yapılan kısıntılar</h2></div>
  <div class="card-b">
    <div class="xs dim" style="margin-bottom:10px">
      Bütçe yetmediği için en az öncelikli liglerden başlayarak adım adım hafifletildi.
      Süper Lig ve Şampiyonlar Ligi en son kısılır.
    </div>
    {% for d in info.demoted %}
    <div class="xs" style="padding:4px 0;border-bottom:1px solid var(--line-soft)">{{ d }}</div>
    {% endfor %}
  </div>
</div>
{% endif %}

<div class="card pad">
  <h2 style="font-size:14px;margin:0 0 10px">Nasıl çalışıyor?</h2>
  <div class="xs dim" style="line-height:1.7">
    <p style="margin:0 0 8px"><b>Tavan neden otomatik artmıyor?</b>
    Günlük tavan bir güvenlik freni — hesabın ne kadar görünür olacağını belirler. Otomatik artan bir
    tavan, en çok maçın olduğu günde (yani zaten en çok tweet attığın, en dikkat çektiğin günde)
    kendini en yükseğe çıkarır. Bu frenin amacının tam tersi olurdu, o yüzden tavan senin elinde.</p>
    <p style="margin:0 0 8px"><b>Bunun yerine ne oluyor?</b>
    Sistem günün fikstürüne bakıp kaç tweet gerekeceğini tahmin ediyor. Bütçeye sığmıyorsa
    <b class="dim">en az öncelikli</b> liglerden başlayarak <b class="dim">birer adım</b> hafifletiyor
    ve sığar sığmaz duruyor. Böylece bütçe biterken derbi yarıda kalmıyor; onun yerine
    alt sıradaki bir lig "sadece sonuç"a düşüyor.</p>
    <p style="margin:0"><b>Senin ayarın tavandır.</b>
    Planlayıcı yalnızca aşağı çeker — Ligler sayfasında seçtiğinden daha fazla tweet attırmaz.
    Maç dışı içerik (haber, günlük özet) için <b class="dim">{{ reserve }}</b> tweetlik pay ayrılır,
    böylece maçlar haberleri yemiyor.</p>
  </div>
</div>
{% endblock %}