{% extends "cms/materialpro/base.html" %}

{% block content %}
<div class="container-fluid">
  <div class="row">
    <div class="col-lg-8">
      <h4 class="mb-4">全站设置</h4>

      <!-- 基本信息 -->
      <form method="POST" action="{{ url_for('mp.settings_save') }}">
        <div class="card mb-3">
          <div class="card-header"><h5 class="mb-0">基本信息</h5></div>
          <div class="card-body">
            <div class="row g-3">
              <div class="col-md-6">
                <label class="form-label">网站名称</label>
                <input type="text" class="form-control" name="site_name"
                       value="{{ settings.get('site_name','') }}">
              </div>
              <div class="col-md-6">
                <label class="form-label">网站地址</label>
                <input type="url" class="form-control" name="site_url"
                       value="{{ settings.get('site_url','') }}">
              </div>
              <div class="col-md-6">
                <label class="form-label">联系电话</label>
                <input type="text" class="form-control" name="contact_phone"
                       value="{{ settings.get('contact_phone','') }}">
              </div>
              <div class="col-md-6">
                <label class="form-label">联系邮箱</label>
                <input type="email" class="form-control" name="contact_email"
                       value="{{ settings.get('contact_email','') }}">
              </div>
              <div class="col-12">
                <label class="form-label">ICP备案号</label>
                <input type="text" class="form-control" name="icp"
                       value="{{ settings.get('icp','') }}">
              </div>
            </div>
          </div>
          <div class="card-footer">
            <button type="submit" class="btn btn-primary">
              <i data-feather="save" class="feather-sm"></i> 保存设置
            </button>
          </div>
        </div>
      </form>

      <!-- SEO设置 -->
      <div class="card mb-3">
        <div class="card-header"><h5 class="mb-0">SEO 设置</h5></div>
        <div class="card-body">
          <div class="mb-3">
            <label class="form-label">全局 SEO Title</label>
            <input type="text" class="form-control" placeholder="默认使用网站名称">
          </div>
          <div class="mb-3">
            <label class="form-label">全局 SEO Description</label>
            <textarea class="form-control" rows="3" placeholder="网站描述（150字以内）"></textarea>
          </div>
          <div class="mb-3">
            <label class="form-label">全局 SEO Keywords</label>
            <input type="text" class="form-control" placeholder="关键词1, 关键词2, 关键词3">
          </div>
        </div>
      </div>
    </div>

    <!-- 右侧：快速信息 -->
    <div class="col-lg-4">
      <div class="card mb-3">
        <div class="card-header"><h5 class="mb-0">系统信息</h5></div>
        <div class="card-body">
          <table class="table table-sm">
            <tr><td class="text-muted">ARIFU CMS 版本</td><td><strong>v2.0</strong></td></tr>
            <tr><td class="text-muted">MaterialPro 版本</td><td>v10.0.0</td></tr>
            <tr><td class="text-muted">Flask 版本</td><td>2.x</td></tr>
            <tr><td class="text-muted">数据库</td><td>SQLite cms.db</td></tr>
          </table>
        </div>
      </div>

      <div class="card mb-3">
        <div class="card-header"><h5 class="mb-0">服务器状态</h5></div>
        <div class="card-body">
          <div class="d-flex align-items-center mb-2">
            <span class="badge bg-success me-2">●</span> Flask 服务: 正常
          </div>
          <div class="d-flex align-items-center mb-2">
            <span class="badge bg-success me-2">●</span> Nginx: 正常
          </div>
          <div class="d-flex align-items-center">
            <span class="badge bg-success me-2">●</span> 数据库: 正常
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}