{{define "jobs_index"}}
  <!-- ===== 街角布告栏 hero：软木布告板 + 斜贴启事纸 + 图钉 ===== -->
  <section class="bill-hero">
    <!-- 装饰层（纯视觉）：斜贴的启事纸 ×2 + 图钉 -->
    <div class="bill-board" aria-hidden="true">
      <div class="bill-board-paper bill-board-paper--a">
        <i class="bill-pin"></i>
        <b class="bill-paper-headline">急聘 · 前端架构师</b>
        <span class="bill-paper-sub">35K-55K · 15薪 · 可远程</span>
      </div>
      <div class="bill-board-paper bill-board-paper--b">
        <i class="bill-pin"></i>
        <b class="bill-paper-headline">Go 后端工程师</b>
        <span class="bill-paper-sub">20K-40K · 核心业务 · 双休</span>
      </div>
      <i class="bill-pin bill-pin--loose"></i>
    </div>

    <div class="bill-hero-inner">
      <div class="bill-seal" aria-hidden="true">招</div>
      <div class="bill-hero-text">
        <h1 class="bill-hero-title">好工作，就贴在这块板上</h1>
        <ul class="bill-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>
      </div>
    </div>
    <span class="bill-pulse">{{ico "pin"}} {{len .Data.Jobs}} 个在招 · 每周更新</span>
  </section>

  <!-- 登录态发布框：贴一张招贤启事（表单字段名保持原样） -->
  {{if .Data.Err}}<div class="bill-post-err">{{.Data.Err}}</div>{{end}}
  <section class="bill-post">
    <h3 class="bill-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="bill-tagrow">
    <span class="bill-tagrow-label">{{ico "case"}} 部门</span>
    {{range .Data.Depts}}
    <a class="bill-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="bill-tag bill-tag-clear" href="/jobs">{{ico "close"}} 清除筛选</a>{{end}}
  </div>
  {{end}}
  {{if .Data.Locs}}
  <div class="bill-tagrow">
    <span class="bill-tagrow-label">{{ico "pin"}} 城市</span>
    {{range .Data.Locs}}
    <a class="bill-tag {{if eq $.Data.Loc .Name}}on{{end}}" href="/jobs{{.Query}}">{{.Name}}<em>{{.Count}}</em></a>
    {{end}}
  </div>
  {{end}}
  {{if .Data.Types}}
  <div class="bill-tagrow">
    <span class="bill-tagrow-label">{{ico "compass"}} 类型</span>
    {{range .Data.Types}}
    <a class="bill-tag {{if eq $.Data.Type .Name}}on{{end}}" href="/jobs{{.Query}}">{{.Name}}<em>{{.Count}}</em></a>
    {{end}}
  </div>
  {{end}}

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

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

  {{template "module_meta" .}}
{{end}}