<div class="rolls">

    {{!-- Dice Display --}}
    <ul class="dice unlist">
        {{#each dice}}
        <li>
            <img src="{{ icon }}" alt="{{ label }}">
            <span class="label">{{ label }}</span>
        </li>
        {{/each}}
    </ul>

    {{!-- Formulas --}}
    <ul class="formulas unlist">
        {{#each rolls}}
        <li>
            {{!-- Formula --}}
            <div class="formula-line">
                <span class="formula">{{ roll.formula }}</span>
                <span class="label">{{#if type}}{{ roll.type }}{{else}}{{ localize "DND5E.Formula" }}{{/if}}</span>
            </div>

            {{!-- Situational Bonus --}}
            <div class="form-group">
                <input type="text" class="full-width" name="roll.{{ @index }}.situational"
                       value="{{ roll.data.situational }}" placeholder="{{ localize "DND5E.RollSituationalBonus" }}">
            </div>
        </li>
        {{/each}}
    </ul>

</div>
