{{define "admin_seats"}}
<div class="thm-events">
  <div style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;">
    <div>
      <h2 style="margin:0 0 4px;">影院选座 · 厅图</h2>
      <div class="shelf-note">每个厅都不一样没关系——点格子画出座位图，厅图存成数据；活动挂上哪张，前台就长出哪个选座器。</div>
    </div>
    <div style="display:flex;align-items:center;gap:10px;">
      <a href="/admin/apps/seats" class="btn btn-ghost btn-sm">应用中心</a>
      <a href="/admin/seats/new" class="btn btn-primary btn-sm">＋ 画一张厅图</a>
    </div>
  </div>

  {{if eq .Data.Err "inuse"}}
  <div class="panel" style="padding:12px 16px;margin-bottom:14px;border-left:3px solid #dc2626;background:rgba(220,38,38,.06);">
    这张厅图已经有售出的票在用，不能删——票不能变废纸。
  </div>
  {{end}}

  <div class="panel" style="padding:0;">
    {{if .Data.Layouts}}
    <table class="table">
      <thead>
        <tr>
          <th>厅图</th>
          <th>座位数</th>
          <th>更新时间</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        {{range .Data.Layouts}}
        <tr>
          <td><a href="/admin/seats/{{.ID}}/edit">{{.Name}}</a></td>
          <td>{{index $.Data.Counts .ID}} 座</td>
          <td>{{dateTime .UpdatedAt}}</td>
          <td>
            <div class="row-actions">
              <a href="/admin/seats/{{.ID}}/edit" class="btn btn-ghost btn-sm">编辑厅图</a>
              <form method="post" action="/admin/seats/{{.ID}}/delete" style="display:inline;"
                    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}}
    <div style="text-align:center;color:var(--muted);padding:40px 0;">还没有厅图。点「画一张厅图」，几下点出你们影厅的座位。</div>
    {{end}}
  </div>
</div>
{{end}}