{{define "admin_gallery_form"}}
  <div class="panel">
    <h2>{{if eq .Data.Mode "create"}}新建相册{{else}}编辑相册「{{.Data.Album.Title}}」{{end}}</h2>
    {{if .Data.Error}}<div class="alert">{{.Data.Error}}</div>{{end}}
    <form method="post" action="{{if eq .Data.Mode "create"}}/admin/gallery/create{{else}}/admin/gallery/{{.Data.Album.ID}}/update{{end}}">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <div class="form-row">
        <label>相册名称</label>
        <input type="text" name="title" required value="{{.Data.Album.Title}}" placeholder="一组作品的名字，例如：晨光">
      </div>
      <div class="form-row">
        <label>链接别名（Slug）</label>
        <input type="text" name="slug" value="{{.Data.Album.Slug}}" placeholder="留空则根据标题自动生成">
      </div>
      <div class="form-row">
        <label>封面地址</label>
        <input type="url" name="cover" value="{{.Data.Album.Cover}}" placeholder="https://...（建议直接填第一张照片的地址）">
        <div class="hint">留空也能发布，前台会显示占位底色；建议直接填第一张照片的地址，封面与组照保持一致。</div>
      </div>
      <div class="form-row">
        <label>叙事简介</label>
        <textarea name="summary" class="small" data-zx-editor placeholder="这个相册讲了一个什么故事？一句话或一小段都可以">{{.Data.Album.Summary}}</textarea>
      </div>
      <div class="form-row">
        <label>作者（拍摄者）</label>
        <input type="text" name="author" value="{{.Data.Album.Author}}" placeholder="例如：仲夏晴空工作室">
      </div>
      <div class="form-row">
        <label>版权声明（作者 / 拍摄信息 / 授权说明）</label>
        <textarea name="copyright" class="small" placeholder="例如：作者：×××；拍摄：2026 年 6 月某日某地；授权：仅授权本站展示，禁止未授权转载、二改或商用。">{{.Data.Album.Copyright}}</textarea>
        <div class="hint">本相册全部照片都受这段版权声明保护，前台详情页会原样展示。</div>
      </div>
      <div class="form-row">
        <label><input type="checkbox" name="published" value="1" {{if eq .Data.Album.Published 1}}checked{{end}}> 立即发布</label>
      </div>
      <div style="display:flex;gap:10px;align-items:center;">
        <button class="btn btn-primary" type="submit">{{if eq .Data.Mode "create"}}创建相册{{else}}保存修改{{end}}</button>
        <a class="btn btn-ghost" href="/admin/gallery">返回影集列表</a>
      </div>
    </form>
  </div>

  {{if eq .Data.Mode "update"}}
  <div class="panel">
    <h2>组照管理 · {{.Data.Album.Title}}</h2>

    {{if .Data.Photos}}
    <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:20px;">
      {{range .Data.Photos}}
      <div style="border:1px solid var(--hairline);border-radius:10px;overflow:hidden;background:#fff;">
        <img src="{{.URL}}" alt="{{.Title}}" loading="lazy" style="width:100%;aspect-ratio:4/3;object-fit:cover;display:block;">
        <div style="padding:8px 10px;display:flex;flex-direction:column;gap:6px;">
          <span style="font-size:12.5px;line-height:1.5;color:var(--ink);">{{if .Title}}{{.Title}}{{else}}未命名{{end}}</span>
          {{if or .ExifDate .ExifCam .ExifGPS}}
          <span style="font-size:11px;color:var(--muted);line-height:1.5;">
            {{if .ExifDate}}{{ico "calendar"}} {{.ExifDate}}<br>{{end}}{{if .ExifCam}}{{ico "camera"}} {{.ExifCam}}<br>{{end}}{{if .ExifGPS}}{{ico "pin"}} {{.ExifGPS}}{{end}}
          </span>
          {{end}}
          <form method="post" action="/admin/gallery/photos/{{.ID}}/delete" style="display:inline;"
                onsubmit="return confirm('确定删除这张照片吗？此操作不可恢复。');">
            <input type="hidden" name="csrf" value="{{$.CSRF}}">
            <button class="btn btn-danger btn-sm" type="submit" style="width:100%;">删除</button>
          </form>
        </div>
      </div>
      {{end}}
    </div>
    {{else}}
    <p style="color:var(--muted);font-size:13.5px;margin:0 0 18px;">这卷胶片还是空的，往下添加第一张照片吧。</p>
    {{end}}

    <h3 style="margin:0 0 10px;font-size:15px;">＋ 添加照片</h3>
    <form method="post" action="/admin/gallery/{{.Data.Album.ID}}/photos/add" enctype="multipart/form-data">
      <input type="hidden" name="csrf" value="{{$.CSRF}}">
      <input type="hidden" name="album_id" value="{{.Data.Album.ID}}">
      <div class="form-row">
        <label>照片标题</label>
        <input type="text" name="title" placeholder="这一帧叫什么？例如：窗缝里漏进的第一线光">
      </div>
      <div class="form-row">
        <label>本地上传（推荐 · 自动压缩 + EXIF 识别）</label>
        <input type="file" name="photo_file" accept="image/jpeg,image/png,image/gif">
        <div class="hint">上传后自动做三件事：① 识别 EXIF（拍摄时间 / 设备 / 位置）② 长边超 1920px 等比缩放 ③ 以高质量 JPEG 重新压缩（体积通常缩小 3~5 倍，肉眼无差）。原图 EXIF 不会留在成片中，隐私不外泄。</div>
      </div>
      <div class="form-row">
        <label>或：照片描述（生成地址用）</label>
        <input type="text" id="g-photo-prompt" placeholder="例如：清晨的第一缕阳光穿过窗帘，胶片质感">
        <div class="hint" style="margin-top:8px;">
          <button type="button" class="btn btn-ghost btn-sm" onclick="galleryGen()">按描述生成占位图地址</button>
          <span style="margin-left:8px;font-size:12px;">生成后自动填入下方「照片地址」</span>
        </div>
      </div>
      <div class="form-row">
        <label>照片地址（二选一：上传了本地图片可留空）</label>
        <input type="url" name="url" id="g-photo-url" placeholder="https://picsum.photos/seed/.../800/600 或任意可访问的图片地址">
      </div>
      <button class="btn btn-primary btn-sm" type="submit">加入相册</button>
    </form>
  </div>

  <script>
    function galleryGen() {
      var prompt = document.getElementById('g-photo-prompt').value.trim();
      if (!prompt) { alert('先写一句照片描述'); return; }
      document.getElementById('g-photo-url').value =
        'https://picsum.photos/seed/' + encodeURIComponent(prompt) + '/800/600';
    }
  </script>
  {{end}}
{{end}}