{{!
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
}}
<div>
  {{#if view.isLoaded}}
      <h2>{{t admin.rollbackHighAvailability.wizard.step1.header}}</h2>

      <div class="alert alert-info">
          <p>
              Select Additional NameNode host:
            {{view Ember.Select
            contentBinding="view.addNNHosts"
            valueBinding="view.selectedAddNNHost"
            }}
          </p>

          <div class="code-snippet">Tip: Suggested host <b>{{view.tipAddNNHost}}</b></div>
      </div>
      <div class="alert alert-info">
          <p>
              Select Secondary NameNode host:
            {{view Ember.Select
            contentBinding="view.sNNHosts"
            valueBinding="view.selectedSNNHost"
            }}
          </p>

          <div class="code-snippet">Tip: Suggested host <b>{{view.tipSNNHost}}</b></div>
      </div>
      <div class="btn-area">
          <a {{bindAttr class=":btn controller.isNameServiceIdValid::disabled :btn-success :pull-right"}} {{action done target="view"}}>{{t common.next}} &rarr;</a>
      </div>
  {{else}}
      <div class="spinner"></div>
  {{/if}}
</div>
