<style include="cr-shared-style network-shared md-select iron-flex">
/* Leave some space between button and select. */
select {
margin-inline-start: 8px;
}
</style>
<div class="property-box first two-line">
<div class="flex layout vertical">
<div>[[i18n('networkChooseMobile')]]</div>
<div class="cr-secondary-text">
[[getSecondaryText_(managedProperties, deviceState)]]
</div>
</div>
<cr-button on-click="onScanTap_"
disabled="[[!getEnableScanButton_(managedProperties,
deviceState, disabled)]]">
[[i18n('networkCellularScan')]]
</cr-button>
<select class="md-select" on-change="onChange_"
value="[[selectedMobileNetworkId_]]"
disabled="[[!getEnableSelectNetwork_(managedProperties,
deviceState, disabled)]]"
aria-label="[[i18n('networkChooseMobile')]]">
<template is="dom-repeat" items="[[mobileNetworkList_]]">
<option value="[[item.networkId]]"
disabled="[[getMobileNetworkIsDisabled_(item)]]">
[[getName_(item)]]
</option>
</template>
</select>
</div>