{% extends "base.html" %}
{% block content %}
<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:16px">
  <div>
    <h1>Haberler</h1>
    <p class="sub" style="margin:0">{{ sources|length }} kaynak · yalnız son <b class="dim">{{ window }} dakikanın</b> haberleri paylaşılır</p>
  </div>
  <form method="post" action="/news/refresh"><button class="btn btn-p">↻ Şimdi tara</button></form>
</div>

<div class="card pad" style="margin:16px 0 14px">
  <div class="xs dim" style="margin-bottom:8px">
    <b class="dim">Kaynaklar:</b>
    {% for name, url in sources %}<span class="pill" style="padding:2px 9px;margin-right:4px">{{ name }}</span>{% endfor %}
  </div>
  <div class="xs muted">
    Haber seçildiğinde makalenin <b class="dim">tam metni</b> indirilip DeepSeek'e veriliyor; böylece tweet
    başlığı kopyalamak yerine olayı anlatıyor. Ardından "paylaşmaya değer mi?" kontrolünden geçiyor.
    Haber paylaşımı: {% if s.news_enabled=='true' %}<b style="color:var(--brand)">açık</b>
    {% else %}<b style="color:var(--warning)">kapalı</b>{% endif %} ·
    saatlik tavan <b class="dim">{{ s.news_per_hour }}</b> ·
    <a href="/settings" style="color:var(--s1)">ayarla</a>
  </div>
</div>

<div class="pill-row" style="margin-bottom:16px">
  <a href="/news?f=ok" class="pill {% if f=='ok' %}on{% endif %}">Uygun ({{ counts.ok }})</a>
  <a href="/news?f=sent" class="pill {% if f=='sent' %}on{% endif %}">İşlenmiş ({{ counts.sent }})</a>
  <a href="/news?f=skip" class="pill {% if f=='skip' %}on{% endif %}">Elenen ({{ counts.skip }})</a>
</div>

<div class="card">
  <div class="card-b">
    {% if rows %}
    {% for n in rows %}
    {% set fresh = (n.published_at and n.published_at >= fresh_cut) or (not n.published_at and n.created_at >= fresh_cut) %}
    <div style="display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line-soft)">
      <span class="tag {% if n.score >= 8 %}t-good{% elif n.score >= 4 %}t-info{% else %}t-idle{% endif %}"
            title="alaka puanı" style="min-width:30px;justify-content:center">{{ n.score }}</span>
      <div style="flex:1;min-width:0">
        <a href="{{ n.url }}" target="_blank" style="font-weight:500">{{ n.title }}</a>
        <div class="xs muted" style="margin-top:3px">
          {{ n.source }} · {{ n.category }}
          {% if n.published_at %} · {{ n.published_at|tr }}{% else %} · yayın saati yok{% endif %}
          {% if fresh %} · <span style="color:var(--brand)">taze</span>
          {% else %} · <span style="color:var(--ink-3)">pencere dışı</span>{% endif %}
          {% if n.tweeted %} · <span style="color:var(--s1)">işlendi</span>{% endif %}
          {% if n.full_text %} · <span class="muted">tam metin var ({{ n.full_text|length }} krkt)</span>{% endif %}
        </div>
      </div>
      {% if not n.tweeted %}
      <form method="post" action="/news/{{ n.id }}/tweet">
        <button class="btn btn-g btn-xs">Tweet'e çevir</button>
      </form>
      {% endif %}
    </div>
    {% endfor %}
    {% else %}
    <p class="empty">Bu filtrede haber yok. "Şimdi tara" ile kaynakları yoklayabilirsin.</p>
    {% endif %}
  </div>
</div>
{% endblock %}