<?php
include 'auth.php';
bg_require_admin();
require_once __DIR__ . '/includes/config_manager.php';
$page_title = bg_t('wizard_page_title');
$active_page = 'wizard.php';

$web = bg_web_options();
$target = trim((string)($web['desktop_user'] ?? bg_detect_desktop_user()));
$httpPort = (int)($web['http_port'] ?? 81);
$httpsPort = (int)($web['https_port'] ?? 444);
$labels = bg_wizard_service_labels();
$defaultServices = bg_wizard_services_default();
$status = bg_wizard_config_status($target ?: null);
$scan = bg_config_scan_dir($target ?: null);
$steps = bg_wizard_steps();
$stepDefaults = bg_wizard_step_defaults_src();
$desktopMode = bg_desktop_mode_status($target ?: null);
$wizardLock = bg_wizard_lock_status($target ?: null, $scan, $status, $desktopMode);
$log = '';
$messages = [];
$errors = [];

if (!empty($_GET['from_setup'])) {
    $messages[] = bg_t('wizard_started_after_setup');
}

$systemStepOrder = ['resolv','dnsmasq','firewall','nftables','certs','webconf','native','useragent','banks'];

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    csrf_validate();
    $action = $_POST['action'] ?? '';
    $target = trim((string)($_POST['desktop_user'] ?? $target));
    $httpPort = (int)($_POST['http_port'] ?? $httpPort);
    $httpsPort = (int)($_POST['https_port'] ?? $httpsPort);
    if ($httpPort < 1 || $httpPort > 65535) $httpPort = 81;
    if ($httpsPort < 1 || $httpsPort > 65535) $httpsPort = 444;
    $web['desktop_user'] = $target;
    $web['http_port'] = $httpPort;
    $web['https_port'] = $httpsPort;
    unset($web['language'], $web['theme']);
    bg_write_json('web_options.json', $web);

    $status = bg_wizard_config_status($target ?: null);
    $scan = bg_config_scan_dir($target ?: null);
    $desktopMode = bg_desktop_mode_status($target ?: null);
    $wizardLock = bg_wizard_lock_status($target ?: null, $scan, $status, $desktopMode);

    if ($action === 'run_initial_wizard') {
        if (!empty($wizardLock['locked'])) {
            $errors[] = bg_t('wizard_locked_no_post');
            $log .= "Wizard locked: existing desktop configuration detected. No changes made.\n";
        } elseif ($target === '') {
            $errors[] = bg_t('wizard_missing_desktop_user');
        } else {
            $selectedServices = bg_wizard_selected_services_from_post($_POST, $defaultServices);
            $selectedSteps = bg_wizard_selected_steps_from_post($_POST);

            $log .= "### " . bg_t('wizard_config_file_title') . "\n";
            $cfgRes = bg_write_first_run_config($target, $selectedServices);
            $log .= trim((string)($cfgRes['output'] ?? '')) . "\n";
            if (($cfgRes['code'] ?? 1) !== 0) {
                $errors[] = bg_t('wizard_config_error');
            } else {
                $messages[] = bg_t('wizard_config_created');
            }

            if (empty($errors)) {
                $log .= "\n### " . bg_t('wizard_services_log_title') . "\n";
                $svcRes = bg_apply_services_from_config($selectedServices);
                $log .= trim((string)($svcRes['output'] ?? '')) . "\n";
            }

            if (empty($errors)) {
                $opts = ['desktop_user'=>$target, 'http_port'=>$httpPort, 'https_port'=>$httpsPort];
                foreach ($selectedSteps as $k => $v) $opts[$k] = $v;
                if (count(array_filter($selectedSteps)) > 0) {
                    $sysRes = bg_wizard_apply($opts);
                    $log .= "\n### " . bg_t('wizard_system_log_title') . "\n" . trim((string)($sysRes['output'] ?? '')) . "\n";
                    if (($sysRes['code'] ?? 1) === 0) $messages[] = bg_t('wizard_system_completed');
                    else $errors[] = bg_t('wizard_system_error');
                } else {
                    $log .= "\n### " . bg_t('wizard_system_log_title') . "\n" . bg_t('wizard_no_system_steps_selected') . "\n";
                    $messages[] = bg_t('wizard_system_skipped');
                }
            }
        }
        $status = bg_wizard_config_status($target ?: null);
        $scan = bg_config_scan_dir($target ?: null);
        $desktopMode = bg_desktop_mode_status($target ?: null);
        $wizardLock = bg_wizard_lock_status($target ?: null, $scan, $status, $desktopMode);
    }
}

