{% extends "base.html" %}
{% block title %}{{ t('我的') }} · {{ product_name }}{% endblock %}
{% block content %}
<div class="page-header">
  <div>
    <h1>{{ t('我的') }}</h1>
  </div>
</div>

{% if current_user and current_user.must_change_password %}
<p class="page-subtitle">{{ t('请先修改密码。改完后需要重新登录。') }}</p>
{% endif %}
<nav class="subnav" aria-label="{{ t('我的') }}">
  {% if not (current_user and current_user.must_change_password) %}
  <a class="subnav__link{% if tab == 'mcp' %} is-active{% endif %}" href="/me"
     {% if tab == 'mcp' %}aria-current="page"{% endif %}>{{ t('MCP 访问') }}</a>
  <a class="subnav__link{% if tab == 'account' %} is-active{% endif %}" href="/me?tab=account"
     {% if tab == 'account' %}aria-current="page"{% endif %}>{{ t('账号') }}</a>
  {% endif %}
  <a class="subnav__link{% if tab == 'password' %} is-active{% endif %}" href="/me?tab=password"
     {% if tab == 'password' %}aria-current="page"{% endif %}>{{ t('修改密码') }}</a>
</nav>

{% if notice %}
<div class="alert alert--success" role="status"><div class="alert__body"><strong>{{ t(notice) }}</strong></div></div>
{% endif %}
{% if error %}
<div class="alert alert--danger" role="alert"><div class="alert__body"><strong>{{ t(error) }}</strong></div></div>
{% endif %}

{% if tab == 'account' %}
<section class="card profile-card profile-panel">
  <dl class="summary">
    <div><dt>{{ t('用户名') }}</dt><dd class="mono">{{ profile.user.username }}</dd></div>
    <div><dt>{{ t('角色') }}</dt><dd>{{ t('分析员' if current_user and current_user.role == 'analyst' else '管理员') }}</dd></div>
    <div><dt>{{ t('最近登录') }}</dt><dd>{% if last_login %}{{ local_time(last_login) }}{% else %}{{ t('未记录') }}{% endif %}</dd></div>
  </dl>
</section>
{% elif tab == 'password' %}
<section class="card profile-card profile-panel">
  {% if password_error %}<div class="alert alert--danger" role="alert"><div class="alert__body"><strong>{{ t(password_error) }}</strong></div></div>{% endif %}
      <div class="alert alert--danger" data-password-error role="alert" hidden>
        <div class="alert__body"><strong data-notice-text></strong></div>
      </div>
      <form method="post" action="/me/password" class="profile-form" data-async-form data-password-form>
        <input type="hidden" name="_csrf" value="{{ csrf_token }}">
        <div class="field">
          <label class="field__label" for="current-password">{{ t('当前密码') }}</label>
          <input class="input" id="current-password" name="current_password" type="password" autocomplete="current-password" required>
        </div>
        <div class="field">
          <label class="field__label" for="new-password">{{ t('新密码') }}</label>
          <input class="input" id="new-password" name="new_password" type="password" autocomplete="new-password" minlength="8" required>
          <p class="field__hint">{{ t('至少 8 位。修改成功后需要重新登录。') }}</p>
        </div>
        <div class="field">
          <label class="field__label" for="confirm-password">{{ t('确认新密码') }}</label>
          <input class="input" id="confirm-password" name="confirm_password" type="password" autocomplete="new-password" minlength="8" required>
        </div>
        <button class="btn btn--primary" type="submit" data-loading-label="{{ t('保存中…') }}">{{ t('保存新密码') }}</button>
      </form>
</section>
{% else %}
<section class="profile-main" id="token-list">
    <div class="card profile-card">
      <div class="profile-card__head">
        <p class="field__hint">{{ t('每个 Token 独立有效，删除后立即失效。') }}</p>
        {% if tokens %}
        <a class="btn btn--primary btn--sm" href="/me/tokens/new" data-dialog-open="token-create">{{ t('+ 生成新 Token') }}</a>
        {% endif %}
      </div>
      <p class="field__label">{{ t('MCP 地址') }}</p>
      <pre class="mono profile-endpoint">{{ mcp_url }}</pre>

      {% if tokens %}
      <div class="table-card profile-token-table">
        <table class="table table--responsive table--share">
          <thead><tr>
            <th>{{ t('名称') }}</th><th>{{ t('Token 前缀') }}</th><th>{{ t('创建时间') }}</th><th>{{ t('最近使用') }}</th><th class="cell-actions">{{ t('操作') }}</th>
          </tr></thead>
          <tbody>
          {% for token in tokens %}
            <tr>
              <td data-label="{{ t('名称') }}" class="cell-fill">{{ token.name or '—' }}</td>
              <td data-label="{{ t('Token 前缀') }}" class="mono">{{ (token.token_prefix ~ '…') if token.token_prefix else '—' }}</td>
              <td data-label="{{ t('创建时间') }}" class="muted small">{{ local_time(token.created_at) }}</td>
              <td data-label="{{ t('最近使用') }}" class="muted small">{% if token.last_used_at %}{{ local_time(token.last_used_at) }}{% else %}{{ t('从未使用') }}{% endif %}</td>
              <td data-label="{{ t('操作') }}" class="cell-actions">
                <a class="btn btn--danger-ghost btn--sm" href="/me/tokens/{{ token.id }}/delete" data-dialog-open="delete-token-{{ token.id }}">{{ t('删除') }}</a>
              </td>
            </tr>
          {% endfor %}
          </tbody>
        </table>
      </div>
      {% if pages > 1 %}
      <nav class="pagination" aria-label="{{ t('分页') }}">
        {% if page > 1 %}<a class="btn btn--secondary btn--sm" href="/me?page={{ page - 1 }}">{{ t('上一页') }}</a>{% endif %}
        <span class="pagination__info">{{ t('第 {page} / {pages} 页', page=page, pages=pages) }} · {{ t('共 {total} 个', total=total) }}</span>
        {% if page < pages %}<a class="btn btn--secondary btn--sm" href="/me?page={{ page + 1 }}">{{ t('下一页') }}</a>{% endif %}
      </nav>
      {% endif %}
      {% else %}
      <div class="empty empty--sm">
        <h2>{{ t('还没有 MCP Token') }}</h2>
        <p>{{ t('生成一个 Token 给 Cursor、Codex 或 DeepSeek Harness 使用。') }}</p>
        <a class="btn btn--primary" href="/me/tokens/new" data-dialog-open="token-create">{{ t('+ 生成第一个 Token') }}</a>
      </div>
      {% endif %}
    </div>
