<section class="tab {{tabs.meta.id}} {{tabs.meta.cssClass}}"
         data-tab="{{tabs.meta.id}}"
         data-group="{{tabs.meta.group}}">
    <div>
        <div class="name">
            <img class="img" src="{{img}}" data-action="editImage" data-edit="img" alt="{{name}}" title="{{name}}"/>
            <label>Name
                <input name="name" type="text" value="{{name}}" placeholder="Name"/>
            </label>
        </div>
        <div class="quantity">
            <label>Anzahl
                <input type="number" name="system.quantity"
                       value="{{quantity}}"/>
            </label>
        </div>
        {{!-- categories are now in their on tab --}}
        <div class="description">
            <label>Beschreibungstext</label>
            <prose-mirror
                    name="system.description"
                    button="false"
                    editable="{{editable}}"
                    toggled="true"
                    value="{{system.description}}">
                {{{system.description}}}
            </prose-mirror>
        </div>
        <div class="bottomline">
            <label class="named-value"><span>Preis (Silbertaler)</span>
                <input type="number" name="system.price" value="{{this.price}}"/>
            </label>
            <label class="named-value"><span>Gewicht (in Stein)</span>
                <input type="number" name="system.weight" value="{{this.weight}}"/>
            </label>
        </div>
    </div>
</section>