{{define "content"}}
<div class="page-header">
  <h1>Model Routing</h1>
</div>

{{if .ModelRoutes}}
{{range .ModelRoutes}}
<div class="section">
  <h2>{{.Name}}</h2>
  <table>
    <thead>
      <tr>
        <th>Provider</th>
        <th>Provider Model</th>
        <th>Priority</th>
        <th>Input Price (per 1M)</th>
        <th>Output Price (per 1M)</th>
      </tr>
    </thead>
    <tbody>
    {{range .Routes}}
    <tr>
      <td>{{.ProviderName}}</td>
      <td><code>{{.ProviderModel}}</code></td>
      <td><span class="badge badge-priority">{{.Priority}}</span></td>
      <td>{{formatPrice .InputPrice}}</td>
      <td>{{formatPrice .OutputPrice}}</td>
    </tr>
    {{end}}
    </tbody>
  </table>
</div>
{{end}}
{{else}}
<div class="section" style="text-align:center;color:var(--text-muted);padding:24px;">
  No models configured
</div>
{{end}}
{{end}}