/**
 * Plan 开关组件
 * 注意：功能已移至模式选择器，此组件仅保留样式（已禁用）
 */

/**
 * 获取 Plan 开关的 HTML 内容
 * 已禁用，仅保留样式展示
 */
export function getPlanToggleContent(): string {
  return `
    <div class="tooltip">
      <label class="plan-toggle plan-toggle-disabled">
        <input type="checkbox" id="planToggle" disabled>
        <span class="plan-toggle-slider"></span>
        <span class="plan-toggle-label">Plan</span>
      </label>
      <span class="tooltiptext" id="planTooltip">请使用模式选择器切换 Plan 模式</span>
    </div>
  `;
}

/**
 * 获取 Plan 开关的样式
 */
export function getPlanToggleStyles(): string {
  return `
    /* Plan 开关样式 */
    .plan-toggle {
      display: flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      user-select: none;
    }

    .plan-toggle input[type="checkbox"] {
      display: none;
    }

    .plan-toggle-slider {
      position: relative;
      width: 36px;
      height: 20px;
      background: var(--vscode-input-background);
      border: 1px solid var(--vscode-input-border);
      border-radius: 10px;
      transition: all 0.3s ease;
    }

    .plan-toggle-slider::before {
      content: "";
      position: absolute;
      width: 14px;
      height: 14px;
      left: 2px;
      top: 2px;
      background: var(--vscode-foreground);
      border-radius: 50%;
      transition: all 0.3s ease;
    }

    .plan-toggle input[type="checkbox"]:checked + .plan-toggle-slider {
      background: #409eff;
      border-color: #409eff;
    }

    .plan-toggle input[type="checkbox"]:checked + .plan-toggle-slider::before {
      transform: translateX(16px);
      background: white;
    }

    .plan-toggle-label {
      font-size: 13px;
      font-weight: 500;
      color: var(--vscode-foreground);
    }

    /* 禁用状态样式 */
    .plan-toggle-disabled {
      cursor: not-allowed;
      opacity: 0.5;
    }

    .plan-toggle-disabled .plan-toggle-slider {
      background: var(--vscode-input-background);
      border-color: var(--vscode-input-border);
    }
  `;
}

/**
 * 获取 Plan 开关的脚本
 */
export function getPlanToggleScript(): string {
  return `
    // Plan 开关处理函数
    function handlePlanToggle() {
      const planToggle = document.getElementById('planToggle');
      const planTooltip = document.getElementById('planTooltip');

      if (planToggle && planTooltip) {
        if (planToggle.checked) {
          // 开启 Plan 模式
          planTooltip.textContent = '关闭 Plan 模式';
        } else {
          // 关闭 Plan 模式
          planTooltip.textContent = '启用 Plan 模式';
        }
      }
    }
  `;
}