<form class="{{cssClass}}" autocomplete="off">
  <header class="sheet-header">
    <img class="item-img" src="{{item.img}}" data-edit="img" title="{{item.name}}" />
    <h1><input name="name" type="text" value="{{item.name}}" placeholder="Name" /></h1>
  </header>
  <div class="sheet-content">
    <table>
      <tr>
        <th>{{localize "midgard5.item-quantity"}}</th>
        <th>{{localize "midgard5.item-value"}}</th>
        <th>{{localize "midgard5.item-onbody"}}</th>
        <th>{{localize "midgard5.item-ismagic"}}</th>
      </tr>
      <tr>
        <td>
          <input name="data.quantity" type="text" value="{{data.quantity}}" data-dtype="Number" />
        </td>
        <td>
          <input name="data.value" type="text" value="{{data.value}}" data-dtype="Number" />
        </td>
        <td>
          <input name="data.onbody" type="checkbox" {{checked data.onbody}} />
        </td>
        <td>
          <input name="data.magic" type="checkbox" {{checked data.magic}} />
        </td>
      </tr>
    </table>
    {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
  </div>
</form>