<form class="{{cssClass}}" autocomplete="off">
	{{> "systems/vermine2047/templates/item/chatCards/parts/base.hbs"}}
	
	{{!-- Ability specific content --}}
	<div class="grid grid-2col">
		{{#if item.system.type}}
		<div class="resource flexrow">
			<span class="resource-label">{{ localize 'VERMINE.type' }}:</span>
			<span>{{item.system.type}}</span>
		</div>
		{{/if}}
		
		{{#if item.system.totem}}
		<div class="resource flexrow">
			<span class="resource-label">{{ localize 'IDENTITY.totem' }}:</span>
			<span>{{ localize (lookup ../config.totems item.system.totem) }}</span>
		</div>
		{{/if}}
		
		{{#if item.system.level.value}}
		<div class="resource flexrow">
			<span class="resource-label">{{ localize 'VERMINE.level' }}:</span>
			<span>{{item.system.level.value}}</span>
		</div>
		{{/if}}
		
		{{#if item.system.learn.threshold}}
		<div class="resource flexrow">
			<span class="resource-label">{{ localize 'VERMINE.learn' }}:</span>
			<span>
				{{item.system.learn.threshold}}
				{{#ifgt item.system.learn.hindrance 0}}
					 / {{ roman item.system.learn.hindrance }}
				{{/ifgt}}
			</span>
		</div>
		{{/if}}
		
		{{#if item.system.effects}}
		<div class="resource flexcol">
			<span class="resource-label">{{ localize 'UI.effects.name' }}:</span>
			<ul class="unstyled">
				{{#each item.system.effects as |effect|}}
				<li>{{effect}}</li>
				{{/each}}
			</ul>
		</div>
		{{/if}}
		
		{{#if item.system.description}}
		<div class="resource flexcol">
			<span class="resource-label">{{ localize 'IDENTITY.notes' }}:</span>
			<p>{{{item.system.description}}}</p>
		</div>
		{{/if}}
	</div>
	
</form>
