{% extends "admin/admin_base.html" %}

{% block content %}
<div class="container-fluid py-4">
  <div class="d-flex align-items-center justify-content-between mb-4">
    <div>
      <h1 class="h2 fw-bold text-gradient mb-1">🚀 Google SEO & Instant Indexing</h1>
      <p class="text-secondary mb-0">Configurare Google Indexing API, JSON-LD Schema.org & Metadate SEO.</p>
    </div>
    <a href="/admin/plugins" class="btn btn-outline-secondary rounded-pill px-3">
      ← Înapoi la Plugin-uri
    </a>
  </div>

  {% if request.query_params.get("saved") %}
    <div class="alert alert-success alert-dismissible fade show rounded-3 shadow-sm mb-4" role="alert">
      <strong>✅ Salvat cu succes!</strong> Configurația Google SEO a fost actualizată.
      <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
  {% endif %}

  <div class="row g-4">
    <div class="col-lg-7">
      <div class="card border-0 shadow-sm rounded-4 mb-4">
        <div class="card-header bg-body-tertiary border-0 py-3 px-4 rounded-top-4">
          <h5 class="fw-bold mb-0 text-body">🔑 Autentificare Google Service Account</h5>
        </div>
        <div class="card-body p-4">
          {% if is_configured %}
            <div class="alert alert-success d-flex align-items-center gap-3 rounded-3 mb-4">
              <span class="fs-3">✅</span>
              <div>
                <strong>Google Indexing API Conectat!</strong><br/>
                <small class="text-secondary">Service Account Email: <code>{{ sa_email }}</code></small>
              </div>
            </div>
          {% else %}
            <div class="alert alert-warning d-flex align-items-center gap-3 rounded-3 mb-4">
              <span class="fs-3">⚠️</span>
              <div>
                <strong>Google Service Account neconfigurat.</strong><br/>
                <small>Lipește cheia JSON generată în Google Cloud Console pentru a activa indexarea instantanee pe Google.</small>
              </div>
            </div>
          {% endif %}

          <form action="/admin/plugins/google_seo/save" method="POST">
            <div class="mb-4">
              <label class="form-label fw-semibold">Cheie Service Account JSON (Google Cloud Console):</label>
              <textarea name="credentials_json" class="form-control font-monospace text-xs" rows="8" placeholder="Paste your Google Service Account JSON key here...">{{ creds_json }}</textarea>
              <div class="form-text mt-2">
                📌 Descarcă cheia JSON din Google Cloud Console -&gt; Service Accounts și asigură-te că ai adăugat adresa <code>client_email</code> ca Owner / Delegated User în Google Search Console!
              </div>
            </div>

            <div class="mb-4 form-check form-switch">
              <input class="form-check-input" type="checkbox" name="auto_indexing" id="auto_indexing" {% if auto_idx %}checked{% endif %}>
              <label class="form-check-label fw-bold" for="auto_indexing">
                ⚡ Indexare Automată Instantanee pe Google la Publicarea Articolelor
              </label>
              <div class="form-text">Când salvezi sau publici un articol nou, aplicația trimite automat notificarea <code>URL_UPDATED</code> către robotul Google.</div>
            </div>

            <button type="submit" class="btn btn-primary btn-lg fw-bold px-4 rounded-pill">
              💾 Salvează Configurația
            </button>
          </form>
        </div>
      </div>
    </div>

    <div class="col-lg-5">
      <div class="card border-0 shadow-sm rounded-4 mb-4">
        <div class="card-header bg-body-tertiary border-0 py-3 px-4 rounded-top-4">
          <h5 class="fw-bold mb-0 text-body">⚡ Indexare Manuală Rapidă</h5>
        </div>
        <div class="card-body p-4">
          <p class="text-secondary small">Trimiți direct către Google Indexing API orice URL din blogul tău pentru indexare pe loc.</p>
          
          <div class="mb-3">
            <label class="form-label fw-semibold">URL de Indexat pe Google:</label>
            <input type="url" id="manual_url" class="form-control" value="" placeholder="Lipește un URL complet (ex: {{ site_url }}/blog/titlu-articol)" />
          </div>

          <button type="button" id="btn_index_now" onclick="triggerManualIndex()" class="btn btn-success fw-bold w-100 py-2 rounded-pill shadow-sm mb-3">
            🚀 Indexează Acum pe Google
          </button>

          <div id="index_result" class="d-none alert mb-0 rounded-3"></div>
        </div>
      </div>

      <div class="card border-0 shadow-sm rounded-4">
        <div class="card-header bg-body-tertiary border-0 py-3 px-4 rounded-top-4">
          <h5 class="fw-bold mb-0 text-body">📘 Ghid Rapid de Configurare</h5>
        </div>
        <div class="card-body p-4 small text-secondary">
          <ol class="ps-3 mb-0">
            <li class="mb-2">Intri în <strong>Google Cloud Console</strong> și creezi un Service Account cu API-ul <code>Indexing API</code> activat.</li>
            <li class="mb-2">Generezi o cheie JSON și o copiezi în câmpul din stânga.</li>
            <li class="mb-2">Copiezi adresa <code>client_email</code> a Service Account-ului.</li>
            <li class="mb-0">Mergi în <strong>Google Search Console</strong> la domeniul tău -&gt; <em>Settings -&gt; Users and permissions</em> și adaugi adresa ca <strong>Owner</strong>.</li>
          </ol>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
async function triggerManualIndex() {
  const urlInput = document.getElementById("manual_url");
  const resultDiv = document.getElementById("index_result");
  const btn = document.getElementById("btn_index_now");

  const targetUrl = urlInput.value.trim();
  if(!targetUrl) {
    alert("Te rugăm să introduci un URL valid!");
    return;
  }

  btn.disabled = true;
  btn.innerHTML = "⏳ Se trimite către Google...";
  resultDiv.className = "alert d-none";

  try {
    const formData = new FormData();
    formData.append("target_url", targetUrl);

    const resp = await fetch("/admin/plugins/google_seo/index-now", {
      method: "POST",
      body: formData
    });
    const data = await resp.json();

    resultDiv.classList.remove("d-none");
    if(data.success) {
      resultDiv.className = "alert alert-success rounded-3 mt-3 mb-0";
      resultDiv.innerHTML = "<strong>✅ Trimis la Google!</strong><br/><small>Google Indexing API a confirmat primirea cererii.</small>";
    } else {
      resultDiv.className = "alert alert-danger rounded-3 mt-3 mb-0";
      resultDiv.innerHTML = "<strong>❌ Eroare Google:</strong><br/><small>" + (data.error || "A apărut o eroare.") + "</small>";
    }
  } catch(err) {
    resultDiv.classList.remove("d-none");
    resultDiv.className = "alert alert-danger rounded-3 mt-3 mb-0";
    resultDiv.innerHTML = "<strong>❌ Eroare Rețea:</strong> " + err.message;
  } finally {
    btn.disabled = false;
    btn.innerHTML = "🚀 Indexează Acum pe Google";
  }
}
</script>
{% endblock %}