/**
 * 试用期到期提醒面板
 * 功能：试用期到期时显示续费提示
 * 依赖：vscode
 * 使用场景：试用用户到期时显示
 */

import * as vscode from 'vscode';

export class ExpiredPanel {
  public static render() {
    const panel = vscode.window.createWebviewPanel(
      'icCoderExpired',
      '试用期已到期',
      vscode.ViewColumn.One,
      { enableScripts: true }
    );

    panel.webview.html = this.getHtmlContent();
  }

  private static getHtmlContent(): string {
    return `
      <!DOCTYPE html>
      <html lang="zh-CN">
      <head>
        <meta charset="UTF-8">
        <style>
          body {
            padding: 60px 40px;
            text-align: center;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            color: var(--vscode-foreground);
            background-color: var(--vscode-editor-background);
          }
          h1 {
            color: var(--vscode-errorForeground);
            font-size: 28px;
            margin-bottom: 20px;
          }
          p {
            font-size: 16px;
            line-height: 1.6;
            margin: 15px 0;
            color: var(--vscode-descriptionForeground);
          }
          .button {
            padding: 12px 30px;
            background: var(--vscode-button-background);
            color: var(--vscode-button-foreground);
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            margin: 10px;
          }
          .button:hover {
            background: var(--vscode-button-hoverBackground);
          }
        </style>
      </head>
      <body>
        <h1>⏰ 您的试用期已到期</h1>
        <p>感谢您使用 IC Coder！您的 15 天试用期已结束。</p>
        <p>如需继续使用，请联系我们获取正式版本。</p>

        <button class="button" onclick="contact()">联系我们</button>

        <script>
          function contact() {
            window.open('https://iccoder.com/contact', '_blank');
          }
        </script>
      </body>
      </html>
    `;
  }
}
