{{define "jobs_detail"}}
  <div class="mod-back"><a href="/jobs">← 返回晴空职栈</a></div>

  <!-- 靠谱提示：给求职者的安心话术 -->
  <div class="mod-trust">
    <b>{{ico "shield"}} 晴空职栈 · 靠谱提示</b>
    <span>本站职位真实在招、薪资如实标注。任何要求先交「押金 / 培训费 / 保证金」的都是诈骗。</span>
    <span>投递后 3 个工作日必有回音，绝无已读不回。</span>
  </div>

  <article class="mod-detail-head">
    <div class="mod-card-top" style="margin-bottom:8px;">
      <span class="status-light {{.Data.Job.Status}}" style="align-self:center;"></span>
      <span class="status-pill {{.Data.Job.Status}}">{{.Data.Job.StatusLabel}}</span>
      <span class="job-fresh {{if eq .Data.Job.FreshLabel "今天发布"}}fresh-new{{end}}">{{.Data.Job.FreshLabel}}</span>
    </div>
    <h1 class="mod-detail-title">{{.Data.Job.Title}}</h1>
    <div class="mod-detail-meta">
      {{if .Data.Job.Department}}<span>{{ico "case"}} {{.Data.Job.Department}}</span>{{end}}
      {{if .Data.Job.Location}}<span>{{ico "pin"}} {{.Data.Job.Location}}</span>{{end}}
      {{if .Data.Job.Type}}<span>{{ico "compass"}} {{.Data.Job.Type}}</span>{{end}}
      <span>{{ico "clock"}} 发布于 {{date .Data.Job.CreatedAt}}</span>
      {{template "fav_button" dict "VD" . "Type" "jobs" "Key" (printf "%d" .Data.Job.ID) "Title" .Data.Job.Title "URL" (printf "/jobs/%d" .Data.Job.ID)}}
    </div>
  </article>

  <div class="mod-panel">
    <div class="mod-cols" style="grid-template-columns:200px minmax(0,1fr);gap:30px;margin-bottom:0;">
      <div>
        <div class="mod-row" style="border:0;"><span class="mod-row-label" style="font-size:12.5px;">薪资待遇</span></div>
        <div class="mod-price" style="font-size:26px;">{{.Data.Job.Salary}}</div>
      </div>
      <div>
        {{if .Data.Job.Benefits}}
        <div class="mod-card-top"><span style="font-size:12.5px;color:var(--muted);">福利清单</span></div>
        <div class="mod-card-top" style="gap:8px;margin:0;">
          {{range .Data.Job.Benefits}}<span class="mod-chip ok">{{.}}</span>{{end}}
        </div>
        {{end}}
      </div>
    </div>
  </div>

  <div class="mod-panel" style="padding:28px 30px;">
    {{if .Data.Job.Summary}}
    <div class="alert" style="margin-bottom:22px;">{{.Data.Job.Summary}}</div>
    {{end}}
    <div class="article-body">{{.Data.Body}}</div>
  </div>
{{end}}