<div class="page hidden" id="proxyPage">
  <h1 i18n-content="proxyPage"></h1>
  <section>
    <h3 i18n-content="proxy_config_title"></h3>
    <div>
      <div class="radio">
        <label>
          <input type="radio" id="directProxy" name="proxytype"
              pref="cros.session.proxy.type" value="1">
          <span i18n-content="proxyDirectInternetConnection"></span>
        </label>
      </div>
      <div class="radio">
        <label>
          <input type="radio" id="manualProxy" name="proxytype"
              pref="cros.session.proxy.type" value="2">
          <span i18n-content="proxyManual"></span>
        </label>
      </div>
      <div class="checkbox">
        <label>
          <input id="proxyAllProtocols" type="checkbox"
              pref="cros.session.proxy.single">
          <span i18n-content="sameProxyProtocols"></span>
        </label>
      </div>
      <div id="singleProxy">
        <table>
        <tr><td><span
            i18n-content="httpProxy"></span>
          <input id="proxyHostSingleName" type="text" size="30" pref="cros.session.proxy.singlehttp" disabled>
          </td><td>
          <span
            i18n-content="proxyPort"></span>
          <input id="proxyHostSinglePort" type="text" dataType="number" size="5" pref="cros.session.proxy.singlehttpport" disabled>
          </td></tr>
        </table>
      </div>
      <div id="multiProxy">
        <table>
        <tr>
        <td><span
            i18n-content="httpProxy"></span></td><td>
          <input id="proxyHostName" type="text" size="30" pref="cros.session.proxy.httpurl" disabled>
        </td><td>
        <span
          i18n-content="proxyPort"></span></td><td>
        <input id="proxyHostPort" type="text" dataType="number" size="5" pref="cros.session.proxy.httpport" disabled>
        </td></tr>
        <tr>
        <td><span
          i18n-content="secureHttpProxy"></span></td><td>
        <input id="secureProxyHostName" type="text" size="30" pref="cros.session.proxy.httpsurl" disabled>
        </td><td>
        <span
          i18n-content="proxyPort"></span></td><td>
        <input id="secureProxyPort" type="text" dataType="number" size="5" pref="cros.session.proxy.httpsport" disabled>
        </td></tr>
        <tr>
        <td><span
            i18n-content="ftpProxy"></span></td><td>
          <input id="ftpProxy" type="text" size="30" pref="cros.session.proxy.ftpurl" disabled>
          </td><td>
          <span
            i18n-content="proxyPort"></span></td><td>
          <input id="ftpProxyPort" type="text" dataType="number" size="5" pref="cros.session.proxy.ftpport" disabled>
        </td></tr>
        <tr>
        <td><span
            i18n-content="socksHost"></span></td><td>
          <input id="socksHost" type="text" size="30" pref="cros.session.proxy.socks" disabled>
          </td><td>
          <span
            i18n-content="proxyPort"></span></td><td>
          <input id="socksPort" type="text" dataType="number" size="5" pref="cros.session.proxy.socksport" disabled>
        </td></tr>
        </table>
      </div>
      <div class="radio">
        <label>
          <input type="radio" id="autoProxy" name="proxytype"
              pref="cros.session.proxy.type" value="3">
          <span i18n-content="proxyAutomatic"></span>
        <label>
      </div>
      <div>
        <label>
          <span i18n-content="proxyConfigUrl"></span>
          <input id="proxyConfig" type="url" size="60"
              pref="cros.session.proxy.pacurl">
        </label>
      </div>
    </div>
  </section>
  <section id="advancedConfig">
    <h3 i18n-content="advanced_proxy_config"></h3>
    <div class="option">
       <div i18n-content="proxyBypass"></div>
       <list id="ignoredHostList"></list>
       <input id="newHost" type="url" size="30">
       <button id="addHost"
               i18n-content="addHost"></button>
       <button id="removeHost"
               i18n-content="removeHost"></button>
    </div>
  </section>
</div>