80 lines
2.9 KiB
HTML

{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}