<div class="page hidden" id="detailsInternetPage">
  <h1 id="inetTitle"></h1>
  <!-- Navigation tabs -->
  <div class="subpages-nav-tabs" id="details-tab-strip">
    <span id="wifiNetworkNavTab" class="tab wifi-details"
        tab-contents="wifiNetworkTab">
      <span class="tab-label"
          i18n-content="wifiNetworkTabLabel"></span>
      <span class="active-tab-label" i18n-content="wifiNetworkTabLabel"></span>
    </span>
    <span id="cellularPlanNavTab" class="tab cellular-details cdma-only"
        tab-contents="cellularPlanTab">
      <span class="tab-label"
          i18n-content="cellularPlanTabLabel"></span>
      <span class="active-tab-label" i18n-content="cellularPlanTabLabel"></span>
    </span>
    <span id="cellularConnNavTab" class="tab cellular-details"
        tab-contents="cellularConnTab">
      <span class="tab-label"
          i18n-content="cellularConnTabLabel"></span>
      <span class="active-tab-label" i18n-content="cellularConnTabLabel"></span>
    </span>
    <span id="cellularDeviceNavTab" class="tab cellular-details"
        tab-contents="cellularDeviceTab">
      <span class="tab-label"
          i18n-content="cellularDeviceTabLabel"></span>
      <span class="active-tab-label"
          i18n-content="cellularDeviceTabLabel"></span>
    </span>
    <span id="internetNavTab" class="tab" tab-contents="internetTab">
      <span class="tab-label" i18n-content="networkTabLabel"></span>
      <span class="active-tab-label" i18n-content="networkTabLabel"></span>
    </span>
    <span id="security-nav-tab" class="tab cellular-details gsm-only"
        tab-contents="security-tab">
      <span class="tab-label" i18n-content="securityTabLabel"></span>
      <span class="active-tab-label" i18n-content="securityTabLabel"></span>
    </span>
  </div>
  <div id="wifiNetworkTab" class="subpages-tab-contents wifi-details">
    <section>
      <table class="option-control-table">
        <tr>
          <td class="option-name" i18n-content="inetSsid"></td>
          <td id="inetSsid" class="option-value"></td>
        </tr>
        <tr>
          <td colspan="2">
            <div class="checkbox">
              <label>
                <input id="autoConnectNetwork" type="checkbox">
                <span i18n-content="inetAutoConnectNetwork"></span>
              </label>
            </div>
          </td>
        </tr>
      </table>
    </section>
    <section id="passwordNetwork" class="password-details">
      <table class="option-control-table">
        <tr>
          <td class="option-name" i18n-content="inetPassProtected"></td>
        </tr>
      </table>
    </section>
  </div>
  <div id="cellularPlanTab"
      class="subpages-tab-contents cellular-details cdma-only">
    <section>
      <div>
        <table class="option-control-table" id="details-plan-table">
          <tr class="plan-loading-info">
            <td i18n-content="planLoading" class="option-value"></td>
          </tr>
          <tr class="no-plan-info">
            <td i18n-content="noPlansFound" class="option-value"></td>
          </tr>
        </table>
      </div>
      <div id="planList"></div>
    </section>
    <section class="plan-details-info">
      <div class="checkbox">
        <label>
          <input id="showPlanNotifications" type="checkbox"
                 pref="settings.internet.mobile.show_plan_notifications">
          <span i18n-content="showPlanNotifications"></span>
        </label>
      </div>
    </section>
  </div>
  <div id="cellularConnTab" class="subpages-tab-contents cellular-details">
    <section id="cellularNetworkOptions">
      <table class="option-control-table">
        <tr>
          <td class="option-name" i18n-content="serviceName"></td>
          <td id="serviceName" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name" i18n-content="networkTechnology"></td>
          <td id="networkTechnology" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name" i18n-content="activationState"></td>
          <td id="activationState" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name" i18n-content="roamingState"></td>
          <td id="roamingState" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name" i18n-content="restrictedPool"></td>
          <td id="restrictedPool" class="option-value"></td>
        </tr>
        <tr class="gsm-only">
          <td class="option-name" i18n-content="operatorName"></td>
          <td id="operatorName" class="option-value"></td>
        </tr>
        <tr class="gsm-only">
          <td class="option-name" i18n-content="operatorCode"></td>
          <td id="operatorCode" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name" i18n-content="errorState"></td>
          <td id="errorState" class="option-value"></td>
        </tr>
        <tr class="gsm-only">
          <td class="option-name" i18n-content="cellularApnLabel"></td>
          <td id="cellularApnLabel" class="option-value">
            <input id="cellularApn" type="text">
          </td>
        </tr>
        <tr class="gsm-only">
          <td class="option-name" i18n-content="cellularApnUsername"></td>
          <td id="cellularApnUsernameLabel" class="option-value">
            <input id="cellularApnUsername" type="text">
          </td>
        </tr>
        <tr class="gsm-only">
          <td class="option-name" i18n-content="cellularApnPassword"></td>
          <td id="cellularApnPasswordLabel" class="option-value">
            <input id="cellularApnPassword" type="password">
          </td>
        </tr>
        <tr class="gsm-only">
          <td class="option-name"></td>
          <td class="option-value">
            <button id="cellularApnClear"
                i18n-content="cellularApnClear"></button>
            <button id="cellularApnSet"
                i18n-content="cellularApnSet"></button>
          </td>
        </tr>
      </table>
    </section>
  </div>
  <div id="cellularDeviceTab" class="subpages-tab-contents cellular-details">
    <section id="cellularDeviceOptions">
      <table class="option-control-table">
        <tr>
          <td class="option-name" i18n-content="manufacturer"></td>
          <td id="manufacturer" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name" i18n-content="modelId"></td>
          <td id="modelId" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name" i18n-content="firmwareRevision"></td>
          <td id="firmwareRevision" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name" i18n-content="hardwareRevision"></td>
          <td id="hardwareRevision" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name" i18n-content="prlVersion"></td>
          <td id="prlVersion" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name">MEID:</td>
          <td id="meid" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name">ESN:</td>
          <td id="esn" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name">IMEI:</td>
          <td id="imei" class="option-value"></td>
        </tr>
        <tr class="gsm-only">
          <td class="option-name">IMSI:</td>
          <td id="imsi" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name">MDN:</td>
          <td id="mdn" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name">MIN:</td>
          <td id="min" class="option-value"></td>
        </tr>
      </table>
    </section>
  </div>
  <div id="internetTab" class="subpages-tab-contents">
    <section id="advancedSection">
      <table class="option-control-table">
        <tr>
          <td class="option-name" i18n-content="connectionState"></td>
          <td id="connectionState" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name" i18n-content="inetAddress"></td>
          <td id="inetAddress" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name" i18n-content="inetSubnetAddress"></td>
           <td id="inetSubnetAddress" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name" i18n-content="inetGateway"></td>
          <td id="inetGateway" class="option-value"></td>
        </tr>
        <tr>
          <td class="option-name" i18n-content="inetDns"></td>
           <td id="inetDns" class="option-value"></td>
        </tr>
        <tr id="hardwareAddressRow">
          <td class="option-name" i18n-content="hardwareAddress"></td>
           <td id="hardwareAddress" class="option-value"></td>
        </tr>
      </table>
    </section>
  </div>
  <div id="security-tab"
       class="subpages-tab-contents cellular-details gsm-only">
    <div id="cellular-security-options">
      <section>
        <div id="sim-pin-lock" class="checkbox">
         <label>
           <input id="sim-card-lock-enabled" type="checkbox">
           <span i18n-content="lockSimCard"></span>
         </label>
        </div>
      </section>
      <section>
        <div id="change-pin-area">
          <button id="change-pin" i18n-content="changePinButton"></button>
        </div>
      </section>
    </div>
  </div>
  <div class="action-area bottom-strip button-strip">
    <button id="detailsInternetDismiss"
            i18n-content="detailsInternetDismiss"></button>
    <button id="detailsInternetLogin"
            i18n-content="connect_button"></button>
    <button id="activateDetails"
            i18n-content="activate_button"></button>
    <button id="buyplanDetails"
            i18n-content="buyplan_button"></button>
  </div>
</div>