<div class="monks-tokenbar assignxp chat-card item-card">
    <header class="card-header flexrow">
        <h3 class="item-name">{{localize 'MonksTokenBar.Experience'}}</h3>
        <div class="item-controls flexrow" style="text-align:right;">
            <h3>{{localize 'MonksTokenBar.XP'}}: {{xp}}</h3>
        </div>
    </header>
    <div class="message-content" style="margin:5px 0px;">
        <div class="card-content"></div>
	    <div class="form-group sheet actor">
            <ol class="items-list inventory-list">
                <li class="items-header flexrow">
                    <h3 class="item-name flexrow">{{localize 'MonksTokenBar.Actors'}}</h3>
                    <div class="item-controls flexrow">
                        <a class="item-control assign-all gm-only" title="{{localize 'MonksTokenBar.AssignAll'}}" data-control="assignAll">
                            <i class="fas fa-plus-circle"></i>{{localize 'MonksTokenBar.XPAddAll'}}
                        </a>
                    </div>
                </li>

                <ol class="item-list">
                    {{#each actors}}
                    <li class="item flexrow " data-item-id="{{this.id}}">
                        <div class="dice-roll flexcol">
                            <div class="item-row flexrow">
                                <div class="item-name flexrow">
                                    <div class="item-image" style="background-image: url('{{this.icon}}')">
                                    </div>
                                    <h4>
                                        {{this.name}}
                                    </h4>
                                </div>
                                <a class="item-control add-xp" title="{{localize 'MonksTokenBar.AddExperience'}}" data-control="addXP" style="display:none;">
                                    <i class="fas fa-plus"></i>{{localize 'MonksTokenBar.XPAdd'}}
                                </a>
                                <div class="dice-total xp-result flexrow">
                                    {{this.xp}}
                                </div>
                            </div>
                        </div>
                    </li>
                    {{/each}}
                </ol>
            </ol>
        </div>
    </div>
    <footer class="card-footer">
        <span> {{localize 'MonksTokenBar.Reason'}}: <span class="xp-reason">{{reason}}</span></span>
    </footer>
</div>
