{{define "admin_settings"}}
<div class="admin-settings">
  <div class="settings-tabs" id="settingsTabs">
    <a href="/admin/settings/basic" class="settings-tab {{if eq .Data.Tab "basic"}}active{{end}}">基本信息</a>
    <a href="/admin/settings/site" class="settings-tab {{if eq .Data.Tab "site"}}active{{end}}">站点设置</a>
    <a href="/admin/settings/users" class="settings-tab {{if eq .Data.Tab "users"}}active{{end}}">用户与注册</a>
    <a href="/admin/settings/nav" class="settings-tab {{if eq .Data.Tab "nav"}}active{{end}}">站点导航</a>
    <a href="/admin/settings/account" class="settings-tab {{if eq .Data.Tab "account"}}active{{end}}">站长信息</a>
    <a href="/admin/settings/seo" class="settings-tab {{if eq .Data.Tab "seo"}}active{{end}}">SEO 优化</a>
    <a href="/admin/settings/update" class="settings-tab {{if eq .Data.Tab "update"}}active{{end}}">程序更新</a>
  </div>

  {{if .Data.Saved}}<div class="alert alert-ok"><strong>保存成功 {{ico "check"}}</strong> 改动已立即生效，前台刷新即可看到。</div>{{end}}
  {{if and (ne .Data.Tab "update") .Data.Err}}<div class="alert alert-err"><strong>提示：</strong>{{.Data.Err}}</div>{{end}}

  {{if eq .Data.Tab "basic"}}
  <div class="panel">
    <h2 class="panel-title">基本信息</h2>
    <p class="settings-copy">这里定义站点的<strong>名片</strong>：名字、口号与描述，会出现在页头、页脚与搜索引擎结果里。</p>
    <form method="post" action="/admin/settings" enctype="multipart/form-data">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <input type="hidden" name="action" value="save_basic">
      <div class="form-row">
        <label>站点名称</label>
        <input type="text" name="site_name" value="{{.Data.SiteName}}" required>
        <div class="hint">建议采用中英结合格式，例如「仲夏晴空 · ZXSORA」</div>
      </div>
      <div class="form-row">
        <label>站点口号（Slogan）</label>
        <input type="text" name="site_slogan" value="{{.Data.SiteSlogan}}">
        <div class="hint">一句话说清站点想做的事，让访客第一眼就懂你</div>
      </div>
      <div class="form-row">
        <label>站点描述</label>
        <textarea name="site_description" class="small">{{.Data.Description}}</textarea>
        <div class="hint">用于 SEO 描述与页脚展示，写得真诚一点，读者会记住你</div>
      </div>

      <div class="logo-field">
        <h3 class="logo-field-title">站点 LOGO</h3>
        <p class="settings-copy">站名旁边的那个小小印记。三种做法随你挑：<strong>一个字</strong>最省事，<strong>图片链接</strong>适合已有素材站，<strong>上传</strong>则把图直接存在本站。切换模式不会丢掉另外两种的填写内容，改天想换回来直接切即可。</p>
        <div class="logo-preview">
          <span class="logo-preview-label">当前效果</span>
          <span class="brand-mark{{if eq .Data.LogoPreviewMode "text"}}{{else}} brand-mark-img{{end}}">
            {{if eq .Data.LogoPreviewMode "text"}}{{.Data.LogoText}}{{else}}<img src="{{.Data.LogoPreview}}" alt="{{.Data.SiteName}}">{{end}}
          </span>
          {{if and (ne .Data.LogoMode "text") (eq .Data.LogoPreviewMode "text")}}
          <span class="logo-preview-warn">选了图片却没拿到地址，页头暂时退回文字</span>
          {{end}}
        </div>
        <div class="form-row">
          <label class="check-line"><input type="radio" name="logo_mode" value="text" {{if eq .Data.LogoMode "text"}}checked{{end}}> 文字 LOGO（默认）</label>
          <label class="check-line"><input type="radio" name="logo_mode" value="image" {{if eq .Data.LogoMode "image"}}checked{{end}}> 图片链接</label>
          <label class="check-line"><input type="radio" name="logo_mode" value="upload" {{if eq .Data.LogoMode "upload"}}checked{{end}}> 上传图片</label>
        </div>
        <div class="form-row">
          <label>文字内容</label>
          <input type="text" name="logo_text" value="{{.Data.LogoText}}" maxlength="4" placeholder="晴">
          <div class="hint">建议一两个字，多了会把页头撑开、挤走导航</div>
        </div>
        <div class="form-row">
          <label>图片地址</label>
          <input type="text" name="logo_image" value="{{.Data.LogoImage}}" placeholder="/uploads/brand/logo.png 或 https://example.com/logo.png">
          <div class="hint">选「图片链接」时用这个；站外地址请用完整的 https 链接</div>
        </div>
        <div class="form-row">
          <label>上传图片</label>
          <input type="file" name="logo_file" accept="image/png,image/jpeg,image/gif,image/webp">
          <div class="hint">
            选「上传图片」时用这个，支持 PNG / JPG / GIF / WebP，单张不超过 4 MB。
            {{if .Data.LogoUpload}}已上传：<a href="{{.Data.LogoUpload}}" target="_blank" rel="noopener">{{.Data.LogoUpload}}</a>{{else}}尚未上传过文件。{{end}}
            <br>留空表示不更换；原图原样保存，透明底不会被压成白底。
          </div>
        </div>
      </div>

      <button class="btn btn-primary" type="submit">保存基本信息</button>
    </form>
  </div>
  {{end}}

  {{if eq .Data.Tab "site"}}
  <div class="panel">
    <h2 class="panel-title">站点设置</h2>
    <p class="settings-copy">地址、语言与更新源都收在这里：<strong>更新源地址</strong>填好后，就能在「程序更新」里在线检测并升级。</p>
    <form method="post" action="/admin/settings">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <input type="hidden" name="action" value="save_site">
      <div class="form-row">
        <label>站点 URL</label>
        <input type="url" name="site_url" value="{{.Data.SiteURL}}">
        <div class="hint">用于 RSS 与站点地图生成，请以 / 结尾</div>
      </div>
      <div class="form-row">
        <label>语言</label>
        <select name="site_language">
          <option value="zh-CN" {{if eq .Data.Language "zh-CN"}}selected{{end}}>简体中文</option>
          {{if and (ne .Data.Language "zh-CN") (ne .Data.Language "zh-TW") (ne .Data.Language "en")}}
          <option value="{{.Data.Language}}" selected>{{.Data.Language}}</option>
          {{end}}
        </select>
        <div class="hint">站点语言，当前为<strong>简体中文</strong>；会写入页面的 <code>lang</code> 与搜索引擎的 <code>inLanguage</code> 标记。</div>
      </div>
      <div class="form-row">
        <label>每页文章数</label>
        <input type="number" name="posts_per_page" value="{{.Data.PostsPerPage}}" min="1" max="50">
      </div>
      <div class="form-row">
        <label>更新源地址（update_url）</label>
        <input type="url" name="update_url" value="{{.Data.UpdateURL}}" placeholder="https://example.com/version.json">
        <div class="hint">指向一个 JSON：<code>{"version":"0.2.0","url":"https://…/zxcms-0.2.0.zip","notes":"说明"}</code></div>
      </div>
      <div class="form-row">
        <label class="check-line"><input type="checkbox" name="comment_audit" value="1" {{if .Data.CommentAudit}}checked{{end}}> 评论需要人工审核</label>
        <div class="hint">勾上之后，新评论先落进「{{if .Site.PublicPages}}内容 → 评论{{else}}评论管理{{end}}」等放行，不再直接出现在文章下面；关掉则即时公开。无论开关如何，发表评论都要先过验证码。</div>
      </div>
      <button class="btn btn-primary" type="submit">保存站点设置</button>
    </form>
  </div>
  {{end}}

  {{if eq .Data.Tab "seo"}}
  <div class="panel">
    <h2 class="panel-title">SEO 优化</h2>
    <p class="settings-copy">让搜索引擎<strong>更快、更准</strong>地收录你的站点：填写关键词、站长验证与统计代码后，全站页面会自动输出对应的 <code>meta</code> 标签、Open Graph 与 JSON-LD 结构化数据（无需改代码）。</p>
    <form method="post" action="/admin/settings">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <input type="hidden" name="action" value="save_seo">
      <div class="form-row">
        <label>SEO 关键词</label>
        <input type="text" name="seo_keywords" value="{{.Data.SEOKeywords}}" placeholder="仲夏晴空, 博客, 建站工具, ZXSORA">
        <div class="hint">多个关键词用英文逗号分隔，输出到全站 <code>&lt;meta name="keywords"&gt;</code></div>
      </div>
      <div class="form-row">
        <label>百度站长验证</label>
        <input type="text" name="seo_verify_baidu" value="{{.Data.SEOVerifyBaidu}}" placeholder="如：codeva-XXXX">
        <div class="hint">在百度搜索资源平台获取，输出 <code>&lt;meta name="baidu-site-verification"&gt;</code>，加速收录</div>
      </div>
      <div class="form-row">
        <label>Google 站长验证</label>
        <input type="text" name="seo_verify_google" value="{{.Data.SEOVerifyGoogle}}" placeholder="如：XXXXX-XXXXXXXX">
        <div class="hint">在 Google Search Console 获取，输出 <code>&lt;meta name="google-site-verification"&gt;</code></div>
      </div>
      <div class="form-row">
        <label>Bing 站长验证</label>
        <input type="text" name="seo_verify_bing" value="{{.Data.SEOVerifyBing}}" placeholder="如：XXXXXXX">
        <div class="hint">在 Bing Webmaster 获取，输出 <code>&lt;meta name="msvalidate.01"&gt;</code></div>
      </div>
      <div class="form-row">
        <label>统计代码</label>
        <textarea name="seo_analytics" class="small" placeholder="&lt;script&gt;…百度统计 / Google Analytics…&lt;/script&gt;">{{.Data.SEOAnalytics}}</textarea>
        <div class="hint">支持百度统计、Google Analytics 等任意 HTML 统计代码，注入到每个页面底部</div>
      </div>
      <button class="btn btn-primary" type="submit">保存 SEO 设置</button>
    </form>
  </div>
  {{end}}

  {{if eq .Data.Tab "users"}}
  <div class="panel">
    <h2 class="panel-title">用户与注册</h2>
    <p class="settings-copy">决定访客能否在前台注册账号。关闭注册时，站点只保留管理员入口，更清净也更安全。</p>
    <form method="post" action="/admin/settings">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <input type="hidden" name="action" value="save_users">
      <div class="form-row">
        <label class="check-line">
          <input type="checkbox" name="allow_registration" {{if .Data.AllowRegistr}}checked{{end}}>
          允许访客在前台注册账号
        </label>
        <div class="hint">开启后，站点访客可以注册账号并登录后台；关闭后注册入口隐藏，仅保留管理员登录。</div>
      </div>
      <button class="btn btn-primary" type="submit">保存注册设置</button>
    </form>
  </div>
  {{end}}

  {{if eq .Data.Tab "nav"}}
  <div class="panel nav-admin">
    <h2 class="panel-title">顶栏导航</h2>
    <p class="settings-copy">访客进站第一眼看到的那一排字。名称、链接、先后顺序、是否新窗口打开、是否显示，都在这儿改——保存后前台刷新即生效。</p>
    {{/* 保存表单单独放一份，表格里的输入用 form 属性挂过来：
         行内还有个「移除」表单，表单不能嵌套，这里就不能照常包一层。 */}}
    <form method="post" action="/admin/settings" id="navSaveForm">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <input type="hidden" name="action" value="save_nav">
    </form>
    {{if .Data.Navs}}
    <div class="table-wrap">
      <table class="table nav-table">
        <thead>
          <tr>
            <th class="nt-label">名称</th>
            <th class="nt-url">链接</th>
            <th class="nt-sort">排序</th>
            <th class="nt-tab">新窗口</th>
            <th class="nt-show">显示</th>
            <th class="th-ops">操作</th>
          </tr>
        </thead>
        <tbody>
          {{range .Data.Navs}}
          <tr{{if not .Visible}} class="is-off"{{end}}>
            <td>
              <input form="navSaveForm" type="hidden" name="item_id" value="{{.ID}}">
              <input form="navSaveForm" type="text" name="label" value="{{.Label}}" maxlength="40" aria-label="名称">
            </td>
            <td>
              {{if .IsModules}}
              <input form="navSaveForm" type="hidden" name="url" value="">
              <span class="nav-fixed-hint">自动收录已装模块</span>
              {{else}}
              <input form="navSaveForm" type="text" name="url" value="{{.URL}}" maxlength="200" aria-label="链接" placeholder="/page/about 或 https://…">
              {{end}}
            </td>
            <td><input form="navSaveForm" type="number" name="sort" value="{{.Sort}}" class="nt-num" aria-label="排序"></td>
            <td class="nt-center">
              {{if .IsModules}}<span class="nav-fixed-hint">—</span>
              {{else}}<input form="navSaveForm" type="checkbox" name="newtab_{{.ID}}" value="1" {{if .NewTab}}checked{{end}} aria-label="新窗口打开">{{end}}
            </td>
            <td class="nt-center">
              <input form="navSaveForm" type="checkbox" name="visible_{{.ID}}" value="1" {{if .Visible}}checked{{end}} aria-label="显示">
            </td>
            <td>
              <div class="row-actions">
                <a class="btn btn-ghost btn-sm" href="{{if .IsModules}}/{{else}}{{.URL}}{{end}}" target="_blank" rel="noopener">预览</a>
                <form method="post" action="/admin/settings" class="app-act"
                      onsubmit="return confirm('确定从顶栏移除「{{.Label}}」吗？');">
                  <input type="hidden" name="csrf" value="{{$.CSRF}}">
                  <input type="hidden" name="action" value="del_nav">
                  <input type="hidden" name="id" value="{{.ID}}">
                  <button class="btn btn-danger btn-sm" type="submit">移除</button>
                </form>
              </div>
            </td>
          </tr>
          {{end}}
        </tbody>
      </table>
    </div>
    <div class="form-actions">
      <button class="btn btn-primary" type="submit" form="navSaveForm">保存全部改动</button>
      <span class="hint">排序数字越小越靠前，条目之间留出间隔（10、20、30…），以后插入新的更省事。</span>
    </div>
    {{else}}
    <p class="settings-empty">顶栏现在是空的。下面加一条，访客就有地方可去了。</p>
    {{end}}
  </div>

  <div class="panel nav-admin">
    <h2 class="panel-title">添加一条导航</h2>
    <p class="settings-copy">站内页面写路径（<code>/page/about</code>），站外链接写完整网址（<code>https://example.com</code>）；只写 <code>example.com</code> 也会自动补成 https。</p>
    <form method="post" action="/admin/settings">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <input type="hidden" name="action" value="add_nav">
      <div class="form-row">
        <label>名称</label>
        <input type="text" name="new_label" maxlength="40" placeholder="例如：联系我" required>
      </div>
      <div class="form-row">
        <label>链接</label>
        <input type="text" name="new_url" maxlength="200" placeholder="/page/about 或 https://example.com" required>
      </div>
      <div class="form-row">
        <label class="check-line"><input type="checkbox" name="new_tab" value="on"> 新窗口打开（外链通常勾上，站内页面不必）</label>
      </div>
      <div class="form-actions">
        <button class="btn btn-primary" type="submit">＋ 添加条目</button>
      </div>
    </form>
  </div>

  {{if .Site.PublicPages}}
  <div class="panel nav-panel">
    <div class="nav-panel-head">
      <div>
        <h2 class="panel-title">落地页</h2>
        <p class="settings-copy">落地页是站点自己的长内容页：日志、关于、规则与声明。内容与顶栏分开维护——想让它出现在顶栏，在上面的「顶栏导航」里加一条指向 /page/别名 即可。</p>
      </div>
      <a href="/admin/pages/new" class="btn btn-primary">＋ 新建落地页</a>
    </div>
    {{if .Data.Pages}}
    <table class="table">
      <thead>
        <tr>
          <th>标题</th>
          <th>别名</th>
          <th>状态</th>
          <th>排序</th>
          <th>更新时间</th>
          <th class="th-ops">操作</th>
        </tr>
      </thead>
      <tbody>
        {{range .Data.Pages}}
        <tr>
          <td><a href="/admin/pages/{{.ID}}/edit">{{.Title}}</a></td>
          <td><code>/page/{{.Slug}}</code></td>
          <td>{{if .Published}}<span class="badge badge-pub">已发布</span>{{else}}<span class="badge badge-hidden">已隐藏</span>{{end}}</td>
          <td>{{.Sort}}</td>
          <td>{{date .UpdatedAt}}</td>
          <td>
            <div class="row-actions">
              <a href="/page/{{.Slug}}" class="btn btn-ghost btn-sm" target="_blank">查看</a>
              <a href="/admin/pages/{{.ID}}/edit" class="btn btn-ghost btn-sm">编辑</a>
              <form method="post" action="/admin/pages/{{.ID}}/toggle" class="app-act">
                <input type="hidden" name="csrf" value="{{$.CSRF}}">
                <button class="btn btn-ghost btn-sm" type="submit">{{if .Published}}隐藏{{else}}发布{{end}}</button>
              </form>
              <form method="post" action="/admin/pages/{{.ID}}/delete" class="app-act"
                    onsubmit="return confirm('确定删除这个导航页吗？此操作不可恢复。');">
                <input type="hidden" name="csrf" value="{{$.CSRF}}">
                <button class="btn btn-danger btn-sm" type="submit">删除</button>
              </form>
            </div>
          </td>
        </tr>
        {{end}}
      </tbody>
    </table>
    {{else}}
    <p class="settings-empty">还没有落地页。点右上角「新建落地页」，为站点添上第一页。</p>
    {{end}}
  </div>
  {{end}}{{/* .Site.PublicPages：落地页只在主站出现 */}}
  {{end}}

  {{if eq .Data.Tab "account"}}
  <div class="panel">
    <h2 class="panel-title">站长信息</h2>
    <p class="settings-copy">站长是站点的第一责任人：当前账号 <strong>{{.Data.Username}}</strong>。用户名暂不支持修改，密码请定期更换，守护你的站点。</p>
    <form method="post" action="/admin/settings">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <input type="hidden" name="action" value="save_account">
      <div class="form-row">
        <label>当前密码</label>
        <input type="password" name="current" required autocomplete="current-password">
      </div>
      <div class="form-row">
        <label>新密码</label>
        <input type="password" name="new_password" required autocomplete="new-password">
      </div>
      <div class="form-row">
        <label>确认新密码</label>
        <input type="password" name="confirm" required autocomplete="new-password">
      </div>
      <button class="btn btn-primary" type="submit">更新密码</button>
    </form>
  </div>

  <div class="panel">
    <h2 class="panel-title">Pro 授权</h2>
    <p class="settings-copy">
      程序不锁功能：免费版与 Pro 能用到的功能一模一样。<strong>唯一的差别是页脚那行署名</strong>——
      免费版由程序在页面收尾处自动补写「仲夏晴空 · ZXSORA · ZXSORACMS」，改模板、删节点、加样式都去不掉；
      填上一枚有效的授权码，署名就不再出现。
    </p>
    <p class="settings-copy">
      当前状态：
      {{if .Data.LicenseState.Granted}}
        <span class="tag tag-ok">Pro 已授权</span>
        {{if .Data.LicenseState.Expiry}}{{if ne .Data.LicenseState.Expiry "0"}}<span class="tag">到期 {{.Data.LicenseState.Expiry}}</span>{{else}}<span class="tag">永久授权</span>{{end}}{{end}}
        {{if .Data.LicenseState.Domains}}<span class="tag">绑定 {{.Data.LicenseState.Domains}}</span>{{end}}
      {{else}}
        <span class="tag">免费版</span>
        <span class="hint">{{.Data.LicenseState.Reason}}</span>
      {{end}}
    </p>
    <form method="post" action="/admin/settings">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <input type="hidden" name="action" value="save_license">
      <div class="form-row">
        <label>授权码</label>
        <textarea name="pro_license" class="small" placeholder="ZXSORA-PRO-……（没有就留空，站点照常用）">{{.Data.LicenseKey}}</textarea>
        <div class="hint">整串一起粘贴，别漏掉结尾；留空保存即回到免费版。</div>
      </div>
      <button class="btn btn-primary" type="submit">保存授权</button>
    </form>
  </div>
  {{end}}

  {{if eq .Data.Tab "update"}}
  {{template "admin_update" .}}
  {{end}}
</div>
{{end}}