(() => {
  const cfg = window.APP_CONFIG;
  if (!cfg) return;
  const base = cfg.baseURL.replace(/\/$/, '');
  const form = document.getElementById('generator-form');
  if (!form) return;
  const $ = id => document.getElementById(id);
  const presets = {
    // Never assume human/editorial review. It can be legally relevant under
    // Article 50(4) AI Act and must reflect the publisher's actual workflow.
    'no-ai': {extent:'none', activities:'', review:'none'},
    research: {extent:'assisted', activities:'research', review:'none'},
    summary: {extent:'assisted', activities:'summarisation', review:'none'},
    full: {extent:'full', activities:'generation', review:'none'}
  };

  function value(id) {
    const el = $(id);
    return el && !el.disabled ? el.value.trim() : '';
  }

  function setArticleParams(params) {
    params.set('mode', 'article');
    const fields = {
      text: 'article-text',
      coverImage: 'article-cover-image',
      image: 'article-image',
      research: 'article-research',
      translation: 'article-translation',
      code: 'article-code'
    };
    Object.entries(fields).forEach(([name, id]) => {
      params.set(name + 'Extent', $(id).value);
      params.set(name + 'Review', $(`${id}-review`).value);
    });
  }

  function legalCategories() {
    const values = [];
    if ($('legal-deepfake')?.checked) values.push('deepfake');
    if ($('legal-public-interest')?.checked) values.push('publicInterestText');
    if ($('legal-creative')?.checked) values.push('artisticCreativeSatiricalFictional');
    if ($('legal-other-voluntary')?.checked) values.push('otherVoluntary');
    return values;
  }

  function substantiveReview(mode) {
    return mode === 'editorial' || mode === 'expert';
  }

  function legalAssessment(locale, articleMode) {
    const categories = legalCategories();
    const deepfake = categories.includes('deepfake');
    const publicInterest = categories.includes('publicInterestText');
    const creative = categories.includes('artisticCreativeSatiricalFictional');
    if (categories.length === 0) return {text: locale.text.legal_assessment_none, legal: false, badge: locale.text.badge_article || 'Article transparency'};
    if (categories.includes('otherVoluntary')) return {text: locale.text.legal_assessment_voluntary, legal: false, badge: locale.text.badge_article || 'Article transparency'};
    if (deepfake) return {text: creative ? locale.text.legal_assessment_deepfake_creative : locale.text.legal_assessment_deepfake, legal: true, badge: locale.text.badge_legal_disclosure || 'AI-generated / manipulated content'};
    if (publicInterest) {
      const review = articleMode ? $('article-text-review').value : ($('component').value === 'text' ? $('review').value : 'none');
      const hasResponsibility = Boolean(value('responsible'));
      if (substantiveReview(review) && hasResponsibility) return {text: locale.text.legal_assessment_public_exemption, legal: false, badge: locale.text.badge_article || 'Article transparency'};
      return {text: locale.text.legal_assessment_public_required, legal: true, badge: locale.text.badge_public_interest || 'AI-generated / edited content'};
    }
    return {text: locale.text.legal_assessment_voluntary, legal: false, badge: locale.text.badge_article || 'Article transparency'};
  }

  function update(applyPreset = false) {
    const mode = $('declaration-mode').value;
    const articleMode = mode === 'article';
    $('single-fields').hidden = articleMode;
    $('article-fields').hidden = !articleMode;

    const preset = $('preset').value;
    if (!articleMode && applyPreset && presets[preset]) {
      $('extent').value = presets[preset].extent;
      $('activities').value = presets[preset].activities;
      $('review').value = presets[preset].review;
    }

    const lang = $('lang').value;
    const locale = cfg.locales[lang] || cfg.locales.en;
    const assurance = $('assurance').value;
    const assuranceDescription = locale.text[`assurance_${assurance}_description`];
    if ($('assurance-description') && assuranceDescription) {
      $('assurance-description').textContent = assuranceDescription;
    }
    const params = new URLSearchParams();
    if (articleMode) {
      setArticleParams(params);
    } else {
      if (preset) params.set('preset', preset);
      params.set('component', $('component').value);
      params.set('extent', $('extent').value);
      if ($('activities').value.trim()) params.set('activities', $('activities').value.trim());
      params.set('review', $('review').value);
    }
    params.set('lang', lang);
    params.set('assurance', assurance);
    if ($('subject').value.trim()) params.set('subject', $('subject').value.trim());
    if (value('responsible-role')) params.set('responsibleRole', value('responsible-role'));
    if (value('responsible')) params.set('responsible', value('responsible'));
    if (value('responsible-url')) params.set('responsibleUrl', value('responsible-url'));
    const legal = legalCategories();
    if (legal.length) params.set('legalContext', legal.join(','));

    if (cfg.capabilities.custom_text) {
      if (value('custom-title')) params.set('customTitle', value('custom-title'));
      if (value('custom-description')) params.set('customDescription', value('custom-description'));
    }
    if (cfg.capabilities.custom_badge) {
      if (value('badge-label')) params.set('badgeLabel', value('badge-label'));
      if (value('badge-message')) params.set('badgeMessage', value('badge-message'));
      if (value('left-color')) params.set('leftColor', value('left-color'));
      if (value('right-color')) params.set('rightColor', value('right-color'));
    }

    const declarationURL = `${base}/declaration?${params}`;
    const badgeParams = new URLSearchParams(params);
    badgeParams.set('theme', $('theme').value);
    badgeParams.set('link', declarationURL);
    const badgeURL = `${base}/v1/badge.svg?${badgeParams}`;
    const manifestURL = `${base}/v1/declaration.json?${params}`;
    const assessment = legalAssessment(locale, articleMode);
    const alt = assessment.legal
      ? assessment.badge
      : (articleMode
        ? (locale.text.badge_article || 'Article transparency')
        : ((locale.presets[preset] && locale.presets[preset].title) || locale.extents[$('extent').value] || 'AI usage disclosure'));
    if ($('legal-assessment')) {
      $('legal-assessment').innerHTML = `<strong>${locale.text.legal_assessment_heading || 'Article 50 assessment'}</strong><span>${assessment.text || ''}</span>`;
      $('legal-assessment').dataset.level = assessment.legal ? 'attention' : 'info';
    }

    $('preview-badge').src = badgeURL;
    $('preview-badge').alt = alt;
    $('preview-link').href = declarationURL;
    const imageMarkup = `<a href="${declarationURL}"><img src="${badgeURL}" alt="${alt}"></a>`;
    $('html-code').value = assessment.legal && $('theme').value === 'emoji'
      ? `${imageMarkup} <span>${assessment.badge}</span>`
      : imageMarkup;
    $('markdown-code').value = assessment.legal && $('theme').value === 'emoji'
      ? `[![${alt}](${badgeURL})](${declarationURL}) **${assessment.badge}**`
      : `[![${alt}](${badgeURL})](${declarationURL})`;
    $('json-code').value = manifestURL;
  }


  document.querySelectorAll('#article-fields select[data-review]').forEach(extentSelect => {
    extentSelect.addEventListener('change', () => {
      const reviewSelect = $(extentSelect.dataset.review);
      if (!reviewSelect) return;
      if (extentSelect.value === 'none') {
        reviewSelect.value = 'none';
      }
      // For AI-assisted/generated components keep "none" until the publisher
      // explicitly selects the review process that actually took place.
      update(false);
    });
  });

  function alignLegalContextWithContent(changedId) {
    if (changedId === 'legal-deepfake' && $('legal-deepfake')?.checked) {
      if ($('legal-other-voluntary')) $('legal-other-voluntary').checked = false;
      if ($('declaration-mode').value === 'single') {
        if ($('legal-public-interest')?.checked) {
          $('declaration-mode').value = 'article';
        } else if (!['coverImage', 'image', 'audio', 'video'].includes($('component').value)) {
          $('preset').value = '';
          $('component').value = 'image';
          if ($('extent').value === 'none') $('extent').value = 'partial';
        }
      }
    }
    if (changedId === 'legal-public-interest' && $('legal-public-interest')?.checked) {
      if ($('legal-other-voluntary')) $('legal-other-voluntary').checked = false;
      if ($('declaration-mode').value === 'single') {
        if ($('legal-deepfake')?.checked) {
          $('declaration-mode').value = 'article';
        } else {
          $('preset').value = '';
          $('component').value = 'text';
          if ($('extent').value === 'none') $('extent').value = 'partial';
        }
      }
      if ($('declaration-mode').value === 'article' && $('article-text').value === 'none') {
        $('article-text').value = 'partial';
      }
    }
    if (changedId === 'legal-creative' && $('legal-creative')?.checked && $('legal-other-voluntary')) {
      $('legal-other-voluntary').checked = false;
    }
    if ($('declaration-mode').value === 'article' && $('legal-deepfake')?.checked) {
      const media = ['article-cover-image', 'article-image'];
      const hasMedia = media.some(id => $(id)?.value !== 'none');
      if (!hasMedia && $('article-image')) $('article-image').value = 'partial';
    }
  }

  ['legal-deepfake', 'legal-public-interest', 'legal-creative'].forEach(id => {
    $(id)?.addEventListener('change', () => alignLegalContextWithContent(id));
  });
  $('legal-other-voluntary')?.addEventListener('change', () => {
    if (!$('legal-other-voluntary').checked) return;
    ['legal-deepfake', 'legal-public-interest', 'legal-creative'].forEach(id => { if ($(id)) $(id).checked = false; });
  });

  form.addEventListener('input', event => update(event.target.id === 'preset'));
  form.addEventListener('change', event => update(event.target.id === 'preset'));
  document.querySelector('.pro-panel')?.addEventListener('input', () => update(false));
  $('copy-html')?.addEventListener('click', async () => {
    await navigator.clipboard.writeText($('html-code').value);
    const locale = cfg.locales[$('lang').value] || cfg.locales.en;
    $('copy-html').textContent = locale.text.copied || 'Copied';
    setTimeout(() => { $('copy-html').textContent = locale.text.copy_html || 'Copy HTML'; }, 1600);
  });
  $('page-language')?.addEventListener('change', event => {
    const url = new URL(window.location.href);
    url.searchParams.set('lang', event.target.value);
    window.location.href = url.toString();
  });
  update(true);
})();