{{define "task/list"}}
{{template "header" .}}

<div class="toolbar">
  <form class="inline grow" method="get" action="/tasks">
    <label for="q">订单号</label>
    <input id="q" type="text" name="order_no" value="{{.Keyword}}" placeholder="订单号">
    <button type="submit">搜索</button>
  </form>

  <form class="inline" method="post" action="/tasks/delete" data-confirm-delete>
    <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
    <button type="submit" class="danger" data-need-checked>删除</button>
  </form>
</div>

<div class="table-wrap">
<table>
  <thead>
    <tr>
      <th class="col-check"><input type="checkbox" data-check-all></th>
      <th>订单号</th>
      <th>商品标题</th>
      <th>颜色</th>
      <th>尺码</th>
      <th>数量</th>
      <th>价格上限</th>
      <th>蝦皮 ID</th>
      <th>分配客户端</th>
      <th>状态</th>
      <th>更新时间</th>
    </tr>
  </thead>
  <tbody>
    {{range .Rows}}
    {{/* TODO(骨架): 行渲染。
         颜色尺码显示的是 **PDD 侧**的规格（实际要买的），不是蝦皮的。
         价格上限显示成 ¥42.00，底层存的是整数分。
         状态不能只靠颜色区分，必须有文字。
         建议提供「改派」操作——没有心跳，客户端挂了要靠人工改派。 */}}
    {{else}}
    <tr class="empty">
      <td colspan="11">
        还没有采购任务。<br>
        <small>到「顺运宝数据」勾选货运单，点「创建采购任务」。</small>
      </td>
    </tr>
    {{end}}
  </tbody>
</table>
</div>

{{template "footer" .}}
{{end}}