{% extends "base.html" %}
{% block content %}
<h1>Ayarlar</h1>
<p class="sub">Her ayarın ne yaptığı yanında yazıyor</p>

{% if request.query_params.get('saved') %}
<div class="card pad" style="margin-bottom:14px;border-color:#1d4a33">
  <span class="tag t-good">✓</span> <span class="xs dim">Ayarlar kaydedildi.</span>
</div>
{% endif %}

<form method="post" action="/settings">

<!-- ---------- Otomasyon ---------- -->
<div class="card" style="margin-bottom:14px">
  <div class="card-h"><h2>Otomasyon</h2></div>
  <div class="card-b">
    <div class="grid g2">
      <div class="field">
        <label>Ana paylaşım anahtarı</label>
        <select name="posting_enabled">
          <option value="false" {% if s.posting_enabled!='true' %}selected{% endif %}>Kapalı — güvenli mod</option>
          <option value="true" {% if s.posting_enabled=='true' %}selected{% endif %}>Açık — bot tweet atabilir</option>
        </select>
        <div class="hint">Kapalıyken veri toplama ve içerik üretimi sürer, sadece gönderim durur.</div>
      </div>
      <div class="field">
        <label>Çalışma modu</label>
        <select name="automation_mode">
          <option value="auto" {% if s.automation_mode=='auto' %}selected{% endif %}>Tam otomatik — kendiliğinden gönder</option>
          <option value="approval" {% if s.automation_mode=='approval' %}selected{% endif %}>Onaylı — kuyrukta bekle, ben onaylayayım</option>
        </select>
        <div class="hint">Onaylı modda tweetler kuyrukta bekler; sen "Onayla" demeden gitmez.</div>
      </div>
    </div>
  </div>
</div>

<!-- ---------- İçerik motoru ---------- -->
<div class="card" style="margin-bottom:14px">
  <div class="card-h"><h2>İçerik motoru</h2></div>
  <div class="card-b">
    <div class="grid g2">
      <div class="field">
        <label>Motor</label>
        <select name="content_engine">
          <option value="deepseek" {% if s.content_engine=='deepseek' %}selected{% endif %}>DeepSeek V4 Flash (önerilen)</option>
          <option value="template" {% if s.content_engine=='template' %}selected{% endif %}>Sadece şablon — LLM kapalı</option>
        </select>
        <div class="hint">Şablon modunda ücretsiz çalışır ama metin çeşitliliği sınırlıdır.
          <a href="/templates" style="color:var(--s1)">Şablonları gör →</a></div>
      </div>
      <div class="field">
        <label>DeepSeek API anahtarı
          {% if has_key %}<span style="color:var(--brand)">— kayıtlı: {{ deepseek_masked }}</span>{% endif %}</label>
        <input type="password" name="deepseek_api_key" autocomplete="off"
               placeholder="{% if has_key %}Değiştirmek için yeni anahtar gir{% else %}sk-…{% endif %}">
        <div class="hint">Şifreli saklanır. Boş bırakırsan mevcut anahtar korunur.</div>
      </div>
    </div>
    <div class="field">
      <label>Ton / üslup talimatı (sistem promptu)</label>
      <textarea name="tone_prompt" rows="3">{{ s.tone_prompt }}</textarea>
      <div class="hint">Bu metin sabit tutulduğu için DeepSeek önbelleği devreye girer ve maliyet ~50× düşer.
        Sık değiştirme.</div>
    </div>
  </div>
</div>

<!-- ---------- Görseller ---------- -->
<div class="card" style="margin-bottom:14px">
  <div class="card-h"><h2>Görsel üretimi (Wiro.ai)</h2></div>
  <div class="card-b">
    <div class="grid g2">
      <div class="field">
        <label>Görsel kartlar</label>
        <select name="images_enabled">
          <option value="true" {% if s.images_enabled=='true' %}selected{% endif %}>Açık</option>
          <option value="false" {% if s.images_enabled!='true' %}selected{% endif %}>Kapalı — sadece metin</option>
        </select>
      </div>
      <div class="field">
        <label>Günlük görsel tavanı</label>
        <input name="images_per_day" value="{{ s.images_per_day }}">
      </div>
    </div>
    <div class="field">
      <label>Wiro API anahtarı
        {% if s.wiro_api_key %}<span style="color:var(--brand)">— kayıtlı</span>{% endif %}</label>
      <input type="password" name="wiro_api_key" autocomplete="off"
             placeholder="{% if s.wiro_api_key %}Değiştirmek için yeni anahtar gir{% else %}anahtar{% endif %}">
    </div>
    <div class="hint">
      Maç önü / devre arası / maç sonu tweetlerine takım renklerinde kart görseli eklenir
      (üretim ~80 sn; görsel gecikirse tweet metin olarak gider). Goller görselsizdir —
      hız öncelikli.
    </div>
  </div>
</div>

