<form class="item-sheet {{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>
			<tbody>
				<tr>
					<td>{{localize "midgard5.mod-type"}}</td>
					<td>
						<select class="select-mod-type" name="data.type" data-type="String">
							{{#select data.type}}
								<option value="attribute">{{localize "midgard5.attribute"}}</option>
								<option value="stat">{{localize "midgard5.bonus"}}</option>
								<option value="skill">{{localize "midgard5.skill"}}</option>
							{{/select}}
						</select>
					</td>
				</tr>

				<tr>
					<td>{{localize "midgard5.mod-id"}}</td>
					<td>
						<select class="select-id" name="data.id" data-type="String">
							{{#select data.id}}
								<option value="">{{localize "midgard5.no-skill"}}</option>
								{{#each data.calc.ids as |name key|}}
									<option value="{{key}}">{{name}}</option>
								{{/each}}
							{{/select}}
						</select>
					</td>
				</tr>
				
				<tr>
					<td>{{localize "midgard5.mod-operation"}}</td>
					<td>
						<select class="select-mod-operation" name="data.operation" data-type="String">
							{{#select data.operation}}
								{{#if (eq data.type "attribute")}}
									<option value="add100">{{localize "midgard5.mod-operation-add100"}}</option>
								{{/if}}
								<option value="add">{{localize "midgard5.mod-operation-add"}}</option>
								<option value="set">{{localize "midgard5.mod-operation-set"}}</option>
								<option value="fixed">{{localize "midgard5.mod-operation-fixed"}}</option>
							{{/select}}
						</select>
					</td>
				</tr>
				
				<tr>
					<td>{{localize "midgard5.mod-value"}}</td>
					<td><input name="data.value" type="text" value="{{data.value}}" data-dtype="Number" /></td>
				</tr>
			</tbody>
		</table>

		{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
	</div>
</form>