{{!
* 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.
}}
<form class="form-horizontal add-property-window" autocomplete="off">
  <div class="each-row control-group">
    <label class="control-label">{{t common.type}}</label>

    <div class="controls">
      <input class="span4" type="text" disabled {{bindAttr value="view.fileName"}}/>

      <div class="btn-group add-mode pull-right" {{action toggleBulkMode target="view" }}>
        <a href="#"
          {{bindAttr class=":btn view.serviceConfigObj.isBulkMode::active"}}
          {{translateAttr title="services.service.config.addPropertyWindow.singleMode" }}
           data-toggle="tooltip"><i class="icon-tag"></i></a>
        <a href="#"
          {{bindAttr class=":btn view.serviceConfigObj.isBulkMode:active"}}
          {{translateAttr data-original-title="services.service.config.addPropertyWindow.bulkMode" }}
           data-toggle="tooltip"><i class="icon-tags"></i></a>
      </div>
    </div>
  </div>
  {{#if view.serviceConfigObj.isBulkMode}}
    <div {{bindAttr class="view.serviceConfigObj.bulkConfigError:error :each-row :control-group"}}>
      <label class="control-label">
        {{t services.service.config.addPropertyWindow.properties}}
        <br>
        <small>{{t services.service.config.addPropertyWindow.propertiesHelper}}</small>
      </label>

      <div class="controls">
        {{view Ember.TextArea
        valueBinding="view.serviceConfigObj.bulkConfigValue" rows="4"
        classNames="input-block-level"
        placeholderTranslation="services.service.config.addPropertyWindow.propertiesPlaceholder"
        }}
        <span class="help-inline">{{{view.serviceConfigObj.bulkConfigErrorMessage}}}</span>
      </div>
    </div>
  {{else}}
    <div {{bindAttr class="view.serviceConfigObj.isKeyError:error :each-row :control-group"}}>
      <label class="control-label">{{t common.key}}</label>

      <div class="controls">
        {{view Ember.TextField valueBinding="view.serviceConfigObj.name" class="input-block-level"}}
        {{#if view.serviceConfigObj.isKeyError}}
          <span class="help-inline">{{view.serviceConfigObj.errorMessage}}</span>
        {{/if}}
        {{#if view.serviceConfigObj.showFilterLink}}
          {{#if view.notMisc}}
          <a href="#" class="btn-padding" {{action filterByKey target="view" }}>
            {{t services.service.config.addPropertyWindow.filterKeyLink}}
          </a>
            {{/if}}
        {{/if}}
      </div>
    </div>
    <div class="each-row control-group">
      <label class="control-label">{{t common.value}}</label>

      <div class="controls">
        {{view Ember.TextArea valueBinding="view.serviceConfigObj.value" rows="4" classNames="input-block-level"}}
      </div>
    </div>
  {{/if}}
</form>
