<!-- form start -->
<form class="form-horizontal">
  <div class="box-body">
    <div class="form-group">
      <label for="inputProductName" class="col-sm-2 control-label">Product Name</label>

      <div class="col-sm-10">
        {{input type="text" placeholder="Product Name" class="form-control" id="inputProductName"
				value=model.name}}
      </div>
    </div>
    <div class="form-group">
      <label for="inputDescription" class="col-sm-2 control-label">Description</label>

      <div class="col-sm-10">
        {{input type="text" class="form-control" id="inputDescription" placeholder="Description"
				value=model.description}}
      </div>
    </div>
    <div class="form-group">
      <label for="inputServiceType" class="col-sm-2 control-label">Service Type</label>

      <div class="col-sm-10">
        {{#power-select placeholder="Please, select service type" selected=model.service
          options=services searchField="name" onchange=(action "setService") as |service|
          }}
          {{service.name}}
        {{/power-select}}
      </div>
    </div>
    <div class="form-group">
      <label for="inputCost" class="col-sm-2 control-label">Cost</label>

      <div class="col-sm-10">
        {{input type="text" class="form-control" id="inputCost" placeholder="Cost"
				value=model.cost}}
      </div>
    </div>

  </div>
  <!-- /.box-body -->
  <div class="box-footer">
    <button type="button" class="btn btn-primary {{if save.isRunning 'disabled'}}" onclick= {{perform save}}>{{if save.isRunning 'Saving' 'Save'}}</button>
    <button type="button" class="btn btn-default {{if cancel.isRunning 'disabled'}}"
      onclick= {{perform cancel}}>{{if cancel.isRunning 'Canceling' 'Cancel'}}</button>
    {{#if canDelete}}
      <button type="button" class="btn btn-info pull-right {{if delete.isRunning 'disabled'}}"
        onclick= {{perform delete}}>{{if delete.isRunning 'Deleting' 'Delete'}}</button>
    {{/if}}
  </div>
  <!-- /.box-footer -->
</form>