<div class="mini-spells">
    <div class="tab-resources">

        <div class="astralpoints">
            <label>AsP:</label>
            <input type="number" name="system.asp.aktuell" value="{{system.asp.aktuell}}"/>
            <span class="inline">von</span>
            <input type="number" disabled value="{{derived.asp.max}}"/>
        </div>
        <div class="mr">
            <label>MR: </label>
            <input type="number" disabled value="{{derived.mr.aktuell}}"/>
        </div>
    </div>

    <div class="table-header">
        <span class="die-and-name">
            Zaubername
        </span>
        <span>
            Probe
        </span>
        <span>ZfW</span>
    </div>
    <div class="scrollable-table">
        <table>
            <thead aria-hidden="false">
            <tr>
                <th class="die-column"></th>
                <th>Zaubername</th>
                <th>Probe</th>
                <th>ZfW</th>
            </tr>
            </thead>
            <tbody>
            {{#each this.spells}}
                <tr>
                    <td class="spell rollable" data-action="castSpell" data-item-id="{{this.id}}">
                        {{> 'systems/DSA_4-1/templates/ui/partial-die.hbs' }}
                    </td>
                    <td class="clickable" data-item-id="{{this.id}}" data-action="openEmbeddedDocument">
                        <span>{{this.name}}</span></td>
                    <td>{{this.eigenschaft1}} {{this.eigenschaft2}} {{this.eigenschaft3}}</td>
                    <td>{{this.zfw}}</td>
                </tr>
            {{/each}}
            </tbody>
        </table>
    </div>

</div>