{% extends "base.html" %}
{% block title %}系统设置{% endblock %}
{% block page_title %}系统设置{% endblock %}
{% block content %}
<div class="grid grid-2">
  <!-- 邮件通知 -->
  <div class="card">
    <div class="between">
      <div class="card-title" style="margin-bottom:0"><span class="bar"></span>📧 邮件通知</div>
      <label class="switch"><input type="checkbox" id="emailEnabled"><span></span></label>
    </div>
    <div class="mt8 settings-form">
      <div class="sf-row"><label>SMTP 服务器</label><input class="input" id="smtpHost" style="width:100%"></div>
      <div class="sf-row"><label>端口</label><input class="input" id="smtpPort" type="number" style="width:100%"></div>
      <div class="sf-row"><label>加密模式</label>
        <select class="input" id="smtpMode" style="width:100%">
          <option value="plain">无加密 (plain)</option>
          <option value="starttls">STARTTLS</option>
          <option value="ssl">SSL/TLS</option>
        </select>
      </div>
      <div class="sf-row"><label>发件账号</label><input class="input" id="smtpUser" style="width:100%"></div>
      <div class="sf-row"><label>发件密码</label><input class="input" id="smtpPass" type="password" style="width:100%"></div>
      <div class="sf-row"><label>发件人名称</label><input class="input" id="senderName" style="width:100%"></div>
      <div class="sf-row"><label>通知收件人</label><input class="input" id="emailTo" style="width:100%"></div>
    </div>
    <div class="flex mt16 wrap">
      <button class="btn btn-primary" onclick="save('mail')">💾 保存邮件设置</button>
      <button class="btn" onclick="testEmail()">📨 发送测试邮件</button>
    </div>
  </div>

  <!-- 大模型 -->
  <div class="card">
    <div class="card-title"><span class="bar" style="background:var(--gold)"></span>🤖 大模型接口</div>
    <div class="mt8 settings-form">
      <div class="sf-row"><label>Base URL</label><input class="input" id="llmBaseUrl" style="width:100%"></div>
      <div class="sf-row"><label>API Key</label><input class="input" id="llmApiKey" type="password" style="width:100%"></div>
      <div class="sf-row"><label>模型</label><input class="input" id="llmModel" style="width:100%"></div>
    </div>
    <div class="flex mt16 wrap">
      <button class="btn btn-primary" onclick="save('llm')">💾 保存模型设置</button>
      <button class="btn" onclick="testLlm()">🔌 测试连接</button>
    </div>
    <div class="mt16" style="border-top:1px solid var(--border);padding-top:12px;color:var(--muted);font-size:12px;line-height:1.8">
      用于 AI 深度研报生成。支持任意 OpenAI 兼容接口（DeepSeek / 火山方舟等）。修改后立即生效。<br>
      <span style="color:var(--gold)">💡 舆情监控 / 持仓跟踪等自动化参数已移至「⏰ 自动化」页面。</span>
    </div>
  </div>
</div>
{% endblock %}
{% block scripts %}
<script src="{{ url_for('static', filename='js/settings.js') }}"></script>
{% endblock %}