{{template "head" "Capabilities"}}

<div style="margin: 0">
  <h1>DRM database capabilities</h1>

  <p><a href="/">Back to index</a></p>

  <h2>Driver capabilities</h2>

  <table>
      <thead>
          <tr>
              <th>Capability</th>
              {{range .Drivers}}
              <th><a href="?driver={{.}}" title="Only show {{.}} capabilities">{{.}}</a></th>
              {{end}}
          </tr>
      </thead>
      <tbody>
          {{range $name, $drivers := .Caps}}
          <tr>
              <td class="pre">{{$name}}</td>
              {{range $.Drivers}}
              {{if index $drivers .}}
              <td>{{index $drivers .}}</td>
              {{else}}
              <td>✗</td>
              {{end}}
              {{end}}
          </tr>
          {{end}}
      </tbody>
  </table>

  <h2>Client capabilities</h2>

  <table>
      <thead>
          <tr>
              <th>Client capability</th>
              {{range .Drivers}}
              <th><a href="?driver={{.}}" title="Only show {{.}} capabilities">{{.}}</a></th>
              {{end}}
          </tr>
      </thead>
      <tbody>
          {{range $name, $drivers := .ClientCaps}}
          <tr>
              <td class="pre">{{$name}}</td>
              {{range $.Drivers}}
              {{if index $drivers .}}
              <td class="status-supported">✓</td>
              {{else}}
              <td class="status-unsupported">✗</td>
              {{end}}
              {{end}}
          </tr>
          {{end}}
      </tbody>
  </table>
</div>

{{template "foot"}}