{{define "models"}}
<div class="card">
  <div class="section-title">
    <div>
      <h2>模型管理工作流</h2>
      <div class="muted small">面向检测、识别和人脸库模型的设备级部署入口。</div>
    </div>
    <a class="btn ghost" href="/ui/devices">返回设备列表</a>
  </div>
  <div class="model-summary">
    <div class="summary-item"><div class="summary-label">目标节点</div><div class="summary-value">{{len .Devices}}</div><div class="summary-hint">可选择单台设备上传模型</div></div>
    <div class="summary-item"><div class="summary-label">部署方式</div><div class="summary-value">单节点</div><div class="summary-hint">在本页直接上传到目标设备</div></div>
    <div class="summary-item"><div class="summary-label">模型类型</div><div class="summary-value">检测/识别</div><div class="summary-hint">二进制模型文件</div></div>
    <div class="summary-item"><div class="summary-label">人脸库</div><div class="summary-value">DB</div><div class="summary-hint">通过识别配置页维护</div></div>
  </div>
</div>

<div class="card">
  <h2>设备模型管理</h2>
  <div class="table-wrap" style="margin-top:10px">
    <table>
      <thead>
        <tr><th>节点</th><th>状态</th><th>管理地址</th><th>模型操作</th><th>人脸库</th></tr>
      </thead>
      <tbody>
        {{range .Devices}}
        <tr>
          <td>
            <a class="mono" href="/ui/devices/{{.DeviceID}}">{{if .DeviceName}}{{.DeviceName}}{{else}}{{.DeviceID}}{{end}}</a>
            <div class="muted small mono">{{.DeviceID}}</div>
          </td>
          <td>{{if .Online}}<span class="pill ok">在线</span>{{else}}<span class="pill bad">离线</span>{{end}}</td>
          <td class="mono">{{.IP}}:{{.AgentPort}}</td>
          <td>
            <div class="actions">
              <a class="btn ghost" href="/api/devices/{{.DeviceID}}/models">查看设备模型</a>
            </div>
            <form method="post" action="/ui/devices/{{.DeviceID}}/models/upload" enctype="multipart/form-data" class="row compact-form">
              <input name="name" placeholder="模型名" />
              <input type="file" name="file" />
              <button type="submit" class="btn ghost">上传模型</button>
            </form>
          </td>
          <td><a class="btn ghost" href="/ui/devices/{{.DeviceID}}/config-ui">人脸库</a></td>
        </tr>
        {{else}}
        <tr><td colspan="5" class="muted">暂无设备。请先在“新增设备”页扫描或手动添加。</td></tr>
        {{end}}
      </tbody>
    </table>
  </div>
</div>
{{end}}