{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: BUSL-1.1
~}}

<PageHeader as |p|>
  <p.levelLeft>
    <h1 class="title is-3">
      Lookup a Lease
    </h1>
  </p.levelLeft>
</PageHeader>

<form {{action "lookupLease" this.leaseId on="submit"}}>
  <div class="box is-sideless is-fullwidth is-marginless">
    <div class="field">
      <label for="lease-id" class="is-label">Lease ID</label>
      <div class="control">
        <Input @value={{this.leaseId}} id="lease-id" class="input" />
      </div>
      <p class="help has-text-grey">
        If you know the
        <code>id</code>
        of a lease, enter it above to lookup details of the lease.
      </p>
    </div>
  </div>
  <div class="field is-grouped box is-fullwidth is-bottomless">
    <div class="control">
      <button type="submit" class="button is-primary">Lookup</button>
    </div>
  </div>
</form>