<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.bonus"}}</td>
					<td><input name="data.bonus" type="text" value="{{data.bonus}}" data-dtype="Number" /></td>
					<td>{{localize "midgard5.actor-ap"}}</td>
					<td><input name="data.ap" type="text" value="{{data.ap}}" data-dtype="String" /></td>
				</tr>
				<tr>
					<td>{{localize "midgard5.spell-castDuration"}}</td>
					<td><input name="data.castDuration" type="text" value="{{data.castDuration}}" data-dtype="String" /></td>
					<td>{{localize "midgard5.spell-range"}}</td>
					<td><input name="data.range" type="text" value="{{data.range}}" data-dtype="String" /></td>
				</tr>
				<tr>
					<td>{{localize "midgard5.spell-effectTarget"}}</td>
					<td>
						<select class="select-effectTarget" name="data.effectTarget" data-type="String">
							{{#select data.effectTarget}}
								{{#each data.spellTargetSelection as |label key|}}
									<option value="{{key}}">{{localize label}}</option>
								{{/each}}
							{{/select}}
						</select>
					</td>
					<td>{{localize "midgard5.spell-effectArea"}}</td>
					<td><input name="data.effectArea" type="text" value="{{data.effectArea}}" data-dtype="String" /></td>
				</tr>
				<tr>
					<td>{{localize "midgard5.spell-effectDuration"}}</td>
					<td><input name="data.effectDuration" type="text" value="{{data.effectDuration}}" data-dtype="String" /></td>
					<td>{{localize "midgard5.spell-origin"}}</td>
					<td><input name="data.origin" type="text" value="{{data.origin}}" data-dtype="String" /></td>
				</tr>
				<tr>
					<td>{{localize "midgard5.spell-type"}}</td>
					<td>
						<select class="select-type" name="data.type" data-type="String">
							{{#select data.type}}
								{{#each data.spellTypeSelection as |label key|}}
									<option value="{{key}}">{{localize label}}</option>
								{{/each}}
							{{/select}}
						</select>
					</td>
					<td>{{localize "midgard5.spell-process"}}</td>
					<td>
						<select class="select-process" name="data.process" data-type="String">
							{{#select data.process}}
								{{#each data.spellProcessSelection as |label key|}}
									<option value="{{key}}">{{localize label}}</option>
								{{/each}}
							{{/select}}
						</select>
					</td>
				</tr>
			</tbody>
		</table>
		
		{{> "systems/midgard5/templates/sheets/item/rolls.hbs"}}

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