<form class="{{cssClass}}" autocomplete="off"> <div class="header"> <div class="avatar flex-group-center" style="grid-row: 1/3;"> <img class="item-avatar-img" src="{{item.img}}" data-edit="img" title="{{item.name}}" /> </div> <div class="container flex-group-center item-name"> <h1><input name="name" type="text" value="{{item.name}}" placeholder="{{localize "ITEM.GEAR"}}" /></h1> </div> <div class="grid-container" style="grid-template-columns: 1fr 1fr;"> <div class="supply"> <label>{{localize data.quantity.label}}</label> <input name="data.quantity.value" type="number" value="{{data.quantity.value}}" /> </div> <div class="cost"> <label>{{localize data.price.label}}</label> <input name="data.price.value" type="text" value="{{data.price.value}}" /> </div> </div> </div> <div class="item"> <div class="description"> <h2>{{localize data.description.label}}</h2> <div class="info-mid"> <div class="description"> {{editor content=data.description.value target="data.description.value" button=true owner=owner editable=editable}} </div> </div> </div> </div> </form>