{% comment %}
SEO Score engine — include at the END of {% block extra_js %} AFTER setting window.SEO_CONFIG.

Required window.SEO_CONFIG:
  title_id          — ID of the main title/name field
  has_image         — bool: object already has a saved image
  image_input_name  — name attr of the file upload input

Optional window.SEO_CONFIG:
  tldr_id           — field ID for TL;DR  (null = skip check)
  tags_id           — field ID for tags    (null = skip check)
  canonical_id      — field ID for canonical URL (null = skip for Europe hreflang check)
  has_faqs          — bool: include "at least one FAQ pair" check
  has_sources       — bool: include "at least one official source" check
  check_image_fn    — custom function() to override default image check
  extra_checks      — array of {label:str, fn:function} appended after base checks

Usage example:
  window.SEO_CONFIG = {
    title_id: 'f_title',
    has_image: true,
    image_input_name: 'thumbnail',
    tldr_id: 'f_tldr',
    tags_id: 'f_tags',
    canonical_id: 'f_canonical',
    has_faqs: true,
    has_sources: true,
    extra_checks: [
      {label:'Author title (E-E-A-T)', fn:function(){ return !!v('f_author_title'); }}
    ]
  };
{% endcomment %}
<script>
(function(){
  var cfg = window.SEO_CONFIG || {};

  /* ── helpers ────────────────────────────────────────── */
  function v(id){ var el=document.getElementById(id); return el?el.value.trim():''; }
  function getRegion(){ var el=document.getElementById('seo_region'); return el?el.value:'global'; }
  function getSeoTitle(){ return v(cfg.title_id||''); }

  function checkImage(){
    if(cfg.check_image_fn) return cfg.check_image_fn();
    if(!cfg.image_input_name) return !!cfg.has_image;
    var inp=document.querySelector('input[name="'+cfg.image_input_name+'"]');
    return (inp&&inp.files&&inp.files.length>0)||!!cfg.has_image;
  }
  function metaTitleOk(){
    var region=getRegion();
    var n=v('seo_meta_title').length;
    return region==='ir' ? (n>=20&&n<=60) : (n>=30&&n<=60);
  }
  function metaDescOk(){ var n=v('seo_meta_desc').length; return n>=50&&n<=160; }

  /* ── region definitions ─────────────────────────────── */
  var REGION={
    global:{
      label:'🌍 Global',
      hint:'English · Google · Bing · GEO (AI Overviews)',
      kwHint:'English keyword — e.g. "web design agency London"',
      checks:[
        {label:'Title filled',                   fn:function(){return !!getSeoTitle();}},
        {label:'Meta title (30–60 chars)',        fn:metaTitleOk},
        {label:'Meta description (50–160 chars)',fn:metaDescOk},
        {label:'Focus keyword set',              fn:function(){return !!v('seo_focus');}},
        {label:'Image uploaded',                 fn:checkImage},
        {label:'TL;DR / GEO summary',           fn:function(){return !cfg.tldr_id||!!v(cfg.tldr_id);}},
        {label:'Tags set',                       fn:function(){return !cfg.tags_id||!!v(cfg.tags_id);}},
      ]
    },
    europe:{
      label:'🇪🇺 Europe',
      hint:'English · Google EU · hreflang · GDPR aware',
      kwHint:'English keyword for European audience',
      checks:[
        {label:'Title filled',                   fn:function(){return !!getSeoTitle();}},
        {label:'Meta title (30–60 chars)',        fn:metaTitleOk},
        {label:'Meta description (50–160 chars)',fn:metaDescOk},
        {label:'Focus keyword set',              fn:function(){return !!v('seo_focus');}},
        {label:'Image uploaded',                 fn:checkImage},
        {label:'Canonical URL (hreflang)',       fn:function(){return !cfg.canonical_id||!!v(cfg.canonical_id);}},
        {label:'TL;DR / GEO summary',           fn:function(){return !cfg.tldr_id||!!v(cfg.tldr_id);}},
        {label:'Tags set',                       fn:function(){return !cfg.tags_id||!!v(cfg.tags_id);}},
      ]
    },
    uk:{
      label:'🇬🇧 United Kingdom',
      hint:'English · Google UK · Bing UK · local schema',
      kwHint:'UK-phrased keyword — e.g. "web design London"',
      checks:[
        {label:'Title filled',                   fn:function(){return !!getSeoTitle();}},
        {label:'Meta title (30–60 chars)',        fn:metaTitleOk},
        {label:'Meta description (50–160 chars)',fn:metaDescOk},
        {label:'Focus keyword (UK phrasing)',    fn:function(){return !!v('seo_focus');}},
        {label:'Image uploaded',                 fn:checkImage},
        {label:'TL;DR / GEO summary',           fn:function(){return !cfg.tldr_id||!!v(cfg.tldr_id);}},
        {label:'Tags set',                       fn:function(){return !cfg.tags_id||!!v(cfg.tags_id);}},
      ]
    },
    ir:{
      label:'🇮🇷 Iran',
      hint:'Persian · Yandex · Parsijoo · Telegram · RTL',
      kwHint:'کلمه کلیدی فارسی — e.g. طراحی سایت حرفه‌ای',
      checks:[
        {label:'Title filled (Persian preferred)', fn:function(){return !!getSeoTitle();}},
        {label:'Meta title (20–60 chars, FA)',     fn:metaTitleOk},
        {label:'Meta description (50–160 chars)',  fn:metaDescOk},
        {label:'Focus keyword — Persian (FA)',     fn:function(){return !!v('seo_focus');}},
        {label:'Image uploaded',                   fn:checkImage},
        {label:'TL;DR for VPN / AI users (GEO)',  fn:function(){return !cfg.tldr_id||!!v(cfg.tldr_id);}},
        {label:'Tags set (Persian)',               fn:function(){return !cfg.tags_id||!!v(cfg.tags_id);}},
      ]
    },
    gcc:{
      label:'🏳️ GCC',
      hint:'Arabic + English · Google · Snap · TikTok · RTL',
      kwHint:'Arabic or English keyword for Gulf — e.g. تصميم مواقع or "web design Dubai"',
      checks:[
        {label:'Title filled',                    fn:function(){return !!getSeoTitle();}},
        {label:'Meta title (30–60 chars)',         fn:metaTitleOk},
        {label:'Meta description (50–160 chars)', fn:metaDescOk},
        {label:'Focus keyword (Arabic or EN)',     fn:function(){return !!v('seo_focus');}},
        {label:'Image uploaded',                  fn:checkImage},
        {label:'TL;DR / GEO summary',            fn:function(){return !cfg.tldr_id||!!v(cfg.tldr_id);}},
        {label:'Tags set',                        fn:function(){return !cfg.tags_id||!!v(cfg.tags_id);}},
      ]
    }
  };

  function getChecks(region){
    var base=(REGION[region]||REGION.global).checks.slice();
    if(cfg.has_faqs)    base.push({label:'At least one FAQ pair (schema)', fn:function(){return document.querySelectorAll('#faqList .faq-pair').length>0;}});
    if(cfg.has_sources) base.push({label:'At least one official source',   fn:function(){return document.querySelectorAll('#sourcesList .source-row').length>0;}});
    if(cfg.extra_checks) cfg.extra_checks.forEach(function(c){base.push(c);});
    return base;
  }

  /* ── score calc ─────────────────────────────────────── */
  window.seoScore=function(){
    var region=getRegion();
    var rc=REGION[region]||REGION.global;
    var checks=getChecks(region);
    var results=checks.map(function(c){return {label:c.label,ok:c.fn()};});
    var passed=results.filter(function(r){return r.ok;}).length;
    var total=results.length;
    var pct=Math.round((passed/total)*100);

    var circle=document.getElementById('seoScoreCircle');
    var lbl=document.getElementById('seoScoreLabel');
    var sub=document.getElementById('seoScoreSub');
    var badge=document.getElementById('seoRegionBadge');
    var list=document.getElementById('seoChecklist');

    if(circle){
      circle.textContent=pct;
      if(pct>=80){circle.style.background='#2e9e5b';lbl.textContent='Excellent';}
      else if(pct>=60){circle.style.background='#e0a72e';lbl.textContent='Good';}
      else{circle.style.background='#d9534f';lbl.textContent='Needs work';}
      sub.textContent=passed+' of '+total+' checks passed';
    }
    if(badge) badge.textContent=rc.label+' · '+rc.hint;
    var kh=document.getElementById('seoKeywordHint');
    if(kh) kh.textContent=rc.kwHint||'';
    if(list) list.innerHTML=results.map(function(r){
      return '<div class="seo-check '+(r.ok?'ok':'bad')+'"><span class="ic"></span><span>'+r.label+'</span></div>';
    }).join('');
  };

  /* ── char counters ──────────────────────────────────── */
  window.seoUpdateMetaTitle=function(){
    var el=document.getElementById('seo_meta_title');
    var n=el?el.value.length:0;
    var ct=document.getElementById('seoMetaTitleCounter');
    if(!ct) return;
    ct.textContent=n+' chars'+(n===0?'':n<30?' — too short':n>60?' — too long':' ✓');
    ct.className='char-counter'+(n===0?'':n<30?' warn':n>60?' bad':' good');
  };
  window.seoUpdateMetaDesc=function(){
    var el=document.getElementById('seo_meta_desc');
    var n=el?el.value.length:0;
    var ct=document.getElementById('seoMetaDescCounter');
    if(!ct) return;
    ct.textContent=n+' chars'+(n===0?'':n<50?' — too short':n>160?' — too long':' ✓');
    ct.className='char-counter'+(n===0?'':n<50?' warn':n>160?' bad':' good');
  };

  /* ── init ───────────────────────────────────────────── */
  seoUpdateMetaTitle();
  seoUpdateMetaDesc();
  seoScore();
})();
</script>