<!-- ---------- Haberler ---------- -->
<div class="card" style="margin-bottom:14px">
  <div class="card-h"><h2>Haber paylaşımı</h2></div>
  <div class="card-b">
    <div class="grid g2">
      <div class="field">
        <label>Haber tweetleri</label>
        <select name="news_enabled">
          <option value="true" {% if s.news_enabled=='true' %}selected{% endif %}>Açık</option>
          <option value="false" {% if s.news_enabled!='true' %}selected{% endif %}>Kapalı — sadece maç içeriği</option>
        </select>
      </div>
      <div class="field">
        <label>Saatlik haber tavanı</label>
        <input name="news_per_hour" value="{{ s.news_per_hour }}">
        <div class="hint">Zaman çizelgesi haberle dolmasın diye sınır.</div>
      </div>
    </div>
    <div class="hint">6 Türk spor kaynağı 20 dk'da bir taranır; yalnız son 30 dakikanın haberleri paylaşılır.
      <a href="/news" style="color:var(--s1)">Haberleri gör →</a></div>
  </div>
</div>

<!-- ---------- Alıntılar ---------- -->
<div class="card" style="margin-bottom:14px">
  <div class="card-h"><h2>İzlenen hesap alıntıları</h2></div>
  <div class="card-b">
    <div class="grid g2">
      <div class="field">
        <label>Alıntı paylaşımı</label>
        <select name="sources_enabled">
          <option value="true" {% if s.sources_enabled=='true' %}selected{% endif %}>Açık</option>
          <option value="false" {% if s.sources_enabled!='true' %}selected{% endif %}>Kapalı</option>
        </select>
      </div>
      <div class="field">
        <label>Saatlik alıntı tavanı</label>
        <input name="quotes_per_hour" value="{{ s.quotes_per_hour }}">
      </div>
    </div>
    <div class="hint">
      Resmi yayıncı gibi hesapların gönderileri 3 dk'da bir taranır. Gönderi <b class="dim">alıntılanır</b>
      (video kaynağın hesabından oynar, telif sorunu doğmaz); üstüne DeepSeek kendi yorumunu yazar.
      Hangi hesabın otomatik alıntılanacağını <a href="/sources" style="color:var(--s1)">İzlenen Hesaplar</a>
      sayfasından seçersin — varsayılan olarak hepsi elle onaya düşer.
    </div>
  </div>
</div>

<!-- ---------- Hacim ---------- -->
<div class="card" style="margin-bottom:14px">
  <div class="card-h"><h2>Hacim ve tempo</h2></div>
  <div class="card-b">
    <div class="grid g2">
      <div class="field">
        <label>Günlük tavan (hesap başına)</label>
        <input name="daily_post_cap" value="{{ s.daily_post_cap }}">
        <div class="hint">Güvenlik freni. Yükseldikçe hesap daha görünür olur, ban riski artar.</div>
      </div>
      <div class="field">
        <label>Akıllı bütçe planlaması</label>
        <select name="budget_enabled">
          <option value="true" {% if s.budget_enabled=='true' %}selected{% endif %}>Açık — kapsamı otomatik ayarla</option>
          <option value="false" {% if s.budget_enabled!='true' %}selected{% endif %}>Kapalı — ligler sabit kalsın</option>
        </select>
        <div class="hint">Bütçe yetmezse alt ligleri hafifletir; tavanı asla artırmaz.
          <a href="/budget" style="color:var(--s1)">Planı gör →</a></div>
      </div>
    </div>
    <div class="grid g4">
      <div class="field"><label>Aktif saat başlangıç</label><input name="active_hours_start" value="{{ s.active_hours_start }}"></div>
      <div class="field"><label>Aktif saat bitiş</label><input name="active_hours_end" value="{{ s.active_hours_end }}"></div>
      <div class="field"><label>Ana akış min (sn)</label><input name="min_gap_seconds" value="{{ s.min_gap_seconds }}"></div>
      <div class="field"><label>Ana akış maks (sn)</label><input name="max_gap_seconds" value="{{ s.max_gap_seconds }}"></div>
      <div class="field"><label>Thread yanıtı min (sn)</label><input name="reply_min_gap_seconds" value="{{ s.reply_min_gap_seconds }}"></div>
      <div class="field"><label>Thread yanıtı maks (sn)</label><input name="reply_max_gap_seconds" value="{{ s.reply_max_gap_seconds }}"></div>
    </div>
    <div class="hint">
      Tweetler arasında bu aralıkta rastgele bekleme uygulanır (bot gibi görünmemek için).
      <b class="dim">Thread yanıtları</b> takipçi akışını doldurmadığı için çok daha hızlı gidebilir —
      canlı maçta gol 6 dakika sonra tweet'lenirse değerini kaybeder.
      Mevcut ayarla: ana akış ~{{ (3600 / ((s.min_gap_seconds|int + s.max_gap_seconds|int)/2 + 7.5))|round|int }} tweet/saat,
      thread ~{{ (3600 / ((s.reply_min_gap_seconds|int + s.reply_max_gap_seconds|int)/2 + 7.5))|round|int }} tweet/saat.
    </div>
  </div>
</div>

<button class="btn btn-p">Ayarları kaydet</button>
</form>
{% endblock %}