<section class="content">
  <div class="row">
    <!-- right column -->
    <div class="col-md-12">
      <form class="form-horizontal">
        <div class="box-body">
          <div class="form-group">
            <label for="inputGroupName" class="col-sm-2 control-label">Group Name</label>
            <div class="col-sm-10">
              {{input type="text" class="form-control" id="inputGroupName" placeholder="Group Name"
              value=model.group_name}}
            </div>
          </div>
        </div>
      </form>
    </div>
    <div class="col-md-12">
      <!-- Horizontal Form -->
      <div class="box box-info">
        <div class="box-header with-border">
          <h3 class="box-title">Edit Guest</h3>
        </div>
        <!-- /.box-header -->
        {{#manage-guest-component wizard=wizard onSetGuest=(route-action 'setGuest') onSave=(route-action
          'save') onCancel=(route-action 'cancel') onDelete=(route-action 'delete') canDelete=true
          as |save cancel delete model|}}
          <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>
                <button type="button" class="btn btn-info pull-right {{if delete.isRunning 'disabled'}}"
                  onclick= {{perform delete}}>{{if delete.isRunning 'Deleting' 'Delete'}}</button>
          </div>
          {{/manage-guest-component}}
      </div>
      <!-- /.box -->
    </div>
    <!--/.col (right) -->
  </div>
  <!-- /.row -->
</section>