<?php
/**
 * admin/settings-pro.php: License & AI service management for the A11yBridge plugin
 */

// Security check: prevent direct access
if (!defined('ABSPATH')) {
    exit;
}

require_once dirname(plugin_dir_path(__FILE__)).'/includes/class-a11ybridge-license.php';
require_once dirname(plugin_dir_path(__FILE__)).'/includes/sanitize.php';

function a11ybridge_register_pro_settings() {
    register_setting('a11ybridge_pro_settings_group', 'a11ybridge_pro_license_settings', array('type' => 'array', 'sanitize_callback' => 'a11ybridge_sanitize_option_array'));
}

// Render directly
if (is_admin()) {
    $a11ybridge_page_raw = filter_input(INPUT_GET, 'page', FILTER_UNSAFE_RAW);
    $a11ybridge_page = is_string($a11ybridge_page_raw) ? sanitize_key(wp_unslash($a11ybridge_page_raw)) : '';
    if ($a11ybridge_page === 'a11ybridge-settings') {
        a11ybridge_show_pro_settings();
    }
}

function a11ybridge_show_pro_settings() {
    
    // 1) Load local license options
    $opt = get_option('a11ybridge_pro_license_settings', []);
    if (!is_array($opt)) {
        $opt = [];
    }

     // Cloud consent (opt-in)
    $cloud = get_option('a11ybridge_cloud_settings', []);
    if (!is_array($cloud)) {
        $cloud = [];
    }
    $cloud_enabled   = !empty($cloud['enabled']);
    $telemetry_optin = !empty($cloud['telemetry']);

    // Current domain
    $site_url = site_url();
    $domain   = wp_parse_url($site_url, PHP_URL_HOST) ?: $site_url;

    $license_hash = $opt['license_hash'] ?? '';
    $license_hint = $opt['license_hint'] ?? '';
    $plan_long    = $opt['plan'] ?? 'free';
    $license_api  = new A11YB_License_API();
    $plan         = $license_api->shorten_plan($plan_long) ?? 'free';
    $bound_domain = $opt['bound_domain'] ?? '';

    // Fetch remote quota/status only after explicit opt-in (or if a paid license is present).
    if (class_exists('A11YB_License_API')) {
        try {
            if (function_exists('a11ybridge_cloud_opted_in') ? a11ybridge_cloud_opted_in() : false) {
                A11YB_License_API::refresh_status_and_options(['screen' => 'admin_pro_tab']);
            }
        } catch (\Throwable $e) {
            // ignore
        }
    }

    // "active" = hash + some bound domain according to backend
    $has_hash = !empty($license_hash) && !empty($bound_domain);

/**
 * ------------------------------------------------------------
 * Context / Variables
 * ------------------------------------------------------------
 */

// $site_url     = site_url();
// $domain       = wp_parse_url($site_url, PHP_URL_HOST) ?: $site_url;

$wp_version   = get_bloginfo('version');
$admin_email  = get_option('admin_email');
$nonce        = wp_create_nonce('wp_rest'); // for X-WP-Nonce header (WP REST)


// Global MVP counters (replace these option keys later with real sources)
$plan_level     = $plan; // free|paid|unknown

$reset_ts = (int) get_option('a11yb_next_update_at_ts', 0);
if (!$reset_ts) {
    $reset_ts = (int) get_option('a11yb_reset_date_ts', 0);
}

// Canonical: limit by plan, remaining from backend mirror option
// Plan limits are provided by the license backend and stored locally as options.
$monthly_limit = (int) get_option('a11yb_monthly_limit', 100);
if ($monthly_limit <= 0) {
    $monthly_limit = 100;
}

$remaining_opt = get_option('a11yb_ai_credits_remaining', null);
$remaining = ($remaining_opt !== null && $remaining_opt !== '') ? max(0, (int) $remaining_opt) : null;

// If remaining is missing, fall back to stored used
if ($remaining === null) {
    $monthly_used = max(0, (int) a11yb_get_option('a11yb_monthly_used', 0));
    $remaining    = max(0, $monthly_limit - $monthly_used);
} else {
    // top-up safety
    if ($remaining > $monthly_limit) {
        $monthly_limit = $remaining;
        $monthly_used  = 0;
    } else {
        $monthly_used = max(0, $monthly_limit - $remaining);
    }
}


$progress      = $monthly_limit > 0 ? round(($monthly_used / $monthly_limit) * 100, 1) : 0.0;

// Reset date formatted
$reset_str = $reset_ts
    ? esc_html(wp_date(get_option('date_format') . ' ' . get_option('time_format'), $reset_ts))
    : '';

// Endpoints (can be overridden via filter or data-* attributes)
if (function_exists('a11ybridge_backend_rest_url')) {
    $endpoint_activate = a11ybridge_backend_rest_url('/license/activate');
    $endpoint_status   = a11ybridge_backend_rest_url('/license/status');
} else {
    $endpoint_activate = 'https://a11ybridge.de/wp-json/a11ybridge/v1/license/activate';
    $endpoint_status   = 'https://a11ybridge.de/wp-json/a11ybridge/v1/license/status';
}

// Labels
$plan_label = a11yb_plan_label($plan_level);
// WP.org note: keep the admin UI focused on managing the optional AI service.
// External account/billing links can be enabled by site owners via a filter.
$show_account_links = (bool) apply_filters('a11ybridge_show_account_links', false);
    ?>
    
    <form method="post" action="options.php">
        <?php settings_fields('a11ybridge_pro_settings_group'); ?>

        <div class="wrap a11ybridge-pro-tab" id="a11ybridge-pro-tab"
             data-endpoint-activate=""
             data-endpoint-status=""
             data-license-hash="<?php echo esc_attr($license_hash); ?>"
             data-domain="<?php echo esc_attr($bound_domain ?: $domain); ?>">

          <h1><?php esc_html_e('A11yBridge - License & AI services', 'a11ybridge'); // DE: 'A11yBridge - Lizenz & KI-Dienste' ?></h1>

          <!-- =========================
           Cloud connection (opt-in)
               ========================= -->
          <div class="a11y-settings-section" style="border-left: 4px solid #2271b1;">
            <h2><?php esc_html_e('Cloud connection (optional)', 'a11ybridge'); ?></h2>
            <p class="description">
              <?php esc_html_e('A11yBridge can optionally connect to A11yBridge cloud services for AI features and quota/licensing. For WP.org compliance, no external requests are made until you enable cloud services (or activate a license).', 'a11ybridge'); ?>
            </p>

            <label style="display:block; margin: 8px 0;">
              <input type="hidden" name="a11ybridge_cloud_settings[enabled]" value="0" />
              <input type="checkbox" id="a11ybridge-cloud-enabled" name="a11ybridge_cloud_settings[enabled]" value="1" <?php checked($cloud_enabled); ?> />
              <?php esc_html_e('Enable cloud services for this site', 'a11ybridge'); ?>
            </label>

            <label style="display:block; margin: 8px 0;">
              <input type="hidden" name="a11ybridge_cloud_settings[telemetry]" value="0" />
              <input type="checkbox" id="a11ybridge-cloud-telemetry" name="a11ybridge_cloud_settings[telemetry]" value="1" <?php checked($telemetry_optin); ?> />
              <?php esc_html_e('Share anonymous diagnostics (optional)', 'a11ybridge'); ?>
            </label>

            <div id="a11ybridge-cloud-save-status" class="description" style="display:none; margin-top: 8px;"></div>

            <?php if (!$cloud_enabled && empty($license_hash)): ?>
              <p class="description" style="margin-top: 8px; color:#8a2424;">
                <?php esc_html_e('Cloud services are currently disabled. AI features that require external processing will not be available until you enable cloud services.', 'a11ybridge'); ?>
              </p>
            <?php endif; ?>
          </div>

          <?php
// Auto-save cloud consent toggles (no submit button on this tab).
ob_start();
?>
(function(){
  const enabledCb   = document.getElementById('a11ybridge-cloud-enabled');
  const telemetryCb = document.getElementById('a11ybridge-cloud-telemetry');
  const statusEl    = document.getElementById('a11ybridge-cloud-save-status');
  if (!enabledCb || !telemetryCb || !statusEl) return;

  const ajaxUrl = (window.A11YBRIDGE_ADMIN && window.A11YBRIDGE_ADMIN.ajaxUrl) ? window.A11YBRIDGE_ADMIN.ajaxUrl : '';
  const nonce   = (window.A11YBRIDGE_ADMIN && window.A11YBRIDGE_ADMIN.noncePro) ? window.A11YBRIDGE_ADMIN.noncePro : '';
  if (!ajaxUrl || !nonce) return;

  function setStatus(msg, isOk){
    if (!statusEl) return;
    statusEl.style.display = 'block';
    statusEl.style.color = isOk ? '#0f5132' : '#8a2424';
    statusEl.textContent = msg;
    clearTimeout(setStatus._t);
    setStatus._t = setTimeout(()=>{ statusEl.style.display='none'; }, 2500);
  }

  function syncTelemetryEnabledState(){
    const cloudEnabled = !!enabledCb.checked;
    telemetryCb.disabled = !cloudEnabled;
    if (!cloudEnabled && telemetryCb.checked){
      telemetryCb.checked = false;
    }
  }

  async function save(){
    syncTelemetryEnabledState();

    const enabled   = enabledCb.checked ? 1 : 0;
    const telemetry = (!telemetryCb.disabled && telemetryCb.checked) ? 1 : 0;
    const body = new URLSearchParams();
    body.set('action', 'a11ybridge_save_cloud_settings');
    body.set('nonce', nonce);
    body.set('enabled', String(enabled));
    body.set('telemetry', String(telemetry));

    try{
      const res = await fetch(ajaxUrl, {
        method: 'POST',
        headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'},
        body: body.toString(),
        credentials: 'same-origin'
      });
      const data = await res.json().catch(()=>null);
      if (!res.ok || !data || !data.success){
        const msg = (data && data.data && (data.data.message || data.data.msg)) ? (data.data.message || data.data.msg) : 'Save failed.';
        setStatus(msg, false);
        return;
      }
      // normalize server response
      if (typeof data.data?.enabled !== 'undefined'){
        enabledCb.checked = !!data.data.enabled;
      }
      if (typeof data.data?.telemetry !== 'undefined'){
        telemetryCb.checked = !!data.data.telemetry;
      }
      syncTelemetryEnabledState();
      setStatus('Saved.', true);
    } catch(e){
      setStatus('Save failed (network).', false);
    }
  }

  enabledCb.addEventListener('change', save);
  telemetryCb.addEventListener('change', save);
  syncTelemetryEnabledState();
})();
<?php
$__js = ob_get_clean();
wp_add_inline_script('a11ybridge-admin-inline', $__js, 'after');
?>

<!-- =========================
               Section 1: Overall statistics
               ========================= -->
          <div class="a11y-settings-section">
            <?php // DE: 'Gesamtstatistik KI-Aktionen' ?>
            <h2><?php esc_html_e('Overall statistics of AI actions', 'a11ybridge'); ?></h2>
            <p class="description">
              <?php
              // DE: 'Für das MVP werden alle KI-Aktionen als ein gemeinsamer Zähler geführt. Detaillierte Aufschlüsselungen (Alt-Texte, Einfache Sprache, Voice) folgen in Phase 2.'
              // esc_html_e(
              //    'For the MVP, all AI actions are tracked in a single global counter. Detailed breakdowns (alt texts, text simplification, voice) will follow in phase 2.',
              //    'a11ybridge'
              //);
              ?>
            </p>

            <div class="a11yb-stats-grid">
              <div class="a11yb-stat">
                <?php // DE: 'Plan' ?>
                <div class="a11yb-stat-label"><?php esc_html_e('Subscription', 'a11ybridge'); ?></div>
                <div class="a11yb-stat-value"><?php echo esc_html($plan_label); ?></div>
              </div>
              <div class="a11yb-stat">
                <?php // DE: 'Verfügbar (Monat)' ?>
                <div class="a11yb-stat-label"><?php esc_html_e('Available (per month)', 'a11ybridge'); ?></div>
                <div class="a11yb-stat-value"><?php echo esc_html(number_format_i18n($monthly_limit)); ?></div>
              </div>
              <div class="a11yb-stat">
                <?php // DE: 'Verbraucht' ?>
                <div class="a11yb-stat-label"><?php esc_html_e('Used', 'a11ybridge'); ?></div>
                <div class="a11yb-stat-value"><?php echo esc_html(number_format_i18n($monthly_used)); ?></div>
              </div>
              <div class="a11yb-stat">
                <?php // DE: 'Rest' ?>
                <div class="a11yb-stat-label"><?php esc_html_e('Remaining', 'a11ybridge'); ?></div>
                <div class="a11yb-stat-value"><?php echo esc_html(number_format_i18n($remaining)); ?></div>
              </div>
            </div>

            <div class="a11yb-progress" aria-label="<?php esc_attr_e('Usage progress', 'a11ybridge'); // DE: 'Nutzungsfortschritt' ?>">
              <div class="a11yb-progress-bar" style="width: <?php echo esc_attr($progress); ?>%;"></div>
            </div>
            <div class="a11yb-progress-meta">
              <?php
              printf(
                /* translators: 1: used, 2: limit, 3: percent */
                esc_html__('%1$s of %2$s actions used (%3$s%%)', 'a11ybridge'),
                esc_html(number_format_i18n($monthly_used)),
                esc_html(number_format_i18n($monthly_limit)),
                esc_html($progress)
              );
              ?>
              <?php if ($reset_str): ?>
                &nbsp;·&nbsp;<span class="a11yb-reset-info">
                    <?php
                    // DE: 'Reset am %s'
                    /* translators: %s: reset date */
                    printf(esc_html__('Reset on %s', 'a11ybridge'), esc_html($reset_str));
                    ?>
                </span>
              <?php endif; ?>
            </div>
          </div>

        <!-- Current license status -->
        <div class="a11y-settings-section">
            <?php // DE: '💎 Ihr aktueller Plan' ?>
            <h3><?php esc_html_e('💎 Your subscription', 'a11ybridge'); ?></h3>
            <p>
                <?php
                // DE: 'Verwalten Sie Ihre Lizenz für optionale KI-Dienste.'
                esc_html_e('Manage your license for optional AI services and view accounts links or quota/usage.', 'a11ybridge');
                ?>
            </p>

            <?php if ($show_account_links && ($cloud_enabled || !empty($license_hash))): ?>
            <p class="description" style="margin: 12px 0;">
                <?php esc_html_e('Need more AI quota? Manage your subscription in your account dashboard.', 'a11ybridge'); ?>
                <a href="https://a11ybridge.de/my-dashboard" target="_blank" rel="noopener noreferrer">
                    <?php esc_html_e('Open account dashboard', 'a11ybridge'); ?>
                </a>
            </p>
            <?php endif; ?>
        </div>

        <!-- License key status -->
        <div class="a11y-settings-section" style="background: #d1edff; border: 1px solid #0073aa; border-radius: 6px; padding: 15px; margin-bottom: 20px;">
            <?php // DE: '🔑 Lizenzschlüssel' ?>
            <h2><?php esc_html_e('🔑 License key', 'a11ybridge'); ?></h2>

            <?php if ($has_hash): ?>
                <p>
                    <strong><?php esc_html_e('Status:', 'a11ybridge'); // DE: 'Status:' ?></strong>
                    <?php esc_html_e('Activated', 'a11ybridge'); // DE: 'Aktiviert' ?>
                </p>
                <p>
                    <strong><?php esc_html_e('License (masked):', 'a11ybridge'); // DE: 'Lizenz (Maskiert):' ?></strong>
                    <?php echo esc_html($license_hint); ?>
                </p>
                <p>
                    <strong><?php esc_html_e('Subscription:', 'a11ybridge'); // DE: 'Abonnement:' ?></strong>
                    <?php echo esc_html($plan); ?>
                </p>
                <p>
                    <strong><?php esc_html_e('Bound domain:', 'a11ybridge'); // DE: 'Gebundene Domain:' ?></strong>
                    <?php echo esc_html($bound_domain); ?>
                </p>
                <?php
                $lic_status  = strtolower(trim((string) get_option('a11yb_license_status', '')));
                $expires_ts = (int) get_option('a11yb_license_expires_at_ts', 0);
                $now_ts     = time();

                $has_date  = ($expires_ts > 0);
                $in_future = ($has_date && $expires_ts > $now_ts);

                $expires_str = $has_date
                    ? wp_date(get_option('date_format') . ' ' . get_option('time_format'), $expires_ts)
                    : '';


                $is_active  = ($lic_status === 'active');
                $is_cancel  = in_array($lic_status, ['cancelled','canceled'], true);

                $mode = 'unknown';
                if ($has_date) {
                    if ($is_cancel && $in_future)        $mode = 'cancelled_valid';
                    elseif ($is_cancel && !$in_future)   $mode = 'expired';
                    elseif ($is_active && $in_future)    $mode = 'active';
                    elseif ($is_active && !$in_future)   $mode = 'unpaid';
                }

                // Human output
                $status_line = '';
                switch ($mode) {
                    case 'cancelled_valid':
                        /* translators: %s: date */
                        $status_line = sprintf(__('Cancelled, valid until %s', 'a11ybridge'), $expires_str);
                        break;
                    case 'active':
                        /* translators: %s: date */
                        $status_line = sprintf(__('Active, updates on %s', 'a11ybridge'), $expires_str);
                        break;
                    case 'expired':
                        /* translators: %s: date */
                        $status_line = sprintf(__('Expired on %s', 'a11ybridge'), $expires_str);
                        break;
                    case 'unpaid':
                        /* translators: %s: date */
                        $status_line = sprintf(__('Unpaid since %s', 'a11ybridge'), $expires_str);
                        break;
                    default:
                        // fallback if no expires date
                        if ($is_active)      $status_line = __('Active', 'a11ybridge');
                        elseif ($is_cancel)  $status_line = __('Cancelled', 'a11ybridge');
                        else                 $status_line = __('Unknown', 'a11ybridge');
                        break;
                }
                ?>
                <p>
                  <strong><?php esc_html_e('Subscription:', 'a11ybridge'); ?></strong>
                  <?php echo esc_html($status_line); ?>
                </p>

                <button id="ab-rebind" class="button">
                    <?php esc_html_e('Re-bind domain', 'a11ybridge'); // DE: 'Domain neu binden' ?>
                </button>
            <?php else: ?>
                <p>
                    <?php
                    // DE: 'Bitte gib deinen Lizenzschlüssel ein, um optionale KI-Dienste zu verbinden. Der Schlüssel wird <em>einmalig</em> an a11ybridge.de übertragen; lokal speichern wir ausschließlich den Hash.'
                    esc_html_e(
                        'Please enter your license key to connect optional AI services. The key is sent to a11ybridge.de exactly once in plain text; locally only the hash is stored.',
                        'a11ybridge'
                    );
                    ?>
                </p>
                <input type="password" id="ab-license-input" style="width:420px"
                       placeholder="<?php esc_attr_e('e.g. a11y_xxx...', 'a11ybridge'); // DE: 'z.B. a11y_xxx...' ?>">
                <button id="ab-activate" class="button button-primary">
                    <?php esc_html_e('Activate license', 'a11ybridge'); // DE: 'Lizenz aktivieren' ?>
                </button>
            <?php endif; ?>

            <?php if ($has_hash && !empty($bound_domain)): ?>
                <?php // DE: 'Domainbindung' ?>
                <h3><?php esc_html_e('Domain binding', 'a11ybridge'); ?></h3>
                <p>
                    <code><?php echo esc_html($bound_domain); ?></code>
                    <button id="ab-unbind-domain"
                            class="button"
                            data-domain="<?php echo esc_attr($bound_domain); ?>"
                            data-license-hash="<?php echo esc_attr($opt['license_hash'] ?? ''); ?>">
                        <?php
                        // DE: 'Domain von Lizenz trennen'
                        esc_html_e('Unbind domain from license', 'a11ybridge');
                        ?>
                    </button>
                </p>

                <?php
// Inline JS moved to wp_add_inline_script for WP.org compliance.
$a11ybridge_inline_js = '';
ob_start();
?>
(function(){
                    var btn = document.getElementById('ab-unbind-domain');
                    if (!btn) return;

                    const backendDelUrl = "https://a11ybridge.de/wp-json/a11ybridge/v1/license/domains/delete";
                    var licenseHash   = btn.getAttribute('data-license-hash') || '';
                    var domain        = btn.getAttribute('data-domain') || '';

                    // Ajax endpoint + nonce for WP
                    var ajaxUrl = (window.A11YBRIDGE_ADMIN && window.A11YBRIDGE_ADMIN.ajaxUrl) ? window.A11YBRIDGE_ADMIN.ajaxUrl : '';
                    var nonce   = (window.A11YBRIDGE_ADMIN && window.A11YBRIDGE_ADMIN.noncePro) ? window.A11YBRIDGE_ADMIN.noncePro : '';

                    globalThis.A11yBridgeLogger.debug("licenseHash:", licenseHash, "domain:", domain);

                    btn.addEventListener('click', async () => {
                        if (!licenseHash) {
                            // DE: 'Kein Lizenz-Hash verfügbar – bitte Lizenz neu aktivieren.'
                            alert('No license hash available – please re-activate the license.');
                            return;
                        }
                        if (!domain) {
                            // DE: 'Keine Domain zum Entbinden vorhanden.'
                            alert('No domain available to unbind.');
                            return;
                        }

                        // DE: 'Domain ${domain} von dieser Lizenz trennen?'
                        if (!confirm(`Unbind domain ${domain} from this license?`)) return;
                        btn.disabled = true;
                        // DE: '… entferne'
                        btn.textContent = '… removing';

                        try {
                            // 1) Delete domain in backend
                            var resp = await fetch(backendDelUrl, {
                                method: 'POST',
                                headers: {'Content-Type': 'application/json'},
                                body: JSON.stringify({ license_hash: licenseHash, domain })
                            });
                            var data = await resp.json();

                            if (!resp.ok || !data?.ok) {
                                // DE: 'Entfernen fehlgeschlagen: '
                                alert('Unbinding failed: ' + (data?.error || resp.status));
                                btn.disabled = false;
                                // DE: 'Domain von Lizenz trennen'
                                btn.textContent = 'Unbind domain from license';
                                return;
                            }

                            // 2) Delete local license in WordPress
                            try {
                                var clearResp = await fetch(ajaxUrl, {
                                    method: 'POST',
                                    headers: {'Content-Type': 'application/x-www-form-urlencoded'},
                                    body: new URLSearchParams({
                                        action: 'a11ybridge_clear_license',
                                        nonce: nonce
                                    })
                                });
                                var clearJson = await clearResp.json();
                                if (!clearJson?.success) {
                                    globalThis.A11yBridgeLogger.error('a11ybridge_clear_license failed:', clearJson);
                                }
                            } catch (e) {
                                globalThis.A11yBridgeLogger.error('Error calling a11ybridge_clear_license:', e);
                            }

                            // DE: 'Domain entfernt.'
                            alert('Domain removed.');
                            // location.reload();
                            location.href = window.location.href + '&t=' + Date.now();
                        } catch (e) {
                            // DE: 'Netzwerkfehler beim Entfernen der Domain.'
                            alert('Network error while removing domain.');
                            btn.disabled = false;
                            // DE: 'Domain von Lizenz trennen'
                            btn.textContent = 'Unbind domain from license';
                        }
                    });
                })();
<?php
$a11ybridge_inline_js = ob_get_clean();
wp_add_inline_script('a11ybridge-admin-inline', $a11ybridge_inline_js, 'after');
?>

            <?php endif; ?>
        </div>

    <!-- =========================
    Section 3: License status & diagnostics
    ========================= -->

        <?php if ($show_account_links): ?>
        <!-- Account management -->
        <div class="a11y-settings-section">
            <?php // DE: '👤 Account-Verwaltung' ?>
            <h3><?php esc_html_e('👤 Account management', 'a11ybridge'); ?></h3>
            <p>
                <?php
                // DE: 'Verwalten Sie Ihre Lizenz, Domains und Zahlungen direkt in Ihrem A11yBridge Account.'
                esc_html_e('Manage your license, domains and payments directly in your A11yBridge account.', 'a11ybridge');
                ?>
            </p>

            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 20px 0;">

                <!-- Account Dashboard -->
                <div style="border: 1px solid #ddd; border-radius: 8px; padding: 20px;">
                    <?php // DE: '🏠 Account Dashboard' ?>
                    <h4 style="margin-top: 0;"><?php esc_html_e('🏠 Account dashboard', 'a11ybridge'); ?></h4>
                    <p>
                        <?php
                        // DE: 'Übersicht über Ihre Lizenz und Features'
                        esc_html_e('Overview of your license and AI quota.', 'a11ybridge');
                        ?>
                    </p>
                    <a href="https://a11ybridge.de/my-dashboard" target="_blank" rel="noopener noreferrer" class="a11y-button">
                        <?php esc_html_e('Open dashboard', 'a11ybridge'); // DE: 'Dashboard öffnen' ?>
                    </a>
                </div>

                <!-- License management -->
                <div style="border: 1px solid #ddd; border-radius: 8px; padding: 20px;">
                    <?php // DE: '🌐 Lizenz-Verwaltung' ?>
                    <h4 style="margin-top: 0;"><?php esc_html_e('🌐 License management', 'a11ybridge'); ?></h4>
                    <p>
                        <?php
                        // DE: 'Lizenzen hinzufügen, entfernen oder übertragen'
                        esc_html_e('Add, remove or transfer licenses.', 'a11ybridge');
                        ?>
                    </p>
                    <a href="https://a11ybridge.de/my-licenses" target="_blank" rel="noopener noreferrer" class="a11y-button">
                        <?php esc_html_e('Manage licenses', 'a11ybridge'); // DE: 'Lizenzen verwalten' ?>
                    </a>
                </div>

                <!-- Billing -->
                <div style="border: 1px solid #ddd; border-radius: 8px; padding: 20px;">
                    <?php // DE: '💳 Rechnungen & Zahlungen' ?>
                    <h4 style="margin-top: 0;"><?php esc_html_e('💳 Invoices & payments', 'a11ybridge'); ?></h4>
                    <p>
                        <?php
                        // DE: 'Zahlungshistorie und Rechnungen einsehen'
                        esc_html_e('View payment history and invoices.', 'a11ybridge');
                        ?>
                    </p>
                    <a href="https://customer-portal.paddle.com/cpl_01jskh650pny30qdcvtd8fy58w" target="_blank" rel="noopener noreferrer" class="a11y-button">
                        <?php esc_html_e('Open payments', 'a11ybridge'); // DE: 'Zahlungen öffnen' ?>
                    </a>
                </div>

                <!-- Support -->
                <div style="border: 1px solid #ddd; border-radius: 8px; padding: 20px;">
                    <?php // DE: '🎧 Support' ?>
                    <h4 style="margin-top: 0;"><?php esc_html_e('🎧 Support', 'a11ybridge'); ?></h4>
                    <p>
                        <?php
                        // DE: 'Hilfe und technischer Support'
                        esc_html_e('Help and technical support.', 'a11ybridge');
                        ?>
                    </p>
                    <a href="https://a11ybridge.de/faq-a11ybridge/" target="_blank" rel="noopener noreferrer" class="a11y-button secondary">
                        <?php esc_html_e('Contact support', 'a11ybridge'); // DE: 'Support kontaktieren' ?>
                    </a>
                </div>
            </div>
        </div>

        <?php endif; ?>
        <!-- License refresh -->
        <!--div class="a11y-action-section">
            <?php // DE: '🔄 Lizenz-Status aktualisieren' ?>
            <h3><?php esc_html_e('🔄 Refresh license status', 'a11ybridge'); ?></h3>
            <p>
                <?php
                // DE: 'Klicken Sie hier, um den aktuellen Status Ihrer Lizenz zu überprüfen.'
                esc_html_e('Click here to check the current status of your license.', 'a11ybridge');
                ?>
            </p>

            <button type="button" id="refresh-license-btn" class="a11y-button">
                <?php
                // DE: '🔄 Lizenz-Status prüfen'
                esc_html_e('🔄 Check license status', 'a11ybridge');
                ?>
            </button>

            <div id="license-status" class="a11y-status"></div>
        </div-->
    </form>

    <?php
// Inline CSS moved to wp_add_inline_style for WP.org compliance.
$a11ybridge_inline_css = '';
ob_start();
?>
.a11yb-card { margin-top: 18px; }
    .a11yb-stats-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0,1fr));
        gap: 12px;
        margin: 10px 0 14px;
    }
    .a11yb-stat { background:#fff; border:1px solid #e5e5e5; border-radius:6px; padding:10px 12px; }
    .a11yb-stat-label { font-size:12px; color:#666; margin-bottom:4px; }
    .a11yb-stat-value { font-size:16px; font-weight:600; }
    .a11yb-progress { background:#f1f1f1; border-radius:999px; height:10px; overflow:hidden; margin-top:6px; }
    .a11yb-progress-bar { background:#2271b1; height:10px; }
    .a11yb-progress-meta { margin-top:8px; color:#333; }
    .a11yb-inline-msg { margin-left:8px; }
<?php
$a11ybridge_inline_css = ob_get_clean();
wp_add_inline_style('a11ybridge-admin-inline', $a11ybridge_inline_css);
?>

    <?php
// Inline JS moved to wp_add_inline_script for WP.org compliance.
$a11ybridge_inline_js = '';
ob_start();
?>
document.addEventListener('DOMContentLoaded', function() {
        var refreshBtn = document.getElementById('refresh-license-btn');
        var statusDiv  = document.getElementById('license-status');

        if (!refreshBtn || !statusDiv) {
            return;
        }

        const restUrl = "<?php echo esc_url( rest_url('a11ybridge/v1/license/status') ); ?>";

        refreshBtn.addEventListener('click', async function() {
            const btn = this;
            btn.disabled = true;
            // DE: '🔄 Prüfe Lizenz...'
            btn.textContent = '🔄 Checking license...';

            statusDiv.className = 'a11y-status';
            statusDiv.style.display = 'block';
            // DE: 'Kontaktiere A11yBridge Server...'
            statusDiv.textContent = 'Contacting A11yBridge server...';

            try {
                const resp = await fetch(restUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                        // If your endpoint needs a nonce etc., add it here
                    },
                    body: JSON.stringify({ meta: { user_action: true } })
                });

                const data = await resp.json().catch(() => ({}));

                if (!resp.ok) {
                    statusDiv.className = 'a11y-status error';
                    // DE: 'Fehler bei der Lizenzprüfung: '
                    statusDiv.textContent = 'Error while checking license: '
                        + (data && data.message ? data.message : resp.status);
                } else {
                    statusDiv.className = 'a11y-status success';
                    // DE: '✅ Lizenz-Status erfolgreich aktualisiert.'
                    statusDiv.textContent = data && data.message
                        ? data.message
                        : '✅ License status successfully updated.';

                    // Reload page so that new values appear in UI
                    setTimeout(function() {
                        location.href = window.location.href + '&t=' + Date.now();
                    }, 1200);
                }
            } catch (e) {
                globalThis.A11yBridgeLogger.error('Error calling license status:', e);
                statusDiv.className = 'a11y-status error';
                // DE: 'Netzwerkfehler bei der Lizenzprüfung.'
                statusDiv.textContent = 'Network error while checking license.';
            } finally {
                btn.disabled = false;
                // DE: '🔄 Lizenz-Status prüfen'
                btn.textContent = '🔄 Check license status';
            }
        });
    });
<?php
$a11ybridge_inline_js = ob_get_clean();
wp_add_inline_script('a11ybridge-admin-inline', $a11ybridge_inline_js, 'after');
?>

    <?php
// Inline JS moved to wp_add_inline_script for WP.org compliance.
$a11ybridge_inline_js = '';
ob_start();
?>
(function(){
            var ajaxUrl = (window.A11YBRIDGE_ADMIN && window.A11YBRIDGE_ADMIN.ajaxUrl) ? window.A11YBRIDGE_ADMIN.ajaxUrl : '';
            var nonce   = (window.A11YBRIDGE_ADMIN && window.A11YBRIDGE_ADMIN.noncePro) ? window.A11YBRIDGE_ADMIN.noncePro : '';
            var siteUrl = "<?php echo esc_url(home_url('/')); ?>";
            var origin  = window.location.origin;
            const backendActivateUrl = "https://a11ybridge.de/wp-json/a11ybridge/v1/license/activate";

            async function activateOrRebind(licenseKey) {
                // 1) Send to a11ybridge.de (once in plain text)
                const resp = await fetch(backendActivateUrl, {
                    method: 'POST',
                    headers: {'Content-Type':'application/json'},
                    body: JSON.stringify({
                        license_key: licenseKey || null,
                        domain: origin,
                        site_url: siteUrl,
                        plugin: 'a11ybridge',
                        plugin_version: (window.A11YBRIDGE_CONFIG && window.A11YBRIDGE_CONFIG.version) || '<?php echo esc_js(A11YBRIDGE_VERSION); ?>'
                    })
                });
                const data = await resp.json();
                globalThis.A11yBridgeLogger.debug('A11yBridge activate response:', resp.status, data);
                if (!resp.ok || !data?.ok) {
                    var msg = data?.error || ('Activation failed: ' + resp.status);
                    // DE: 'Aktivierung fehlgeschlagen: '
                    alert('Activation failed: ' + msg);
                    return;
                }

                // Response contains license_hash + license_hint + plan + bound_domain
                // 2) Save locally (hash etc. only)
                globalThis.A11yBridgeLogger.debug('Saving license data locally:', data);
                globalThis.A11yBridgeLogger.debug('Sending to ajaxUrl:', ajaxUrl);
                const save = await fetch(ajaxUrl, {
                    method:'POST',
                    headers:{'Content-Type':'application/x-www-form-urlencoded'},
                    body: new URLSearchParams({
                        action: 'a11ybridge_save_license_hash',
                        nonce: nonce,
                        license_hash: data.license_hash || data.license_key_hash,
                        license_hint: data.license_hint || '',
                        plan: data.plan || '',
                        domain: data.bound_domain || '',
                        domains: JSON.stringify(data.domains || []),
                        limit: data.limit ?? ''
                    })
                });
                var saved = await save.json();
                if (!saved?.success) {
                    var msg = saved?.data?.msg || saved?.data || 'unknown error';
                    globalThis.A11yBridgeLogger.error('a11ybridge_pro_save_license_hash response:', saved);
                    // DE: 'Lokales Speichern fehlgeschlagen: '
                    alert('Saving license locally failed: ' + msg);
                    return;
                }
                // DE: 'Lizenz aktiviert.'
                alert('License activated.');
                // location.reload();
                location.href = window.location.href + '&t=' + Date.now();
            }

            var btn = document.getElementById('ab-activate');
            if (btn) {
                btn.addEventListener('click', async () => {
                    var input = document.getElementById('ab-license-input');
                    var key = (input && input.value || '').trim();
                    if (!key || key.length < 16) {
                        // DE: 'Bitte gültigen Lizenzschlüssel eingeben.'
                        alert('Please enter a valid license key.');
                        return;
                    }
                    btn.disabled = true;
                    // DE: '… aktiviere'
                    btn.textContent = '… activating';
                    try {
                        await activateOrRebind(key);
                    } finally {
                        btn.disabled = false;
                        // DE: 'Lizenz aktivieren'
                        btn.textContent = 'Activate license';
                    }
                });
            }

            var rebind = document.getElementById('ab-rebind');
            if (rebind) {
                rebind.addEventListener('click', async () => {
                    // DE: 'Diese Domain wird mit deiner Lizenz neu gebunden. Fortfahren?'
                    if (!confirm('This domain will be re-bound to your license. Continue?')) return;
                    rebind.disabled = true;
                    // DE: '… binde neu'
                    rebind.textContent = '… re-binding';
                    try {
                        await activateOrRebind(null);
                    } finally {
                        rebind.disabled = false;
                        // DE: 'Domain neu binden'
                        rebind.textContent = 'Re-bind domain';
                    }
                });
            }
        })();
<?php
$a11ybridge_inline_js = ob_get_clean();
wp_add_inline_script('a11ybridge-admin-inline', $a11ybridge_inline_js, 'after');
?>

    <?php
}

function a11yb_get_option($key, $default = '') {
    $val = get_option($key, null);
    return (null === $val) ? $default : $val;
}

function a11yb_plan_label($plan) {
    $plan = is_string($plan) ? strtolower(trim($plan)) : '';
    if ($plan === '' || $plan === 'free') {
        return __('Free', 'a11ybridge');
    }
    // WP.org build: avoid tier-marketing language inside wp-admin.
    return __('Subscribed', 'a11ybridge');
}