{{define "content"}}
<div class="portal-wrap">
  <header class="portal-head">
    <a class="portal-brand" href="/customer"><span class="brand-mark" aria-hidden="true">代</span><span>代打台</span></a>
    <h1>排单查询</h1>
    <p class="muted">输入手机尾号查看自己的排单与完成情况。</p>
  </header>

  {{if .InlineError}}<div class="notice notice-danger portal-error" id="portal-error" role="alert">{{.InlineError}}</div>{{end}}

  <details class="portal-search" {{if or (not .Query) .InlineError}}open{{end}}>
    <summary class="portal-search-head">{{if .InlineError}}修改查询{{else if .Query}}查询其他尾号{{else}}输入手机尾号查询{{end}}</summary>
    <form class="portal-form" method="get" action="/customer">
      <div class="portal-form-body">
        <div class="row g-2 align-items-end">
          <div class="col-12 col-sm-4">
            <label class="form-label" for="tail">手机尾号（4–8 位）</label>
            <input class="form-control" id="tail" name="tail" value="{{.Query}}" inputmode="numeric" pattern="[0-9]{4,8}" minlength="4" maxlength="8" placeholder="例如 2300" required{{if not .Query}} autofocus{{end}}{{if eq .InvalidField "tail"}} aria-invalid="true" aria-describedby="portal-error"{{end}}>
          </div>
          <div class="col-12 col-sm-4">
            <label class="form-label" for="name">客户姓名（可选）</label>
            <input class="form-control" id="name" name="name" value="{{.Name}}" maxlength="32" placeholder="尾号重复时填写"{{if eq .InvalidField "name"}} aria-invalid="true" aria-describedby="portal-error"{{end}}>
          </div>
          <div class="col-12 col-sm-4">
            <button class="btn btn-primary w-100" type="submit">查询</button>
          </div>
        </div>
        <p class="muted small mb-0 mt-2">只显示排单与完成情况，不含备注与价格。</p>
      </div>
    </form>
  </details>

  {{with .D}}
  {{if .Masked}}
  <section class="portal-result">
    <div class="card mt-3"><div class="card-body">
      <h2 class="h5">找到 {{.Count}} 位客户</h2>
      <p class="muted mb-2">尾号 {{.Tail}} 对应多位客户，请补一个姓名后查询。</p>
      {{if .Masked}}<p class="portal-ask-names">可能是：{{range $i, $n := .Masked}}{{if $i}}、{{end}}{{$n}}{{end}}</p>{{end}}
      <form class="portal-ask-form" method="get" action="/customer">
        <input type="hidden" name="tail" value="{{.Tail}}">
        <label class="visually-hidden" for="ask-name">姓名</label>
        <input class="form-control" id="ask-name" name="name" maxlength="32" placeholder="输入姓名（可只填一部分）" required autofocus>
        <button class="btn btn-primary" type="submit">查询</button>
      </form>
    </div></div>
  </section>
  {{else}}
  <section class="portal-result">
    {{if .Subs}}
    <div class="card mt-3"><div class="card-body">
      <div class="portal-client">
        <div class="portal-client-main">
          <h2 class="portal-client-name">{{.Tail}} · {{.Name}}</h2>
          <div class="portal-client-meta">
            {{if .Game}}<span class="tagchip">{{.Game}}</span>{{end}}
            {{if .Expiring}}<span class="tagchip">最近到期 {{.Expiring}}</span>{{end}}
          </div>
        </div>
        <div class="portal-client-status">
          {{if eq .TodayState "done"}}<span class="chip chip-active">今日已清完</span>
          {{else if eq .TodayState "pending"}}<span class="chip chip-plain">今日待完成 {{.TodayPending}} / {{.TodayTotal}}</span>
          {{else}}<span class="chip chip-plain">今日无排单</span>{{end}}
        </div>
      </div>
    </div></div>

    <div class="card mt-3"><div class="card-body">
      <div class="portal-section-head"><h2>订阅</h2><span class="portal-section-count">{{.SubCount}}</span></div>
      <div class="portal-sub-list">
        {{range .Subs}}
        <article class="portal-sub">
          <div class="portal-sub-main">
            <strong>{{.PackageName}}</strong>
            <span class="tagchip">{{.UnitLabel}}</span>
            {{if .TodayLabel}}<span class="chip chip-{{.TodayClass}}">{{.TodayLabel}}</span>{{else}}{{template "state-chip" .}}{{end}}
          </div>
          <div class="portal-sub-meta">
            <span>{{.RemainText}}</span>
            <span class="muted">{{.PeriodText}}</span>
          </div>
        </article>
        {{end}}
      </div>
    </div></div>

    <div class="card mt-3"><div class="card-body">
      <div class="portal-section-head">
        <h2>当月排单</h2>
        <div class="pcal-nav">
          <a class="btn btn-soft pcal-nav-btn" href="{{.Prev}}" aria-label="上个月">‹</a>
          <b>{{.MonthTitle}}</b>
          <a class="btn btn-soft pcal-nav-btn" href="{{.Next}}" aria-label="下个月">›</a>
        </div>
      </div>
      <div class="pcal" role="grid" aria-label="{{.MonthTitle}}排单">
        <div class="pcal-dow" role="row">
          <span role="columnheader">一</span><span role="columnheader">二</span><span role="columnheader">三</span><span role="columnheader">四</span><span role="columnheader">五</span><span role="columnheader">六</span><span role="columnheader">日</span>
        </div>
        {{range .Weeks}}
        <div class="pcal-row" role="row">
          {{range .}}
          <div class="pcal-cell{{if not .InMonth}} out{{end}}{{if .Today}} today{{end}}{{if .BlockColor}} has-block{{end}}" role="gridcell" aria-label="{{.Label}}"{{if .BlockColor}} style="--block:{{.BlockColor}};--block-pct:{{.BlockPercent}}%"{{end}}>
            <b>{{.Day}}</b>
            {{if .Today}}<i class="pcal-today">今天</i>{{end}}
            {{if .BlockText}}<span class="pcal-block" title="{{.BlockTitle}}">{{.BlockText}}</span>{{end}}
            {{if .Total}}{{if eq .Total 1}}<span class="pcal-dot{{if .Done}} done{{end}}" title="{{.Done}}/{{.Total}} 单"></span>{{else}}<span class="pcal-count">{{.Done}}/{{.Total}}</span>{{end}}{{end}}
          </div>
          {{end}}
        </div>
        {{end}}
      </div>
    </div></div>
    {{else}}
    <div class="card mt-3"><div class="card-body">
      <h2 class="h4 mb-1">{{.Tail}} · {{.Name}}</h2>
      <div class="portal-client-meta">{{if .Game}}<span class="tagchip">{{.Game}}</span>{{end}}</div>
      <p class="muted mb-0 mt-3">还没有进行中的订阅。如需开通，请联系你的代打。</p>
    </div></div>
    {{end}}
  </section>
  {{end}}
  {{end}}
</div>
{{end}}