{% extends "cms/base.html" %}
{% block title %}全站设置 - ARIFU CMS{% endblock %}
{% set active='settings' %}
{% block content %}
<div class="card">
  <h2>⚙️ 全站设置</h2>

  <!-- 网站信息 -->
  <h3 style="font-size:15px;color:var(--dark);margin:20px 0 12px;">🌐 网站信息</h3>
  <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px;">
    <div class="form-group">
      <label>网站名称</label>
      <input type="text" data-setting="site_name" class="form-control" value="{{ site_name }}">
    </div>
    <div class="form-group">
      <label>网站描述（副标题）</label>
      <input type="text" data-setting="site_desc" class="form-control" value="{{ site_desc }}">
    </div>
    <div class="form-group">
      <label>联系电话</label>
      <input type="text" data-setting="contact_phone" class="form-control" value="{{ contact_phone }}">
    </div>
    <div class="form-group">
      <label>联系邮箱</label>
      <input type="email" data-setting="contact_email" class="form-control" value="{{ contact_email }}">
    </div>
  </div>

  <!-- SEO -->
  <h3 style="font-size:15px;color:var(--dark);margin:24px 0 12px;">🔍 SEO / 收录设置</h3>
  <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px;">
    <div class="form-group">
      <label>ICP备案号</label>
      <input type="text" data-setting="icp" class="form-control" value="{{ icp }}">
    </div>
    <div class="form-group">
      <label>百度推送 Token</label>
      <input type="text" data-setting="baidu_token" class="form-control" placeholder="从百度搜索资源平台获取">
      <div class="form-hint">用于主动推送页面给百度收录，提升SEO效果</div>
    </div>
    <div class="form-group">
      <label>Google Search Console 验证码</label>
      <input type="text" data-setting="google_verify" class="form-control" placeholder="<meta name="google-site-verification" content="...">">
    </div>
    <div class="form-group">
      <label>百度统计 ID</label>
      <input type="text" data-setting="baidu_tongji" class="form-control" placeholder="百度统计代码中的HM码">
    </div>
  </div>

  <!-- 默认 SEO -->
  <h3 style="font-size:15px;color:var(--dark);margin:24px 0 12px;">📄 默认 SEO（用于未单独设置SEO的页面）</h3>
  <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px;">
    <div class="form-group">
      <label>默认 SEO Title 后缀</label>
      <input type="text" data-setting="seo_title_suffix" class="form-control" value="{{ seo_title_suffix or '' }}" placeholder="如：| ARIFU 艾瑞浮">
      <div class="form-hint">自动追加到每个页面的 <title> 末尾</div>
    </div>
    <div class="form-group">
      <label>默认 Meta Description</label>
      <input type="text" data-setting="default_meta_desc" class="form-control" value="{{ default_meta_desc or '' }}">
    </div>
  </div>

  <div style="margin-top:24px;">
    <button class="btn btn-primary" onclick="saveSettings()">💾 保存所有设置</button>
  </div>
</div>

<!-- 当前设置值（隐藏，用于回填） -->
<div class="card" style="margin-top:16px;">
  <h2>📋 当前设置值</h2>
  <table>
    <tr><th>键</th><th>值</th><th>操作</th></tr>
    {% for k, v in all_settings.items() %}
    <tr>
      <td style="font-family:monospace;font-size:12px;color:var(--blue);">{{ k }}</td>
      <td style="font-size:12px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{ v }}</td>
      <td><button class="btn btn-sm btn-danger" onclick="resetSetting('{{ k }}')">重置</button></td>
    </tr>
    {% endfor %}
  </table>
</div>
{% endblock %}