</section>
{% endif %}

{% if tab == 'mcp' %}
{% for token in tokens %}
<dialog id="delete-token-{{ token.id }}" class="modal" aria-labelledby="delete-token-title-{{ token.id }}">
  <div class="modal__panel">
    <button class="modal__close" type="button" data-dialog-close aria-label="{{ t('关闭') }}">×</button>
    <h2 id="delete-token-title-{{ token.id }}">{{ t('删除 Token') }}</h2>
    <p class="field__hint">{{ t('删除后立即失效，不能恢复。') }}</p>
    <dl class="summary">
      <div><dt>{{ t('名称') }}</dt><dd>{{ token.name or '—' }}</dd></div>
      <div><dt>{{ t('Token 前缀') }}</dt><dd class="mono">{{ (token.token_prefix ~ '…') if token.token_prefix else '—' }}</dd></div>
      <div><dt>{{ t('创建时间') }}</dt><dd>{{ local_time(token.created_at) }}</dd></div>
    </dl>
    {% if total == 1 %}
    <div class="alert alert--danger"><div class="alert__body"><span class="alert__detail">{{ t('MCP 会暂时不能访问，直到重新生成。') }}</span></div></div>
    {% endif %}
    <form method="post" action="/me/tokens/{{ token.id }}/delete" class="form-actions form-actions--inline">
      <input type="hidden" name="_csrf" value="{{ csrf_token }}">
      <button class="btn btn--secondary" type="button" data-dialog-close>{{ t('取消') }}</button>
      <button class="btn btn--danger" type="submit">{{ t('确认删除') }}</button>
    </form>
  </div>
</dialog>
{% endfor %}
{% endif %}

{% if tab == 'mcp' %}
<dialog id="token-create" class="modal{% if modal_open %} is-open{% endif %}" aria-labelledby="token-create-title"{% if modal_open %} open data-open-on-load="true"{% endif %}>
  <div class="modal__panel">
    {% if modal_open %}<a class="modal__close" href="/me" data-dialog-close="navigate" aria-label="{{ t('关闭') }}">×</a>{% else %}<button class="modal__close" type="button" data-dialog-close aria-label="{{ t('关闭') }}">×</button>{% endif %}
    {% if new_token %}
    <span class="badge badge--success">{{ t('Token 已生成') }}</span>
    <h2 id="token-create-title">{{ t('请立即保存') }}</h2>
    <p class="field__hint">{{ t('完整 Token 只显示一次，关闭页面后无法再次查看。') }}</p>
    <div class="token-copy">
      <pre id="mcp-token-value" class="mono setup-secret">{{ new_token }}</pre>
      <div class="token-copy__actions">
        <button id="copy-mcp-token" class="btn btn--secondary btn--sm" type="button" hidden
                aria-label="{{ t('复制 MCP Token') }}"
                data-copied="{{ t('已复制') }}"
                data-selected="{{ t('已选中，请按 ⌘C / Ctrl+C 复制') }}">{{ t('复制') }}</button>
        <span id="copy-mcp-token-status" class="field__hint" role="status" aria-live="polite"></span>
      </div>
    </div>
    <div class="alert alert--warning"><div class="alert__body"><strong>{{ t('只显示一次') }}</strong><span class="alert__detail">{{ t('请把它配置到对应客户端；丢失后只能删除并重新生成。') }}</span></div></div>
    {% else %}
    <h2 id="token-create-title">{{ t('生成新 Token') }}</h2>
    <p class="field__hint">{{ t('名称可选，用于区分 Cursor、Codex 等客户端。') }}</p>
    {% if modal_error %}<div class="alert alert--danger" role="alert"><div class="alert__body"><strong>{{ t(modal_error) }}</strong></div></div>{% endif %}
    <form method="post" action="/me/tokens" class="profile-form" data-submit-loading>
      <input type="hidden" name="_csrf" value="{{ csrf_token }}">
      <div class="field">
        <label class="field__label" for="token-name">{{ t('Token 名称（可选）') }}</label>
        <input class="input" id="token-name" name="name" maxlength="64" value="{{ token_name }}" placeholder="{{ t('例如 Cursor') }}">
      </div>
      <div class="form-actions form-actions--inline">
        {% if modal_open %}<a class="btn btn--secondary" href="/me" data-dialog-close="navigate">{{ t('取消') }}</a>{% else %}<button class="btn btn--secondary" type="button" data-dialog-close>{{ t('取消') }}</button>{% endif %}
        <button class="btn btn--primary" type="submit" data-loading-label="{{ t('生成中…') }}">{{ t('生成 Token') }}</button>
      </div>
    </form>
    {% endif %}
  </div>
</dialog>
{% endif %}
{% endblock %}
{% block scripts %}
{% if new_token %}<script src="/static/copy-token.js?v={{ script_version }}" defer></script>{% endif %}
{% endblock %}