<div class="{{cssClass}}" data-actor-id="{{actor._id}}" data-item-id="{{data._id}}">
    <header class="card-header">
        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" /> {{data.name}}</h2>
    </header>
    <section class="sheet-body">
        <ul>
            <li>
                <strong>{{localize 'chiaroscuro.technique.invocation_type'}}</strong> : {{localize (concat 'chiaroscuro.technique.invocation_types.' data.system.invocation_type)}}
            </li>
            <li>
                <strong>{{localize 'chiaroscuro.technique.mode_invocation'}}</strong> : {{data.system.mode_invocation}}
            </li>
            {{#if data.system.xp_used}}
            <li>
                <strong>{{localize 'chiaroscuro.arcane.xp_used'}}</strong> : {{data.system.xp_used}}
            </li>
            {{/if}}
        </ul>

        {{> 'systems/l5rx-chiaroscuro/templates/items/item/item-text-partial-reference.html'}}
    </section>
</div>
