<div class="form-group">
  <div class="col-md-{{labelColumns}} sm-label-left">Zone</div>
  <div class="col-md-7" ng-if="!account">(Select an account)</div>
  <div class="col-md-7">
    <!-- TODO(duftler): Once GoogleResourceRetriever or whatever replaces it queries all zones, this should be dynamically populated with the full list of zones for the selected project. -->
    <select class="form-control input-sm"
            ng-if="account"
            ng-model="component.zone"
            ng-change="onChange()"
            required>
      <option ng-repeat="zone in zones"
              value="{{zone}}"
              ng-selected="component[field] === zone">{{zone}}</option>
    </select>
  </div>
</div>

<div class="form-group">
  <div class="col-md-{{labelColumns}} sm-label-left">Zone</div>
  <div class="col-md-7" ng-if="!account">(Select an account)</div>
  <div class="col-md-7">
    <!-- TODO(duftler): Once GoogleResourceRetriever or whatever replaces it queries all zones, this should be dynamically populated with the full list of zones. -->
    <select class="form-control input-sm"
            ng-if="account"
            ng-model="component.zone"
            ng-change="onChange()"
            required>
      <option ng-repeat="zone in zones"
              value="{{zone}}"
              ng-selected="component[field] === zone">{{zone}}</option>
    </select>
  </div>
</div>

Add region field. Add full set of zone choices (still statically-populated at the moment). Filter zone field based on selection in region field. Fix behavior of several fields w.r.t. making selections and then clicking Next and then Back.
Add region field.
Add full set of zone choices (still statically-populated at the moment).
Filter zone field based on selection in region field.
Fix behavior of several fields w.r.t. making selections and then clicking Next and then Back.
