<form class="col s12 modelpage-form" role="form">
  <div class="row">
    <div class="col s6">
      <label class="active">Catalog</label>
      {{view "select" content=controller.catalogs
        value=selectedObject
        label="Catalog"
        prompt="Please choose..."
        optionLabelPath="content.displayName"
        optionValuePath="content"}}
    </div>

    <div class="col s3">
      {{md-input value=model.page label="Page"}}
    </div>

    <div class="col s3">
      {{md-input value=model.pagecount label="Pagecount"}}
    </div>
  </div>
  <div class="row">
    <div class="input-field col s12">
      <button {{action 'update'}} class="btn">Save</button> or <a href="#" {{action 'cancel'}}>Cancel</a>
    </div>
  </div>

  <div class="text-center text-danger">
    <strong>{{serverErrorMessage}}</strong>
  </div>

  {{#if showImage}}
  <div class="row">
    <div class="col s12">
      <div class="card">
        <div class="card-image">
          <img src="{{pageUrl}}"/>
        </div>
        <div class="card-content">
          <p class="card-bottom-actions">
            <a href="{{pageUrl}}" target="_blank"><i class="mdi-content-archive">Download</i></a>
          </p>
        </div>
      </div>
    </div>
  </div>
  {{/if}}

</form>
