{{define "career_jobs_index"}}
<div class="career-page">
  <!-- 招聘会 Hero：职榜横幅 -->
  <header class="career-hero">
    <p class="career-hero-eyebrow">{{ico "case"}} CAREER BOARD · 职榜</p>
    <h1 class="career-hero-title">机会榜上有名，你的下一站在这</h1>
    <ul class="career-hero-signs">
      <li class="s-go"><i></i><b>绿灯</b><em>放心投</em></li>
      <li class="s-wait"><i></i><b>黄灯</b><em>稍等待</em></li>
      <li class="s-stop"><i></i><b>红灯</b><em>别白跑</em></li>
    </ul>
    <span class="career-hero-count">{{ico "pin"}} {{len .Data.Jobs}} 个在招 · 每周更新</span>
  </header>

  <!-- 招贤登记 -->
  {{if .Data.Err}}<div class="bill-post-err">{{.Data.Err}}</div>{{end}}
  <section class="career-post">
    <h3 class="career-post-title">{{ico "pin"}} 挂一张招贤榜</h3>
    {{if .Data.CurrentUser}}
    <form method="post" action="/jobs/publish">
      <div class="bill-post-row bill-post-row-3">
        <input type="text" name="title" placeholder="职位标题（必填）" maxlength="80" required>
        <input type="text" name="department" placeholder="部门（必填）" maxlength="30" required>
        <input type="text" name="location" placeholder="城市（必填）" maxlength="30" required>
      </div>
      <div class="bill-post-row">
        <input type="text" name="salary" placeholder="薪资（必填，如：25K-40K · 15薪）" maxlength="40" required>
        <select name="type" required>
          <option value="全职">全职</option>
          <option value="兼职">兼职</option>
          <option value="实习">实习</option>
        </select>
      </div>
      <input type="text" name="summary" placeholder="一句话摘要（选填，如：参与核心业务程序开发，用 Go 把服务打磨得又快又稳）" maxlength="200">
      <textarea name="content" data-zx-editor data-upload="/blog/upload" placeholder="职位描述（必填）：岗位职责、任职要求、我们提供……写得越清楚，来得越靠谱（支持 Markdown）" rows="6" required></textarea>
      <div class="bill-post-foot">
        <span class="bill-post-hint">{{ico "spark"}} 以 <b>{{.Data.CurrentUser}}</b> 的身份发布，状态灯默认「招聘中」。</span>
        <button class="btn btn-primary" type="submit">挂上职榜</button>
      </div>
    </form>
    {{else}}
    <div class="bill-post-login">
      <span>登录后才能发布招贤榜。</span>
      <a class="btn btn-primary btn-sm" href="/admin/login">去登录</a>
    </div>
    {{end}}
  </section>

  <!-- 筛选：部门 / 城市 / 类型 -->
  {{if .Data.Depts}}
  <div class="career-tagrow">
    <span class="career-tagrow-label">{{ico "case"}} 部门</span>
    {{range .Data.Depts}}
    <a class="career-tag {{if eq $.Data.Dept .Name}}on{{end}}" href="/jobs{{.Query}}">{{.Name}}<em>{{.Count}}</em></a>
    {{end}}
    {{if or .Data.Dept .Data.Loc .Data.Type}}<a class="career-tag career-tag-clear" href="/jobs">{{ico "close"}} 清除筛选</a>{{end}}
  </div>
  {{end}}
  {{if .Data.Locs}}
  <div class="career-tagrow">
    <span class="career-tagrow-label">{{ico "pin"}} 城市</span>
    {{range .Data.Locs}}
    <a class="career-tag {{if eq $.Data.Loc .Name}}on{{end}}" href="/jobs{{.Query}}">{{.Name}}<em>{{.Count}}</em></a>
    {{end}}
  </div>
  {{end}}
  {{if .Data.Types}}
  <div class="career-tagrow">
    <span class="career-tagrow-label">{{ico "compass"}} 类型</span>
    {{range .Data.Types}}
    <a class="career-tag {{if eq $.Data.Type .Name}}on{{end}}" href="/jobs{{.Query}}">{{.Name}}<em>{{.Count}}</em></a>
    {{end}}
  </div>
  {{end}}

  <div class="career-cols">
    <!-- 中栏：职榜卡片（工牌式） -->
    <div class="career-main">
      {{range .Data.Jobs}}
      <article class="career-card">
        <div class="career-card-head">
          <span class="career-light {{.Status}}" title="状态灯"></span>
          <span class="career-status {{.Status}}">{{.StatusLabel}}</span>
          <span class="career-fresh {{if eq .FreshLabel "今天发布"}}new{{end}}">{{.FreshLabel}}</span>
        </div>
        <h2 class="career-card-title"><a href="/jobs/{{.ID}}">{{.Title}}</a></h2>
        <div class="career-card-meta">
          {{if .Department}}<span class="career-chip">{{ico "case"}} {{.Department}}</span>{{end}}
          {{if .Location}}<span class="career-chip">{{ico "pin"}} {{.Location}}</span>{{end}}
          {{if .Type}}<span class="career-chip">{{ico "compass"}} {{.Type}}</span>{{end}}
        </div>
        <div class="career-salary">{{.Salary}}</div>
        {{if .Benefits}}
        <div class="career-perks">
          {{range .Benefits}}<span class="career-perk">{{ico "check"}} {{.}}</span>{{end}}
        </div>
        {{end}}
        {{if .Summary}}<p class="career-summary">{{.Summary}}</p>{{end}}
        <div class="career-card-foot">
          <span class="career-date">发布于 {{date .CreatedAt}}</span>
          <a class="career-more" href="/jobs/{{.ID}}">查看职位 →</a>
        </div>
      </article>
      {{else}}
      <div class="career-empty">
        <h3>职榜暂时空着</h3>
        <p>没有匹配的职位。换个筛选条件看看，或者由你挂上第一张榜。</p>
      </div>
      {{end}}
    </div>

    <!-- 右栏：部门在招墙 -->
    <aside class="career-wall">
      <div class="career-wall-panel">
        <h3 class="career-wall-title">{{ico "case"}} 在招部门墙</h3>
        <p class="career-wall-note">按部门聚合的在招动态，看看哪个部门最缺人。</p>
        {{range .Data.Wall}}
        <a class="career-wall-row" href="/jobs{{.Query}}">
          <span class="career-wall-info">
            <strong>{{.Dept}}</strong>
            <small>{{if .Latest}}最新：{{.Latest}}{{else}}在招 {{.Count}} 个职位{{end}}</small>
          </span>
          <span class="career-wall-count">{{.Count}} 在招</span>
        </a>
        {{else}}
        <div class="career-empty"><p>还没有在招职位</p></div>
        {{end}}
      </div>
    </aside>
  </div>

  {{template "module_meta" .}}
</div>
{{end}}