<section>
	<div class="title"><img src="/assets/images/button_character.gif" alt="Character" title="Character"></div>
	<ul class="unstyled">
		<li><b>{user.Username}</b></li>
		<li>Level: {user.Level}</li>
		<li>Exp: {user.Exp} ({_expprog}%)</li>
		<li>Gold: {user.Gold}</li>
		<li>HP: {user.HP}/{user.MaxHP}</li>
		<li>MP: {user.MP}/{user.MaxMP}</li>
		<li>TP: {user.TP}/{user.MaxTP}</li>
	</ul>

	<div id="statbars">
		<div class="stat">
			<div id="hp" class="container {hpcolor}"><div class="bar" style="height: {hppct}%;"></div></div>
			<span>HP</span>
		</div>

		<div class="stat">
			<div id="mp" class="container"><div class="bar" style="height: {mppct}%;"></div></div>
			<span>MP</span>
		</div>

		<div class="stat">
			<div id="tp" class="container"><div class="bar" style="height: {tppct}%;"></div></div>
			<span>TP</span>
		</div>

	</div>

	<a href="javascript:open_char_popup()">Extended Stats</a>
</section>

<section>
	<div class="title"><img src="/assets/images/button_inventory.gif" alt="Inventory" title="Inventory"></div>

	<div>
		<img src="/assets/images/icon_weapon.gif" alt="Weapon" title="Weapon">
		{if user.WeaponName != ""}
			{user.WeaponName}
		{else}
			<i>No weapon</i>
		{/if}
	</div>
	<div>
		<img src="/assets/images/icon_armor.gif" alt="Armor" title="Armor">
		{if user.ArmorName != ""}
			{user.ArmorName}
		{else}
			<i>No armor</i>
		{/if}
	</div>
	<div>
		<img src="/assets/images/icon_shield.gif" alt="Shield" title="Shield">
		{if user.ShieldName != ""}
			{user.ShieldName}
		{else}
			<i>No shield</i>
		{/if}
	</div>
	{if user.Slot1Name != ""}{slot1name}{/if}
	{if user.Slot2Name != ""}{slot2name}{/if}
	{if user.Slot3Name != ""}{slot3name}{/if}

	<ul class="unstyled mt-1">
		<li>Strength: {user.Strength}</li>
		<li>Dexterity: {user.Dexterity}</li>
		<li>Attack: {user.Attack}</li>
		<li>Defense: {user.Defense}</li>
	</ul>
</section>

<section>
	<div class="title"><img src="/assets/images/button_fastspells.gif" alt="Fast Spells" title="Fast Spells"></div>
	{if #_spells > 0}
		{for id,name in _spells}
			<a href="#">{name}</a>
		{/for}
	{else}
		<i>No known healing spells</i>
	{/if}
</section>
