<!--
/**
 * 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 id="formBox" class="datasetForm">
  <div class="col-sm-24">
    <div class="formBoxContainer detailsBox">
      <div class="row datasetProgressBox" ng-class="{ general:isActive('forms.dataset.general'),
                                                 summary:isActive('forms.dataset.summary')}">
        <div class="progressBar col-xs-24">
          <div class="text-center" ng-class="{
                active:isActive('forms.dataset.general'),
                completed:isCompleted('forms.dataset.general')}">General</div>
          <div class="text-center" ng-class="{
                active:isActive('forms.dataset.summary'),
                completed:isCompleted('forms.dataset.summary')}">Summary</div>
        </div>
      </div>

      <div class="row customContainer">
        <div class="col-xs-offset-1 col-xs-22">
          <div class="col-xs-24">
            <label class="title">NEW {{UIModel.type}} MIRROR</label>
          </div>
          <div ui-view></div>
        </div>
      </div>
    </div>
  </div>
</div>