{include "admin/layout.html"}

{block "content"}
<h1>{if item.ID}Edit Item: {item.Name}{else}Add New Item{/if}</h1>

<form class="standard" method="post">
	{csrf}
	<div>
		<label for="name">Item Name:</label>
		<input type="text" name="name" id="name" value="{item.Name}" required>
	</div>
	<div>
		<label for="type">Item Type:</label>
		<select name="type" id="type" required>
			<option value="1"{if item.Type == 1} selected{/if}>Weapon</option>
			<option value="2"{if item.Type == 2} selected{/if}>Armor</option>
			<option value="3"{if item.Type == 3} selected{/if}>Shield</option>
			<option value="4"{if item.Type == 4} selected{/if}>Accessory</option>
		</select>
	</div>
	<div>
		<label for="value">Value (gold):</label>
		<input type="number" name="value" id="value" value="{item.Value}" min="0" required>
	</div>
	<div>
		<label for="lore">Lore/Description:</label>
		<textarea name="lore" id="lore" rows="3" placeholder="Item description or lore text">{item.Lore}</textarea>
	</div>

	<fieldset style="margin: 1rem 0;">
		<legend>Stat Bonuses</legend>
		<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
			<div>
				<label for="attack">Attack:</label>
				<input type="number" name="attack" id="attack" value="{item.Attack}">
			</div>
			<div>
				<label for="defense">Defense:</label>
				<input type="number" name="defense" id="defense" value="{item.Defense}">
			</div>
			<div>
				<label for="strength">Strength:</label>
				<input type="number" name="strength" id="strength" value="{item.Strength}">
			</div>
			<div>
				<label for="dexterity">Dexterity:</label>
				<input type="number" name="dexterity" id="dexterity" value="{item.Dexterity}">
			</div>
			<div>
				<label for="max_hp">Max HP Bonus:</label>
				<input type="number" name="max_hp" id="max_hp" value="{item.MaxHP}">
			</div>
			<div>
				<label for="max_mp">Max MP Bonus:</label>
				<input type="number" name="max_mp" id="max_mp" value="{item.MaxMP}">
			</div>
			<div>
				<label for="exp_bonus">Exp Bonus (%):</label>
				<input type="number" name="exp_bonus" id="exp_bonus" value="{item.ExpBonus}">
			</div>
			<div>
				<label for="gold_bonus">Gold Bonus (%):</label>
				<input type="number" name="gold_bonus" id="gold_bonus" value="{item.GoldBonus}">
			</div>
		</div>
	</fieldset>

	<div>
		<label for="special">Special Properties:</label>
		<input type="text" name="special" id="special" value="{item.Special}" placeholder="Special item properties or effects">
		<small>Optional special properties or unique effects</small>
	</div>

	<div>
		<a href="/admin/items"><button type="button" class="btn">Cancel</button></a>
		<button type="submit" class="btn btn-primary">{if item.ID}Update{else}Create{/if} Item</button>
		{if item.ID}
			<button type="submit" name="delete" value="1" class="btn btn-danger" onclick="return confirm('Are you sure you want to delete this item?')">Delete Item</button>
		{/if}
	</div>
</form>
{/block}