{% extends "_panel.html" %}
{% block title %}Ücretsiz GEO kontrolü{% endblock %}
{% block content %}
<header class="top">
  <h1>Ücretsiz GEO kontrolü</h1>
  <span class="muted">Siteyi yazın — ~40 saniyede yapay zekâ cevap motorlarına ne kadar hazır olduğunuzu görün</span>
</header>

<div class="card">
  <form class="audit" method="get" action="/lead" onsubmit="return runAudit(event)">
    <label style="grid-column: 1 / -1">Site adresi
      <input id="url" name="url" placeholder="ornek.com" required>
    </label>
    <div><button type="submit" id="btn">Kontrol et</button></div>
  </form>
  <p class="muted small" style="margin-bottom:0">10 sayfa taranır · PageSpeed ve Google verisi olmadan · sonucu e-postayla da alabilirsiniz</p>
</div>

<div id="status" class="alert" style="display:none"></div>

<div id="result" style="display:none">
  <div class="grid scores" style="margin-top:18px">
    <div class="card score">
      <div>
        <div class="label">Genel not</div>
        <div class="kpi"><span class="v" id="r-grade">—</span></div>
      </div>
    </div>
    <div class="card score"><div><div class="label">SEO skoru</div><div class="kpi"><span class="v" id="r-seo">—</span></div></div></div>
    <div class="card score"><div><div class="label">GEO skoru</div><div class="kpi"><span class="v" id="r-geo">—</span></div></div></div>
    <div class="card score"><div><div class="label">AI bot erişimi</div><div class="kpi"><span class="v" id="r-bots">—</span></div></div></div>
  </div>

  <div class="card" style="margin-top:12px">
    <h3>Değerlendirme</h3>
    <p id="r-summary" style="margin:4px 0"></p>
  </div>

  <div class="card" style="margin-top:12px">
    <h3>Hemen yapabilecekleriniz (ilk 3 hızlı kazanç)</h3>
    <ol id="r-wins" style="margin:8px 0 0;padding-left:20px;line-height:1.8"></ol>
  </div>

  <div class="alert" style="margin-top:16px">
    <b>Tam raporu ister misiniz?</b> 50 sayfalık derin analiz, aksiyon planı ve PDF raporla
    birlikte bizden alın: <a href="#" id="r-report">tam raporu görüntüle</a> ·
    <a href="/contact-replace">iletişime geçin</a>
  </div>
</div>

<script>
async function runAudit(event) {
  event.preventDefault();
  const url = document.getElementById("url").value.trim();
  if (!url) return false;
  const status = document.getElementById("status");
  const btn = document.getElementById("btn");
  status.style.display = "block";
  status.textContent = "Taranıyor… ~40 saniye sürer, sayfayı kapatmayın.";
  btn.disabled = true;
  try {
    const resp = await fetch("/api/lead-audit", {
      method: "POST",
      headers: {"Content-Type": "application/json"},
      body: JSON.stringify({url: url, max_pages: 10}),
    });
    const data = await resp.json();
    if (!resp.ok) {
      status.textContent = "Hata: " + (data.error || resp.status);
      return false;
    }
    status.style.display = "none";
    document.getElementById("result").style.display = "block";
    document.getElementById("r-grade").textContent = data.grade || "—";
    document.getElementById("r-seo").textContent = data.scores?.seo ?? "—";
    document.getElementById("r-geo").textContent = data.scores?.geo ?? "—";
    document.getElementById("r-bots").textContent = data.ai_bots ? (data.ai_bots.allowed + "/" + data.ai_bots.total) : "—";
    document.getElementById("r-summary").textContent = data.summary || "";
    const wins = document.getElementById("r-wins");
    wins.innerHTML = "";
    (data.quick_wins || []).forEach(w => {
      const li = document.createElement("li");
      li.textContent = w.title + " (" + w.effort + " efor, " + w.affected + ")";
      wins.appendChild(li);
    });
    if (data.report_url) document.getElementById("r-report").href = data.report_url;
    document.getElementById("result").scrollIntoView({behavior: "smooth"});
  } catch (err) {
    status.textContent = "Bağlantı hatası: " + err;
  } finally {
    btn.disabled = false;
  }
  return false;
}
</script>
{% endblock %}