<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>