{{define "admin_imgmeta_settings"}}
<div class="panel" style="max-width:760px;margin:0 auto;">
  <div style="padding:18px 20px 8px;">
    <div style="display:flex;align-items:center;justify-content:space-between;margin:0 0 6px;">
      <h2 style="margin:0;font-size:18px;">图片信息识别 · 插件设置</h2>
    </div>
    <p style="margin:0 0 12px;color:#8a94a6;font-size:13px;">控制相册缩略图上的图片信息徽章（HDR / Live / 分辨率 / EXIF 时间与设备）。保存后即时生效：前台相册详情与后台组照管理按此渲染，无需重启。</p>
    {{if .Data.Saved}}<div style="padding:10px 14px;border-radius:8px;background:#eef7f1;color:#2f7d56;font-size:13px;margin-bottom:12px;">设置已保存，刷新前台相册即可看到效果。</div>{{end}}
  </div>
  <form method="post" action="/admin/imgmeta/settings" style="padding:0 20px 18px;">
    <input type="hidden" name="csrf" value="{{.CSRF}}">
    <div class="form-row">
      <label>徽章总开关</label>
      <label style="display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer;">
        <input type="checkbox" name="badge_enabled" value="1" {{if .Data.Settings.Enabled}}checked{{end}} style="width:auto;"> 在相册缩略图上显示图片信息徽章
      </label>
      <div class="hint">关闭后前台与后台的缩略图都不再叠加徽章（识别与标签落库照常进行）。</div>
    </div>
    <div class="form-row">
      <label>显示哪些标签</label>
      <div style="display:flex;gap:18px;flex-wrap:wrap;">
        <label class="check-row"><input type="checkbox" name="badge_tag_hdr" value="1" {{if index .Data.Checks "hdr"}}checked{{end}} style="width:auto;"> HDR</label>
        <label class="check-row"><input type="checkbox" name="badge_tag_live" value="1" {{if index .Data.Checks "live"}}checked{{end}} style="width:auto;"> Live</label>
        <label class="check-row"><input type="checkbox" name="badge_tag_res" value="1" {{if index .Data.Checks "res"}}checked{{end}} style="width:auto;"> 分辨率（宽×高）</label>
        <label class="check-row"><input type="checkbox" name="badge_tag_exif" value="1" {{if index .Data.Checks "exif"}}checked{{end}} style="width:auto;"> EXIF 时间与设备</label>
      </div>
      <div class="hint">只勾选需要展示的类别；全部取消等同关闭徽章。</div>
    </div>
    <div class="form-row">
      <label>徽章位置</label>
      <div style="display:flex;gap:18px;flex-wrap:wrap;">
        <label class="check-row"><input type="radio" name="badge_pos" value="tl" {{if eq .Data.Settings.Pos "tl"}}checked{{end}} style="width:auto;"> 左上</label>
        <label class="check-row"><input type="radio" name="badge_pos" value="tr" {{if eq .Data.Settings.Pos "tr"}}checked{{end}} style="width:auto;"> 右上</label>
        <label class="check-row"><input type="radio" name="badge_pos" value="bl" {{if eq .Data.Settings.Pos "bl"}}checked{{end}} style="width:auto;"> 左下</label>
        <label class="check-row"><input type="radio" name="badge_pos" value="br" {{if eq .Data.Settings.Pos "br"}}checked{{end}} style="width:auto;"> 右下</label>
      </div>
    </div>
    <div class="form-row">
      <label>徽章样式</label>
      <div style="display:flex;gap:18px;flex-wrap:wrap;">
        <label class="check-row"><input type="radio" name="badge_style" value="glass" {{if eq .Data.Settings.Style "glass"}}checked{{end}} style="width:auto;"> 毛玻璃</label>
        <label class="check-row"><input type="radio" name="badge_style" value="solid" {{if eq .Data.Settings.Style "solid"}}checked{{end}} style="width:auto;"> 纯色</label>
      </div>
      <div class="hint">毛玻璃：半透明深底 + 背景模糊；纯色：不透明深底。</div>
    </div>
    <div style="display:flex;gap:10px;align-items:center;">
      <button type="submit" class="btn btn-primary">保存设置</button>
    </div>
  </form>
</div>
{{end}}