<div id=quic-view-tab-content class=content-box>
  <ul style='margin-top:0'>
    <li>QUIC Enabled: <span jscontent="!!quic_enabled"></span></li>
    <li>HTTPS Over QUIC Enabled: <span jscontent="!!quic_enabled_https"></span></li>
    <li>Origin To Force QUIC On: <span jscontent="origin_to_force_quic_on"></span></li>
  </ul>

  <h4>QUIC sessions</h4>
    <!-- Only one of these two are shown -->
    <div jsdisplay="!($this.sessions && sessions.length > 0)">None</div>
    <div jsdisplay="$this.sessions && sessions.length > 0">
      <a href="#events&q=type:QUIC_SESSION%20is:active">View live QUIC sessions</a>
      <p>
        <table class="styled-table">
          <thead>
            <tr>
              <th>Host</th>
              <th>Version</th>
              <th>Peer address</th>
              <th>GUID</th>
              <th>Active streams</th>
              <th>Total streams</th>
              <th>Connected</th>
            </tr>
          </thead>
          <tbody>
            <tr jsselect="sessions">
              <td><span jscontent="host_port_pair"></span>
                <span jscontent="$this.aliases ? $this.aliases.join(' ') : ''"></span>
              </td>
              <td jscontent="version"></td>
              <td jscontent="peer_address"></td>
              <td jscontent="guid"></td>
              <td jscontent="open_streams"></td>
              <td jscontent="total_streams"></td>
              <td jscontent="connected"></td>
            </tr>
          </tbody>
        </table>
      </p>
    </div>
</div>