<div ng-init="mode='edit'">
  <div ng-controller="Kubernetes.BuildConfigEditController">
    <div class="row">
      <div hawtio-breadcrumbs></div>
    </div>

    <div class="row">
      <div hawtio-tabs></div>
    </div>

    <div class="row">
      <div ng-init="subTabConfig = tabs" ng-include="'plugins/kubernetes/html/tabs.html'"></div>
    <div>

    <div class="row">
      <div class="col-md-12">
        <button class="btn btn-primary pull-right"
          title="Saves changes to this project configuration"
          ng-disabled="!entity.metadata.name"
          ng-click="save()">
          Save Changes
        </button>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div ng-hide="fetched">
          <div class="align-center">
            <i class="fa fa-spinner fa-spin"></i>
          </div>
        </div>
        <div ng-show="fetched">

          <form name="nameForm" ng-disabled="config.mode == 0" class="form-horizontal">
            <fieldset>
              <legend ng-show="config.label || config.description" ng-hide="config.hideLegend"
                class="ng-binding"></legend>
              <div class="row">
                <div class="clearfix col-md-12">
                  <div class="form-group">
                    <label class="control-label">Name</label>
                    <input type="text" class="form-control" placeholder="project name" pattern="[a-z0-9]([-a-z0-9]*[a-z0-9])?(\.[a-z0-9]([-a-z0-9]*[a-z0-9])?)*" ng-model="entity.metadata.name" required>

                    <p class="form-warning bg-danger" ng-show="nameForm.$error.pattern">
                      Project name must be a lower case DNS name with letters, numbers and dots or dashes such as `example.com`
                    </p>
                  </div>
                </div>
              </div>
            </fieldset>
          </form>


          <!--
          <div hawtio-form-2="config" entity="entity"></div>
          -->
          <div hawtio-form-2="specConfig" entity="spec"></div>
        </div>
      </div>
    </div>
  </div>
</div>