<div ng-init="mode='create'">
  <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 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">

          <p class="hero-unit">
            Create a project by entering or copy/pasting the Git URL for a repository, and give the project a name.  By default the name will be based on the repository name.
          </p>

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

          <form name="nameForm" ng-disabled="config.mode == 0" class="form-horizontal">
            <fieldset>
              <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" 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>
                    <p class="help-block">Name of this project</p>
                  </div>
                </div>
              </div>
            </fieldset>
          </form>

        </div>
      </div>
    </div>
  </div>
</div>