{{define "asset_overlay"}}
{{template "asset_tabs" .}}
{{if .AssetOverlay}}
<div class="card">
  <div class="section-title">
    <div>
      <h2 class="title-with-icon">{{icon "overlay"}}<span>{{.AssetOverlay.Name}}</span></h2>
    </div>
    <a class="btn secondary" href="/ui/assets/overlays">返回叠加项列表</a>
  </div>
  <div class="info-list">
    <div><span>叠加项</span><strong class="mono">{{.AssetOverlay.Name}}</strong></div>
    <div><span>目标数量</span><strong>{{.AssetOverlay.OverrideTargetNum}}</strong></div>
    <div class="full"><span>描述</span><strong>{{if .AssetOverlay.Description}}{{.AssetOverlay.Description}}{{else}}-{{end}}</strong></div>
    <div class="full"><span>作用目标</span><strong>{{if .AssetOverlay.OverrideTargets}}{{range $i, $item := .AssetOverlay.OverrideTargets}}{{if $i}}, {{end}}{{$item}}{{end}}{{else}}-{{end}}</strong></div>
    <div class="full"><span>路径</span><strong class="mono">{{.AssetOverlay.Path}}</strong></div>
  </div>
</div>

<details class="card collapsible">
  <summary class="title-with-icon">{{icon "tech"}}<span>原始 JSON</span></summary>
  <pre>{{json .AssetOverlay.Raw}}</pre>
</details>
{{end}}
{{if .Error}}<div class="error">{{.Error}}</div>{{end}}
{{template "asset_tabs_end" .}}
{{end}}