<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>
            {{#if data.system.mystere_type}}
            <li>
                <strong>{{localize 'chiaroscuro.mystere.mystere_type'}}</strong> : {{data.system.mystere_type}}
            </li>
            {{/if}}
            {{#if data.system.prerequisite_skill}}
            <li>
                <strong>{{localize 'chiaroscuro.mystere.prerequisite_skill'}}</strong> : {{data.system.prerequisite_skill}}
            </li>
            {{/if}}
            {{#if data.system.prerequisite_condition}}
            <li>
                <strong>{{localize 'chiaroscuro.mystere.prerequisite_condition'}}</strong> : {{data.system.prerequisite_condition}}
            </li>
            {{/if}}
            {{#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>
