<!-- form start -->
<form class="form-horizontal">
  <div class="box-body">
    <div class="form-group">
      <label for="inputIdentificationType" class="col-sm-2 control-label">Select Existing Guest</label>
      <div class="col-sm-10">
        {{#power-select placeholder="Please, select existing guest" selected=guest search=(action
          "searchGuests") onchange=(action "setGuest") newGuest=(action "newGuest") as |guest| }}
          {{guest.first_name}} {{guest.last_name}}
          {{else}}
            <button type="button" class="btn btn-primary btn-sm btn-block" onclick={{action 'newGuest'}}>New Guest</button>

{{/power-select}}
</div>
</div>
</div>
<!-- /.box-body -->
</form>
<div class="row">
  <div class="col-md-12">
    <!-- Horizontal Form -->
    <div class="box box-info">
      <div class="box-header with-border">
        <h3 class="box-title">Add Guest Information</h3>
      </div>
      <!-- /.box-header -->
      {{#if hasBlock}}
        {{#admin-guest-form model=guest onSave=(action 'save') onCancel=(action 'cancel')
          onDelete=(action 'delete') canDelete=canDelete as |save cancel delete model|}}
          {{yield save cancel delete model}}
        {{/admin-guest-form}}
      {{else}}
        {{admin-guest-form model=guest onSave=(action 'save') onCancel=(action 'cancel')
        onDelete=(action 'delete') canDelete=canDelete}}
      {{/if}}
    </div>
    <!-- /.box -->
  </div>
  <!--/.col (right) -->
</div>