{{define "admin_jobs"}}
  <div class="toolbar-row">
    <div style="color:var(--muted);font-size:13.5px;">共 {{len .Data.Jobs}} 个职位</div>
    <div style="display:flex;gap:10px;">
      <a href="/jobs" class="btn btn-ghost btn-sm" target="_blank">查看前台页面</a>
      <a href="/admin/jobs/new" class="btn btn-primary btn-sm">+ 发布新职位</a>
    </div>
  </div>

  <div class="panel" style="padding:0;">
    {{if .Data.Jobs}}
    <div class="table-wrap">
    <table class="table">
      <thead>
        <tr>
          <th>职位</th>
          <th>部门</th>
          <th>地点</th>
          <th>薪资</th>
          <th>类型</th>
          <th>状态灯</th>
          <th>发布</th>
          <th>时间</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        {{range .Data.Jobs}}
        <tr>
          <td><a href="/admin/jobs/{{.ID}}/edit">{{.Title}}</a></td>
          <td>{{.Department}}</td>
          <td>{{.Location}}</td>
          <td>{{.Salary}}</td>
          <td>{{.Type}}</td>
          <td>
            <span class="job-status-pill">
              <span class="status-light sm {{.Status}}"></span>{{.StatusLabel}}
            </span>
          </td>
          <td>{{if eq .Published 1}}<span class="badge badge-pub">上架</span>{{else}}<span class="badge badge-draft">下架</span>{{end}}</td>
          <td>{{date .CreatedAt}}</td>
          <td>
            <div class="row-actions">
              <a href="/jobs/{{.ID}}" class="btn btn-ghost btn-sm" target="_blank">查看</a>
              <a href="/admin/jobs/{{.ID}}/edit" class="btn btn-ghost btn-sm">编辑</a>
              <form method="post" action="/admin/jobs/{{.ID}}/status" style="display:inline;" title="切换状态灯：招聘中 → 暂停 → 已满">
                <input type="hidden" name="csrf" value="{{$.CSRF}}">
                <button class="btn btn-ghost btn-sm" type="submit">换灯</button>
              </form>
              <form method="post" action="/admin/jobs/{{.ID}}/toggle" style="display:inline;">
                <input type="hidden" name="csrf" value="{{$.CSRF}}">
                <button class="btn btn-ghost btn-sm" type="submit">{{if eq .Published 1}}下架{{else}}上架{{end}}</button>
              </form>
              <form method="post" action="/admin/jobs/{{.ID}}/delete" style="display:inline;"
                    onsubmit="return confirm('确定删除这个职位吗？此操作不可恢复。');">
                <input type="hidden" name="csrf" value="{{$.CSRF}}">
                <button class="btn btn-danger btn-sm" type="submit">删除</button>
              </form>
            </div>
          </td>
        </tr>
        {{end}}
      </tbody>
    </table>
    </div>
    {{else}}
    <div style="text-align:center;color:var(--muted);padding:40px 0;">暂无职位，先点右上角「发布新职位」吧</div>
    {{end}}
  </div>
{{end}}