{% extends "base.html" %}
{% block content %}
<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:16px">
  <div>
    <h1>İzlenen Hesaplar</h1>
    <p class="sub" style="margin:0">Resmi yayıncı gibi hesapların gönderilerini <b class="dim">alıntılayarak</b> paylaşırız</p>
  </div>
  <form method="post" action="/sources/refresh"><button class="btn btn-p">↻ Şimdi tara</button></form>
</div>

<!-- Telif açıklaması -->
<div class="card pad" style="margin:16px 0 14px;border-color:#1d3a4a">
  <div class="xs dim" style="line-height:1.7">
    <b class="dim">Telif nasıl korunuyor?</b>
    Yayıncının videosunu indirip kendi hesabımıza <b>yüklemiyoruz</b> — o telif ihlali olurdu.
    Bunun yerine gönderiyi <b class="dim">alıntılıyoruz</b>: video kaynağın hesabından oynar,
    kaynak görünür kalır, hiçbir içerik çoğaltılmaz. Üstüne yazdığımız yorum da kaynağın
    metninden kopyalanmaz — DeepSeek olayı kendi cümleleriyle yazar.
  </div>
</div>

<!-- Kaynak hesaplar -->
<div class="card" style="margin-bottom:14px">
  <div class="card-h">
    <h2>Kaynak hesaplar</h2>
    <span class="xs muted">
      alıntı: {% if s.sources_enabled=='true' %}<span style="color:var(--brand)">açık</span>
      {% else %}<span style="color:var(--warning)">kapalı</span>{% endif %} ·
      saatlik tavan {{ s.quotes_per_hour }}</span>
  </div>
  <div class="card-b" style="padding:6px 18px 14px">
    {% if accounts %}
    <table>
      <thead><tr><th>Hesap</th><th>İzleme</th><th>Otomatik alıntı</th>
        <th>Son kontrol</th><th class="num"></th></tr></thead>
      <tbody>
      {% for a in accounts %}
      <tr>
        <td>
          <a href="https://x.com/{{ a.handle }}" target="_blank"><b>@{{ a.handle }}</b></a>
          <div class="xs muted">{{ a.label }}</div>
          {% if a.last_error %}<div class="xs" style="color:#fca5a5">{{ a.last_error[:100] }}</div>{% endif %}
        </td>
        <td>
          {% if a.enabled %}<span class="tag t-good">● açık</span>
          {% else %}<span class="tag t-idle">○ kapalı</span>{% endif %}
        </td>
        <td>
          {% if a.auto_quote %}<span class="tag t-good">⚡ otomatik</span>
          {% else %}<span class="tag t-warn">✋ elle onay</span>{% endif %}
        </td>
        <td class="xs muted">{{ a.last_checked|tr if a.last_checked else '—' }}</td>
        <td class="num" style="white-space:nowrap">
          <form method="post" action="/sources/{{ a.id }}/auto" style="display:inline">
            <button class="btn btn-g btn-xs">{% if a.auto_quote %}Otomatiği kapat{% else %}Otomatiğe al{% endif %}</button></form>
          <form method="post" action="/sources/{{ a.id }}/toggle" style="display:inline">
            <button class="btn btn-g btn-xs">{% if a.enabled %}Durdur{% else %}Aç{% endif %}</button></form>
          <form method="post" action="/sources/{{ a.id }}/delete" style="display:inline"
                onsubmit="return confirm('@{{ a.handle }} silinsin mi?')">
            <button class="btn btn-d btn-xs">Sil</button></form>
        </td>
      </tr>
      {% endfor %}
      </tbody>
    </table>
    {% else %}<p class="empty">Henüz kaynak hesap yok.</p>{% endif %}

    <form method="post" action="/sources/add"
          style="display:flex;gap:9px;align-items:flex-end;margin-top:14px;flex-wrap:wrap">
      <div style="width:190px"><label>Kullanıcı adı</label>
        <input name="handle" placeholder="beINSPORTS_TR" required></div>
      <div style="flex:1;min-width:180px"><label>Etiket</label>
        <input name="label" placeholder="açıklama (opsiyonel)"></div>
      <button class="btn btn-g">Kaynak ekle</button>
    </form>
  </div>
</div>

<div class="pill-row" style="margin-bottom:14px">
  <a href="/sources?f=new" class="pill {% if f!='used' %}on{% endif %}">Yeni ({{ counts.new }})</a>
  <a href="/sources?f=used" class="pill {% if f=='used' %}on{% endif %}">İşlenmiş ({{ counts.used }})</a>
</div>

<!-- Toplanan gönderiler -->
<div class="card">
  <div class="card-h"><h2>Toplanan gönderiler</h2><span class="xs muted">{{ rows|length }}</span></div>
  <div class="card-b">
    {% if rows %}
    {% for t in rows %}
    <div style="display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line-soft)">
      <div style="flex-shrink:0;width:76px">
        {% if t.kind=='goal' %}<span class="tag t-good">⚽ gol</span>
        {% elif t.kind=='action' %}<span class="tag t-good">🔥 aksiyon</span>
        {% elif t.kind=='summary' %}<span class="tag t-info">📺 özet</span>
        {% elif t.kind=='interview' %}<span class="tag t-idle">🎙 röportaj</span>
        {% elif t.kind=='studio' %}<span class="tag t-idle">💬 stüdyo</span>
        {% elif t.kind=='promo' %}<span class="tag t-warn">🔗 tanıtım</span>
        {% else %}<span class="tag t-idle">diğer</span>{% endif %}
        {% if t.media %}<div class="xs muted" style="margin-top:4px">{{ t.media }}</div>{% endif %}
      </div>
      <div style="flex:1;min-width:0">
        <div style="font-size:12.5px;white-space:pre-wrap">{{ t.text[:230] }}{% if t.text|length > 230 %}…{% endif %}</div>
        <div class="xs muted" style="margin-top:5px">
          {% if t.kind in auto_kinds %}
          <span class="tag {% if scores[t.id] >= 90 %}t-good{% elif scores[t.id] >= 60 %}t-info{% else %}t-idle{% endif %}"
                title="{{ why[t.id] }}">önem {{ scores[t.id] }}</span>
          {% endif %}
          <a href="{{ t.url }}" target="_blank" style="color:var(--s1)">@{{ t.handle }} ↗</a>
          {% if t.posted_at %} · {{ t.posted_at|tr }}{% endif %}
          {% if t.match %} · <a href="/match/{{ t.match.id }}" style="color:var(--s1)">{{ t.match.home_team }} - {{ t.match.away_team }}</a>
          {% else %} · <span class="muted">maç eşleşmedi</span>{% endif %}
          {% if t.skipped %} · <span style="color:var(--warning)">atlandı</span>
          {% elif t.used %} · <span style="color:var(--brand)">alıntılandı</span>{% endif %}
        </div>
      </div>
      {% if not t.used %}
      <div style="display:flex;gap:6px;flex-shrink:0">
        <form method="post" action="/sources/tweet/{{ t.id }}/quote">
          <button class="btn btn-p btn-xs">Alıntıla</button></form>
        <form method="post" action="/sources/tweet/{{ t.id }}/skip">
          <button class="btn btn-g btn-xs">Atla</button></form>
      </div>
      {% endif %}
    </div>
    {% endfor %}
    {% else %}
    <p class="empty">Henüz gönderi toplanmadı. "Şimdi tara" ile başlatabilirsin.</p>
    {% endif %}
  </div>
</div>
{% endblock %}