<div id="character" class="box">
	<div class="name">
		<?= $c->name ?>
		<?php if ($c->att_points > 0): ?>
			<span class="ui button primary badge ml-2 tooltip-hover" data-tooltip-content="Attribute Points"><?= $c->att_points ?></span>
		<?php endif; ?>
	</div>

	<div>
		L<?= $c->level ?> <?= $c->title()['name'] ?>
	</div>

	<div>
		<?= wallet()->silver ?> s
	</div>

	<div>
		<div class="char-meter">
			<div class="hp" style="width: <?= percent($c->hp, $c->m_hp) ?>%"></div>
			<div class="tooltip-trigger tooltip-hover" data-tooltip-content="Health<br><?= $c->hp ?> / <?= $c->m_hp ?>"></div>
		</div>
	</div>

	<div>
		<div class="char-meter">
			<div class="mp" style="width: <?= percent($c->mp, $c->m_mp) ?>%"></div>
			<div class="tooltip-trigger tooltip-hover" data-tooltip-content="Mana<br><?= $c->mp ?> / <?= $c->m_mp ?>"></div>
		</div>
	</div>

	<div>
		<div class="char-meter">
			<div class="tp" style="width: <?= percent($c->tp, $c->m_tp) ?>%"></div>
			<div class="tooltip-trigger tooltip-hover" data-tooltip-content="Travel Points<br><?= $c->tp ?> / <?= $c->m_tp ?>"></div>
		</div>
	</div>
</div>
