{include "admin/layout.html"}

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

<form class="standard" method="post">
	{csrf}
	<div>
		<label for="name">Class Name:</label>
		<input type="text" name="name" id="name" value="{class.Name}" required>
	</div>
	<div>
		<label for="lore">Lore/Description:</label>
		<textarea name="lore" id="lore" rows="3" placeholder="Class description or background lore">{class.Lore}</textarea>
	</div>

	<fieldset style="margin: 1rem 0;">
		<legend>Base Stats (Level 1)</legend>
		<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
			<div>
				<label for="base_hp">Base HP:</label>
				<input type="number" name="base_hp" id="base_hp" value="{class.BaseHP}" min="1" required>
				<small>Starting health points</small>
			</div>
			<div>
				<label for="base_mp">Base MP:</label>
				<input type="number" name="base_mp" id="base_mp" value="{class.BaseMP}" min="0" required>
				<small>Starting magic points</small>
			</div>
			<div>
				<label for="base_str">Base Strength:</label>
				<input type="number" name="base_str" id="base_str" value="{class.BaseSTR}" min="0" required>
				<small>Starting strength</small>
			</div>
			<div>
				<label for="base_dex">Base Dexterity:</label>
				<input type="number" name="base_dex" id="base_dex" value="{class.BaseDEX}" min="0" required>
				<small>Starting dexterity</small>
			</div>
		</div>
	</fieldset>

	<fieldset style="margin: 1rem 0;">
		<legend>Growth Rates (Per Level)</legend>
		<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
			<div>
				<label for="rate_hp">HP Growth:</label>
				<input type="number" name="rate_hp" id="rate_hp" value="{class.RateHP}" min="0" required>
				<small>HP gained per level</small>
			</div>
			<div>
				<label for="rate_mp">MP Growth:</label>
				<input type="number" name="rate_mp" id="rate_mp" value="{class.RateMP}" min="0" required>
				<small>MP gained per level</small>
			</div>
			<div>
				<label for="rate_str">Strength Growth:</label>
				<input type="number" name="rate_str" id="rate_str" value="{class.RateSTR}" min="0" required>
				<small>Strength gained per level</small>
			</div>
			<div>
				<label for="rate_dex">Dexterity Growth:</label>
				<input type="number" name="rate_dex" id="rate_dex" value="{class.RateDEX}" min="0" required>
				<small>Dexterity gained per level</small>
			</div>
		</div>
	</fieldset>

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