{{define "gallery_index"}}
  <link rel="stylesheet" href="/static/css/gallery.css?v={{assetVer}}">

  <header class="pol-hero">
    <h1 class="pol-hero-title">把照片钉上墙</h1>
    <ul class="pol-tacks">
      <li><span class="pol-tack"></span><b>相册叙事</b><em>一组照片，讲一个故事</em></li>
      <li><span class="pol-tack"></span><b>版权随行</b><em>© 每张照片带版权声明</em></li>
      <li><span class="pol-tack"></span><b>纯时间线</b><em>无算法 · 无点赞 · 不插队</em></li>
    </ul>
  </header>

  <!-- 开册区：登录后前台开相册，几项一次填清楚 -->
  {{if .Data.Err}}<div class="pol-post-err">{{.Data.Err}}</div>{{end}}
  <div class="gal-new">
    <div class="gal-new-head">
      <h3 class="gal-new-title">{{ico "camera"}} 开一本新相册</h3>
      <p class="gal-new-sub">相册名、一句说明、封面图填好，就能开册。</p>
    </div>
    {{if .Data.CurrentUser}}
    <form method="post" action="/gallery/publish">
      <div class="gal-new-grid">
        <label class="gal-field">
          <span>相册名<em>必填</em></span>
          <input type="text" name="title" placeholder="给这一卷起个名字" maxlength="80" required>
        </label>
        <label class="gal-field">
          <span>链接别名<em>可留空，自动生成</em></span>
          <input type="text" name="slug" placeholder="相册地址的短名，留空也行" maxlength="120">
        </label>
        <label class="gal-field">
          <span>封面图地址<em>必填，填图片网址</em></span>
          <input type="text" name="cover" placeholder="https://… 或站内图片地址" maxlength="500" required>
        </label>
        <label class="gal-field">
          <span>署名作者<em>取登录用户名</em></span>
          <input type="text" name="author" value="{{.Data.CurrentUser}}" readonly title="作者默认取登录用户名">
        </label>
        <label class="gal-field gal-span">
          <span>一句说明<em>必填，这组照片讲了什么</em></span>
          <textarea name="summary" data-zx-editor placeholder="在哪儿拍的、想留下什么——写得越细，越有人懂。" rows="3" maxlength="5000" required></textarea>
        </label>
        <div class="gal-field gal-span">
          <span>版权声明<em>开册后自动附带</em></span>
          <p class="gal-note-ro">作者：<b>{{.Data.CurrentUser}}</b>；授权：本站用户发布，禁止未授权转载、二改或商用。</p>
        </div>
      </div>
      <div class="gal-new-foot">
        <span class="gal-new-hint">{{ico "spark"}} 以 <b>{{.Data.CurrentUser}}</b> 的身份开这本相册。</span>
        <span class="gal-btns">
          <button class="gal-btn gal-btn-ghost" type="reset">重填</button>
          <button class="gal-btn gal-btn-main" type="submit">把相册钉上墙</button>
        </span>
      </div>
    </form>
    {{else}}
    <div class="gal-login">
      <p>登录后才能开相册、把照片钉上墙。</p>
      <a class="gal-btn gal-btn-main" href="/admin/login">去登录</a>
    </div>
    {{end}}
  </div>

  {{if .Data.Albums}}
  <div class="pol-wall">
    {{range .Data.Albums}}
    <article class="pol-card">
      <span class="pol-tape"></span>
      <a class="pol-photo" href="/gallery/{{.Slug}}">
        <img src="{{.Cover}}" alt="{{.Title}}" loading="lazy">
      </a>
      <div class="pol-card-body">
        <h2 class="pol-card-title"><a href="/gallery/{{.Slug}}">{{.Title}}</a></h2>
        <p class="pol-card-desc">{{truncate .Summary 68}}</p>
        <div class="pol-card-foot">
          <span class="pol-card-author">{{if .Author}}{{.Author}}{{else}}佚名{{end}}</span>
          <span class="pol-card-meta">{{date .CreatedAt}} · {{.PhotoCount}} 张</span>
        </div>
      </div>
    </article>
    {{end}}
  </div>
  {{else}}
  <div class="pol-empty">
    <h3>软木墙还是空的</h3>
    <p>还没有相册上架。登录后开第一本相册，把第一张照片钉上墙吧。</p>
  </div>
  {{end}}

  {{template "pagination" .}}
  {{template "module_meta" .}}
{{end}}