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

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

      <div class="col-sm-10">
        {{input readonly=isReadOnly type="text" class="form-control" id="inputFirstName" placeholder="First Name"
				value=model.first_name}}
      </div>
    </div>
    <div class="form-group">
      <label for="inputLastName" class="col-sm-2 control-label">Last Name</label>

      <div class="col-sm-10">
        {{input readonly=isReadOnly type="text" class="form-control" id="inputLastName" placeholder="Last Name"
				value=model.last_name}}
      </div>
    </div>
    <div class="form-group">
      <label for="inputCountry" class="col-sm-2 control-label">Payment Type</label>
      <div class="col-sm-10">
        {{#power-select disabled=isDisabled selected=paymenttype placeholder="Please, payment type"
          searchField="name" options=paymenttypes onchange=(action "setPaymentType")
          as |paymenttype| }}
          {{paymenttype.name}}
        {{/power-select}}
      </div>
    </div>
    <div class="form-group">
      <label for="inputAmountPaid" class="col-sm-2 control-label">Amount Paid</label>

      <div class="col-sm-10">
        {{input readonly=isReadOnly type="text" class="form-control" id="inputAmountPaid" placeholder="Amount Paid"
				value=model.amount}}
      </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>