<!-- form start -->
<form class="form-horizontal">
  <div class="box-body">

    <div class="form-group">
      <label for="inputName" class="col-sm-2 control-label">Name</label>

      <div class="col-sm-10">
        {{input type="text" class="form-control" id="inputName" placeholder="Name"
				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>
  <!-- /.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>