{{define "content"}}
<div class="wrap">
  <div class="page-head">
    <div>
      <h1>地点补全</h1>
      <div class="sub">
        共 <strong>{{num .Total}}</strong> 个地点缺活动或类别，其中 <strong>{{num .WithHint}}</strong> 个能给出建议。
        <strong>只填空</strong>——已经有活动或类别的一律不动。
      </div>
    </div>
    <div class="row"><a class="btn" href="/admin">← 返回后台</a></div>
  </div>

  {{if .Flash}}<div class="alert ok">{{.Flash}}</div>{{end}}
  {{if .Err}}<div class="alert err">{{.Err}}</div>{{end}}

  {{if .Rows}}
  <div class="card">
    <h2>待补全（{{num .Total}}）</h2>
    <div class="card-sub">
      建议已经预填在框里，<strong>不满意的直接改或清空</strong>即可，留空就是不动。
      活动按<strong>地点</strong>补：一次把该地点名下所有没设活动的到访一起填上，不会只改一条。
      填了现有列表之外的名字，会自动建成新的活动类型。<br>
      「用高德分析剩下的」每次处理 40 个、约 4 秒，结果会填进上面还没建议的行里，点多几次即可。
    </div>
    <form method="post" action="/admin/fillup/apply">
      <div class="tw">
        <table class="tb tb-stack">
          <thead>
            <tr>
              <th>地点</th><th>城市</th><th class="num">待设到访</th><th>缺什么</th>
              <th>活动</th><th>类别</th><th>建议来源</th>
            </tr>
          </thead>
          <tbody>
            {{range $row := .Rows}}
            <tr>
              <td>{{if $row.Name}}{{$row.Name}}{{else}}<span class="muted">（未命名）</span>{{end}}</td>
              <td data-label="城市">{{if $row.City}}{{$row.City}}{{else}}<span class="muted">—</span>{{end}}</td>
              <td class="num" data-label="待设到访">{{if $row.NoAct}}{{$row.NoAct}}{{else}}<span class="muted">—</span>{{end}}</td>
              <td data-label="缺什么">{{$row.Missing}}</td>
              <td data-label="活动">
                {{if $row.NoAct}}
                <input list="fill-act" name="act_{{$row.PlaceID}}" value="{{$row.ActHint}}"
                       placeholder="（不动）" style="min-width:8em">
                {{else}}<span class="muted">—</span>{{end}}
              </td>
              <td data-label="类别">
                {{if $row.NoCat}}
                <input list="fill-cat" name="cat_{{$row.PlaceID}}" value="{{$row.CatHint}}"
                       placeholder="（不动）" style="min-width:13em">
                {{else}}<span class="muted">—</span>{{end}}
              </td>
              <td data-label="建议来源">{{if $row.Source}}{{$row.Source}}{{else}}<span class="muted">—</span>{{end}}</td>
            </tr>
            {{end}}
          </tbody>
        </table>
      </div>
      <datalist id="fill-act">
        {{range .Activities}}<option value="{{.Name}}"></option>{{end}}
      </datalist>
      <datalist id="fill-cat">
        {{range .Categories}}<option value="{{.}}"></option>{{end}}
      </datalist>
      <div class="row" style="margin-top:12px">
        <button class="btn primary" type="submit">执行补全</button>
        <button class="btn" type="submit" formaction="/admin/fillup/amap"
                title="用高德按坐标搜一遍，给还没建议的地点补上参考">用高德分析剩下的</button>
      </div>
    </form>
  </div>
  {{else}}
  <div class="card">
    <div class="alert ok">所有地点的活动和类别都齐了，没什么要补的。</div>
  </div>
  {{end}}
</div>
{{end}}