$currentServices = is_array($status['data'] ?? null) && is_array($status['data']['services'] ?? null) ? $status['data']['services'] : $defaultServices;
$lang = bg_lang_attr();
$theme = bg_theme();
$bsTheme = $theme === 'dark' ? 'dark' : 'light';
$wizardLocked = !empty($wizardLock['locked']);
$stepTitles = [
    bg_t('wizard_step_welcome_ui'),
    bg_t('wizard_step_services_ui'),
    bg_t('wizard_step_resolver'),
    bg_t('wizard_step_dnsmasq'),
    bg_t('wizard_step_firewall'),
    bg_t('wizard_step_nftables_short'),
    bg_t('wizard_step_certs'),
    bg_t('wizard_step_webserver'),
    bg_t('wizard_step_native'),
    bg_t('wizard_step_useragent'),
    bg_t('wizard_step_banks'),
    bg_t('wizard_step_review_ui'),
];
$canRun = !$wizardLocked && empty($status['exists']);
?>
<!DOCTYPE html>
<html lang="<?= bg_e($lang) ?>" data-theme="<?= bg_e($theme) ?>" data-bs-theme="<?= bg_e($bsTheme) ?>">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title><?= bg_e(bg_t('wizard_page_title')) ?></title>
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/css/style.css?v=20260507-gtk-step-wizard" rel="stylesheet">
</head>
<body class="auth-page wizard-auth-page">
  <div class="auth-preferences" aria-label="<?= bg_e(bg_t('auth_language_switch')) ?>">
    <a class="<?= bg_language()==='en'?'active':'' ?>" href="?bg_lang=en">EN</a>
    <a class="<?= bg_language()==='it'?'active':'' ?>" href="?bg_lang=it">IT</a>
    <span></span>
    <a class="<?= bg_theme()==='system'?'active':'' ?>" href="?bg_theme=system"><?= bg_e(bg_t('system_theme')) ?></a>
    <a class="<?= bg_theme()==='light'?'active':'' ?>" href="?bg_theme=light"><?= bg_e(bg_t('light')) ?></a>
    <a class="<?= bg_theme()==='dark'?'active':'' ?>" href="?bg_theme=dark"><?= bg_e(bg_t('dark')) ?></a>
  </div>
  <main class="auth-shell wizard-shell">
    <section class="auth-brand-panel" aria-label="BastionGuard WebPanel">
      <div class="auth-brand-content">
        <p class="auth-kicker"><?= bg_e(bg_t('auth_welcome_to')) ?></p>
        <h1><?= str_replace(' ', '<br>', bg_e(bg_t('auth_webpanel_bastionguard'))) ?></h1>
        <div class="auth-brand-lockup">
          <?= bg_logo_html('auth-brand-logo') ?>
          <div><strong>BastionGuard</strong><span><?= bg_e(bg_t('auth_tagline_total')) ?></span></div>
        </div>
      </div>
      <div class="auth-shape auth-shape-one"></div>
      <div class="auth-shape auth-shape-two"></div>
      <div class="auth-dot-grid" aria-hidden="true"></div>
    </section>

    <section class="auth-form-panel wizard-form-panel">
      <div class="auth-card-wrap wizard-card-wrap">
        <div class="auth-floating-logo"><?= bg_logo_html('auth-floating-logo-mark') ?></div>
        <div class="auth-card setup-card wizard-card">
          <div class="auth-card-header">
            <h2><?= bg_e(bg_t('wizard_title')) ?></h2>
            <p><?= bg_e(bg_t('wizard_subtitle')) ?></p>
          </div>

          <?php foreach($messages as $m): ?><div class="alert alert-success"><?= bg_e($m) ?></div><?php endforeach; ?>
          <?php foreach($errors as $e): ?><div class="alert alert-danger"><?= bg_e($e) ?></div><?php endforeach; ?>

          <div class="wizard-status-grid mb-3">
            <div class="wizard-status-item"><span><?= bg_e(bg_t('wizard_desktop_user')) ?></span><strong><?= bg_e($target ?: '—') ?></strong></div>
            <div class="wizard-status-item"><span><?= bg_e(bg_t('wizard_config_folder')) ?></span><strong><?= $scan['exists'] ? bg_e(bg_t('present')) : bg_e(bg_t('missing')) ?></strong></div>
            <div class="wizard-status-item"><span>config.json</span><strong><?php if(!$status['exists']): ?><?= bg_e(bg_t('missing')) ?><?php elseif(!$status['valid']): ?><?= bg_e(bg_t('invalid')) ?><?php elseif(!empty($status['completed'])): ?><?= bg_e(bg_t('wizard_completed')) ?><?php else: ?><?= bg_e(bg_t('present')) ?><?php endif; ?></strong></div>
            <div class="wizard-status-item"><span><?= bg_e(bg_t('desktop_arbitration')) ?></span><strong><?= bg_e($desktopMode['mode'] ?? 'unknown') ?></strong></div>
          </div>

          <?php if($wizardLocked): ?>
            <div class="alert alert-warning">
              <h3 class="h5 mb-2"><?= bg_e(bg_t('wizard_locked_title')) ?></h3>
              <p class="mb-2"><?= bg_e(bg_t('wizard_locked_desc')) ?></p>
              <?php if(!empty($wizardLock['reasons'])): ?>
                <ul class="mb-2"><?php foreach($wizardLock['reasons'] as $reason): ?><li><?= bg_e($reason) ?></li><?php endforeach; ?></ul>
              <?php endif; ?>
              <code><?= bg_e($wizardLock['config_dir'] ?? '') ?></code>
              <?php if(!empty($wizardLock['desktop_summary'])): ?><br><code><?= bg_e($wizardLock['desktop_summary']) ?></code><?php endif; ?>
            </div>
            <div class="d-grid gap-2">
              <a class="btn btn-primary auth-submit" href="dashboard.php"><?= bg_e(bg_t('wizard_go_dashboard')) ?></a>
              <a class="btn btn-outline-secondary" href="settings.php"><?= bg_e(bg_t('wizard_locked_open_settings')) ?></a>
              <a class="btn btn-outline-secondary" href="config.php"><?= bg_e(bg_t('wizard_open_configurations')) ?></a>
            </div>
            <?php if($status['raw'] !== ''): ?>
              <details class="wizard-details mt-3"><summary><?= bg_e(bg_t('wizard_show_config_json')) ?></summary><?php bg_render_log($status['raw']); ?></details>
            <?php endif; ?>
          <?php elseif(!$canRun): ?>
            <div class="auth-info-note mb-3"><?= bg_e(bg_t('wizard_already_completed_desc')) ?></div>
            <div class="d-grid gap-2"><a class="btn btn-primary auth-submit" href="dashboard.php"><?= bg_e(bg_t('wizard_go_dashboard')) ?></a><a class="btn btn-outline-secondary" href="config.php"><?= bg_e(bg_t('wizard_open_configurations')) ?></a></div>
            <?php if($status['raw'] !== ''): ?><details class="wizard-details mt-3"><summary><?= bg_e(bg_t('wizard_show_config_json')) ?></summary><?php bg_render_log($status['raw']); ?></details><?php endif; ?>
          <?php else: ?>
            <form method="post" autocomplete="off" data-step-wizard>
              <?php csrf_field(); ?><input type="hidden" name="action" value="run_initial_wizard">

              <div class="wizard-stepper" aria-label="<?= bg_e(bg_t('wizard_page_title')) ?>">
                <?php foreach($stepTitles as $idx => $title): ?>
                  <button type="button" class="wizard-stepper-item <?= $idx === 0 ? 'active' : '' ?>" data-step-jump="<?= (int)$idx ?>"><span><?= (int)($idx + 1) ?></span><?= bg_e($title) ?></button>
                <?php endforeach; ?>
              </div>

              <section class="wizard-step-pane active" data-step-pane="0" data-step-name="welcome">
                <h3><?= bg_e(bg_t('wizard_step_welcome_ui')) ?></h3>
                <p class="form-hint"><?= bg_e(bg_t('wizard_welcome_desc')) ?></p>
                <div class="row g-3">
                  <div class="col-md-6"><label class="form-label" for="desktop_user"><?= bg_e(bg_t('wizard_desktop_user')) ?></label><input class="form-control auth-input" id="desktop_user" name="desktop_user" value="<?= bg_e($target) ?>" placeholder="$USER"><div class="form-hint"><?= bg_e(bg_t('wizard_desktop_user_hint')) ?></div></div>
                  <div class="col-md-3"><label class="form-label" for="http_port"><?= bg_e(bg_t('wizard_http_port')) ?></label><input class="form-control auth-input" id="http_port" name="http_port" type="number" min="1" max="65535" value="<?= (int)$httpPort ?>"></div>
                  <div class="col-md-3"><label class="form-label" for="https_port"><?= bg_e(bg_t('wizard_https_port')) ?></label><input class="form-control auth-input" id="https_port" name="https_port" type="number" min="1" max="65535" value="<?= (int)$httpsPort ?>"></div>
                </div>
                <div class="auth-info-note mt-3"><strong><?= bg_e(bg_t('desktop_arbitration')) ?>:</strong> <?= bg_e(($desktopMode['mode'] ?? 'unknown') === 'gui' ? bg_t('desktop_gui_active_webui_no_proxy') : bg_t('desktop_headless_webui_setup')) ?><?php if(!empty($desktopMode['summary'])): ?><br><code><?= bg_e($desktopMode['summary']) ?></code><?php endif; ?></div>
                <div class="wizard-actions mt-4"><a class="btn btn-outline-secondary" href="logout.php"><?= bg_e(bg_t('logout')) ?></a><button class="btn btn-primary" type="button" data-step-next><?= bg_e(bg_t('wizard_next')) ?></button></div>
              </section>

              <section class="wizard-step-pane" data-step-pane="1" data-step-name="services">
                <div class="wizard-section-title mt-1"><h3><?= bg_e(bg_t('wizard_services_title')) ?></h3><div class="d-flex gap-2 flex-wrap"><button class="btn btn-sm btn-warning" type="button" data-select-minimal><?= bg_e(bg_t('wizard_minimal')) ?></button><button class="btn btn-sm btn-primary" type="button" data-select-all><?= bg_e(bg_t('wizard_enable_all')) ?></button></div></div>
                <p class="form-hint"><?= bg_e(bg_t('wizard_services_desc_gtk')) ?></p>
                <div class="wizard-service-grid">
                  <?php foreach($defaultServices as $unit=>$enabled): $meta=$labels[$unit]??['label'=>$unit,'description'=>'']; $webuiDisabled = bg_webui_disabled_unit($unit); $checked = $webuiDisabled ? false : (array_key_exists($unit, $currentServices) ? !empty($currentServices[$unit]) : !empty($enabled)); ?>
                    <label class="wizard-choice-card <?= $webuiDisabled ? 'opacity-75' : '' ?>"><input class="form-check-input wizard-service-check" type="checkbox" name="svc[<?= bg_e($unit) ?>]" value="1" <?= $checked ? 'checked' : '' ?> <?= $webuiDisabled ? 'disabled' : '' ?> data-unit="<?= bg_e($unit) ?>" data-webui-disabled="<?= $webuiDisabled ? '1' : '0' ?>"><span><strong><?= bg_e($meta['label']) ?></strong><small><?= bg_e($meta['description']) ?></small><code><?= bg_e($unit) ?></code><?php if($webuiDisabled): ?><small class="text-warning d-block"><?= bg_e(bg_t('cef_pac_excluded_webui')) ?></small><?php endif; ?></span></label>
                  <?php endforeach; ?>
                </div>
                <div class="auth-info-note mt-3"><?= bg_e(bg_t('wizard_services_apply_final')) ?></div>
                <div class="wizard-actions mt-4"><button class="btn btn-outline-secondary" type="button" data-step-back><?= bg_e(bg_t('wizard_back')) ?></button><button class="btn btn-primary" type="button" data-step-next><?= bg_e(bg_t('wizard_next')) ?></button></div>
              </section>

              <?php $paneIndex = 2; foreach($systemStepOrder as $key): $step = $steps[$key]; ?>
                <section class="wizard-step-pane" data-step-pane="<?= (int)$paneIndex ?>" data-step-name="<?= bg_e($key) ?>">
                  <h3><?= bg_e($step['label']) ?></h3>
                  <p class="form-hint"><?= bg_e($step['description']) ?></p>
                  <label class="wizard-choice-card wizard-step-card"><input class="form-check-input wizard-step-check" type="checkbox" name="step[<?= bg_e($key) ?>]" value="1" <?= !empty($stepDefaults[$key]) ? 'checked' : '' ?> data-step="<?= bg_e($key) ?>"><span><strong><?= bg_e(bg_t('wizard_enable_this_step')) ?></strong><small><?= bg_e($step['description']) ?></small></span></label>
                  <?php if($key === 'webconf'): ?>
                    <div class="row g-3 mt-2"><div class="col-md-6"><label class="form-label" for="web_http_port_inline"><?= bg_e(bg_t('wizard_http_port')) ?></label><input class="form-control auth-input" id="web_http_port_inline" type="number" min="1" max="65535" value="<?= (int)$httpPort ?>" data-mirror-http></div><div class="col-md-6"><label class="form-label" for="web_https_port_inline"><?= bg_e(bg_t('wizard_https_port')) ?></label><input class="form-control auth-input" id="web_https_port_inline" type="number" min="1" max="65535" value="<?= (int)$httpsPort ?>" data-mirror-https></div></div>
                  <?php endif; ?>
                  <div class="wizard-actions mt-4"><button class="btn btn-outline-secondary" type="button" data-step-back><?= bg_e(bg_t('wizard_back')) ?></button><button class="btn btn-primary" type="button" data-step-next><?= bg_e(bg_t('wizard_next')) ?></button></div>
                </section>
              <?php $paneIndex++; endforeach; ?>

              <section class="wizard-step-pane" data-step-pane="<?= (int)$paneIndex ?>" data-step-name="review">
                <h3><?= bg_e(bg_t('wizard_review_title')) ?></h3>
                <p class="form-hint"><?= bg_e(bg_t('wizard_review_desc_gtk')) ?></p>
                <div class="wizard-status-grid mb-3"><div class="wizard-status-item"><span><?= bg_e(bg_t('wizard_desktop_user')) ?></span><strong data-review-user><?= bg_e($target ?: '—') ?></strong></div><div class="wizard-status-item"><span><?= bg_e(bg_t('wizard_http_port')) ?></span><strong data-review-http><?= (int)$httpPort ?></strong></div><div class="wizard-status-item"><span><?= bg_e(bg_t('wizard_https_port')) ?></span><strong data-review-https><?= (int)$httpsPort ?></strong></div><div class="wizard-status-item"><span><?= bg_e(bg_t('desktop_arbitration')) ?></span><strong><?= bg_e($desktopMode['mode'] ?? 'unknown') ?></strong></div></div>
                <div class="auth-info-note"><strong><?= bg_e(bg_t('wizard_final_execution_note')) ?></strong></div>
                <div class="wizard-review-list mt-3"><h4><?= bg_e(bg_t('wizard_review_selected_services')) ?></h4><ul data-review-services></ul><h4><?= bg_e(bg_t('wizard_review_selected_steps')) ?></h4><ul data-review-steps></ul></div>
                <div class="wizard-actions mt-4"><button class="btn btn-outline-secondary" type="button" data-step-back><?= bg_e(bg_t('wizard_back')) ?></button><button class="btn btn-primary auth-submit" type="submit"><?= bg_e(bg_t('wizard_start_setup')) ?></button></div>
              </section>
            </form>
          <?php endif; ?>

          <?php if($log !== ''): ?><details class="wizard-details mt-3" open><summary><?= bg_e(bg_t('wizard_log')) ?></summary><?php bg_render_log($log); ?></details><?php endif; ?>
          <div class="auth-version">v1.0</div>
        </div>
      </div>
    </section>
  </main>
  <script>
    (function(){
      var form = document.querySelector('[data-step-wizard]');
      var allBtn = document.querySelector('[data-select-all]');
      var minBtn = document.querySelector('[data-select-minimal]');
      var minimal = {'BastionGuard-ransomware-realtime-alert.service': true};
      var stepLabels = <?= json_encode(array_map(fn($k) => $steps[$k]['label'] ?? $k, $systemStepOrder), JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) ?>;
      var stepKeys = <?= json_encode($systemStepOrder, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) ?>;
      if (allBtn) allBtn.addEventListener('click', function(){ document.querySelectorAll('.wizard-service-check').forEach(function(c){ c.checked = c.getAttribute('data-webui-disabled') !== '1'; }); updateReview(); });
      if (minBtn) minBtn.addEventListener('click', function(){ document.querySelectorAll('.wizard-service-check').forEach(function(c){ c.checked = !!minimal[c.getAttribute('data-unit')]; }); updateReview(); });
      if (!form) return;
      var current = 0;
      var panes = Array.prototype.slice.call(document.querySelectorAll('[data-step-pane]'));
      var jumps = Array.prototype.slice.call(document.querySelectorAll('[data-step-jump]'));
      var http = document.getElementById('http_port');
      var https = document.getElementById('https_port');
      var inlineHttp = document.querySelector('[data-mirror-http]');
      var inlineHttps = document.querySelector('[data-mirror-https]');
      function syncPorts(fromInline) {
        if (fromInline) { if (inlineHttp && http) http.value = inlineHttp.value; if (inlineHttps && https) https.value = inlineHttps.value; }
        else { if (inlineHttp && http) inlineHttp.value = http.value; if (inlineHttps && https) inlineHttps.value = https.value; }
      }
      function updateReview() {
        syncPorts(false);
        var user = document.getElementById('desktop_user');
        var ru = document.querySelector('[data-review-user]');
        var rh = document.querySelector('[data-review-http]');
        var rs = document.querySelector('[data-review-https]');
        if (ru && user) ru.textContent = user.value || '—';
        if (rh && http) rh.textContent = http.value || '81';
        if (rs && https) rs.textContent = https.value || '444';
        var svcList = document.querySelector('[data-review-services]');
        var stepList = document.querySelector('[data-review-steps]');
        if (svcList) {
          svcList.innerHTML = '';
          document.querySelectorAll('.wizard-service-check').forEach(function(c){
            if (!c.checked) return;
            var card = c.closest('.wizard-choice-card');
            var label = card ? (card.querySelector('strong') ? card.querySelector('strong').textContent : c.getAttribute('data-unit')) : c.getAttribute('data-unit');
            var li = document.createElement('li'); li.textContent = label + ' — ' + c.getAttribute('data-unit'); svcList.appendChild(li);
          });
          if (!svcList.children.length) { var li = document.createElement('li'); li.textContent = '—'; svcList.appendChild(li); }
        }
        if (stepList) {
          stepList.innerHTML = '';
          stepKeys.forEach(function(k, i){ var c = document.querySelector('.wizard-step-check[data-step="'+k+'"]'); if (c && c.checked) { var li = document.createElement('li'); li.textContent = stepLabels[i] || k; stepList.appendChild(li); } });
          if (!stepList.children.length) { var li = document.createElement('li'); li.textContent = '—'; stepList.appendChild(li); }
        }
      }
      function showStep(idx) {
        current = Math.max(0, Math.min(idx, panes.length - 1));
        panes.forEach(function(p, i){ p.classList.toggle('active', i === current); });
        jumps.forEach(function(b, i){ b.classList.toggle('active', i === current); b.classList.toggle('done', i < current); });
        updateReview();
      }
      document.querySelectorAll('[data-step-next]').forEach(function(btn){ btn.addEventListener('click', function(){ showStep(current + 1); }); });
      document.querySelectorAll('[data-step-back]').forEach(function(btn){ btn.addEventListener('click', function(){ showStep(current - 1); }); });
      jumps.forEach(function(btn){ btn.addEventListener('click', function(){ showStep(parseInt(btn.getAttribute('data-step-jump') || '0', 10)); }); });
      document.querySelectorAll('.wizard-service-check,.wizard-step-check,#desktop_user,#http_port,#https_port').forEach(function(el){ el.addEventListener('change', updateReview); el.addEventListener('input', updateReview); });
      if (inlineHttp) inlineHttp.addEventListener('input', function(){ syncPorts(true); updateReview(); });
      if (inlineHttps) inlineHttps.addEventListener('input', function(){ syncPorts(true); updateReview(); });
      showStep(0);
    })();
  </script>
</body>
</html>