{include "admin/layout.html"}

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

<form class="standard" method="post">
	{csrf}
	<div>
		<label for="name">Monster Name:</label>
		<input type="text" name="name" id="name" value="{monster.Name}" required>
	</div>
	<div>
		<label for="level">Level:</label>
		<input type="number" name="level" id="level" value="{monster.Level}" min="1" required>
	</div>
	<div>
		<label for="max_hp">Max HP:</label>
		<input type="number" name="max_hp" id="max_hp" value="{monster.MaxHP}" min="1" required>
	</div>
	<div>
		<label for="max_dmg">Max Damage:</label>
		<input type="number" name="max_dmg" id="max_dmg" value="{monster.MaxDmg}" min="0" required>
	</div>
	<div>
		<label for="armor">Armor:</label>
		<input type="number" name="armor" id="armor" value="{monster.Armor}" min="0" required>
	</div>
	<div>
		<label for="max_exp">Max Experience:</label>
		<input type="number" name="max_exp" id="max_exp" value="{monster.MaxExp}" min="0" required>
	</div>
	<div>
		<label for="max_gold">Max Gold:</label>
		<input type="number" name="max_gold" id="max_gold" value="{monster.MaxGold}" min="0" required>
	</div>
	<div>
		<label for="immune">Immunity:</label>
		<select name="immune" id="immune" required>
			<option value="0"{if monster.Immune == 0} selected{/if}>None</option>
			<option value="1"{if monster.Immune == 1} selected{/if}>Hurt Spells</option>
			<option value="2"{if monster.Immune == 2} selected{/if}>Sleep Spells</option>
		</select>
	</div>
	<div>
		<a href="/admin/monsters"><button type="button" class="btn">Cancel</button></a>
		<button type="submit" class="btn btn-primary">{if monster.ID}Update{else}Create{/if} Monster</button>
		{if monster.ID}
			<button type="submit" name="delete" value="1" class="btn btn-danger" onclick="return confirm('Are you sure you want to delete this monster?')">Delete Monster</button>
		{/if}
	</div>
</form>
{/block}