{{admin-select-dates start=model.date_in end=model.date_out onSetDateIn=(action 'setDateIn')
onSetDateOut=(action 'setDateOut')}}
<form class="form-horizontal">
  <div class="box-body">
    <div class="form-group">
      <label for="inputRoomName" class="col-sm-2 control-label">Comments</label>
      <div class="col-sm-10">
        {{input type="text" class="form-control" placeholder="Enter Guest Comments" id="inputRoomComments"
        value=model.comments }}
      </div>
    </div>
    <div class="form-group">
      <label for="inputAdults" class="col-sm-2 control-label">No. Adults</label>
      <div class="col-sm-2">
        {{bootstrap-touchspin id='numAdults' placeholder='No. Adults' num=model.adults onInputChanged=(action
        'inputAdultsChanged')}}
      </div>
    </div>
    <div class="form-group">
      <label for="inputChilds" class="col-sm-2 control-label">No. Childs</label>
      <div class="col-sm-2">
        {{bootstrap-touchspin id='numChilds' placeholder='No. Childs' num=model.childs onInputChanged=(action
        'inputChildsChanged')}}
      </div>

    </div>
    <div class="form-group">
      <label for="inputGender" class="col-sm-2 control-label">Status</label>
      <div class="col-sm-2">
        {{#power-select placeholder="Please, set status" selected=model.status options=statuses
          onchange=(action "setStatus") as |name| }}
          {{name}}
        {{/power-select}}
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <div class="checkbox">
          <label>
            {{one-way-checkbox checked=model.is_day_rate update=(action 'isDayRateChecked')}} is Day Rate?
          </label>
        </div>
      </div>
    </div>
    <div class="form-group">
      <label for="inputAmount" class="col-sm-2 control-label">cost</label>
      <div class="col-sm-2">
        {{input type="text" class="form-control" placeholder="Enter Amount" id="inputAmount"
        value=model.cost}}
      </div>
    </div>
    <div class="form-group">
      <label for="inputTotal" class="col-sm-2 control-label">Total</label>
      <div class="col-sm-2">
        <input type="text" class="form-control" placeholder="Enter Total" id="inputTotal"
          value= {{model.amount}}>
      </div>
    </div>
    <div class="form-group">
      <label for="inputRoomCost" class="col-sm-2 control-label">room cost</label>
      <div class="col-sm-2">
        {{input type="text" class="form-control" placeholder="Enter Room Cost" id="inputRoomCost"
        value=model.roomcost}}
      </div>
    </div>
    <div class="form-group">
      <label for="inputBundleCost" class="col-sm-2 control-label">bundle cost</label>
      <div class="col-sm-2">
        {{input type="text" class="form-control" placeholder="Enter Bundle Cost" id="inputBundleCost"
        value=model.bundlecost}}
      </div>
    </div>
    <div class="form-group">
      <label for="inputRoomBundle" class="col-sm-2 control-label">Room Bundle Total</label>
      <div class="col-sm-2">
        <input type="text" class="form-control" placeholder="Enter Room Bundle Total" id="inputRoomBundle"
          value= {{model.roombundleamount}}>
      </div>
    </div>
  </div>
  <!-- /.box-body -->
  <div class="box-footer">
    <button type="button" class="btn btn-primary {{if (or save.isRunning (not model.validations.isValid)) '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>