<div class="{{cssClass}}" data-actor-id="{{actor.data._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 'l5r5e.advancements.cost'}}</strong> : {{data.data.xp_cost}}
            </li>
            <li>
                <strong>{{localize 'l5r5e.sheets.rank'}}</strong> : {{data.data.rank}}
            </li>
            <li>
                <strong>{{localize 'l5r5e.sheets.bought_at_rank'}}</strong> : {{data.data.bought_at_rank}}
            </li>
            <li>
                <strong>{{localize 'l5r5e.advancements.total_xp_curriculum'}}</strong> : {{data.data.xp_used}} / {{data.data.xp_cost}}
            </li>
            <li>
                <strong>{{localize 'l5r5e.advancements.total_xp_spent'}}</strong> : {{data.data.xp_used_total}}
            </li>
        </ul>
        {{!--advancements--}}
        {{#if data.embedItemsList}}
        <p>
            <strong>{{localize 'l5r5e.advancements.title'}}</strong>
            <ul>
            {{#each data.embedItemsList as |advancement|}}<li>{{advancement.name}} ({{advancement.data.xp_used}})</li>{{/each}}
            </ul>
        </p>
        {{/if}}
        {{!--item-infos--}}
        <p><strong>{{localize 'l5r5e.sheets.description'}}</strong> : {{{data.data.description}}}</p>
        <p><strong>{{localize 'l5r5e.sheets.book_reference'}}</strong> : {{data.data.book_reference}}</p>
    </section>
</div>
