<div class="kopparhavet roll-item">
    <div class="border">
        <h3>{{localize name}}</h3>

        <div class="roll">
            <div class="dice-roll">
                {{#if closed}}
                <div>
                    {{localize "ROLL.CLOSED"}}: {{closed}}
                </div>
                {{/if}}
                {{#if opened}}
                <div>
                    {{localize "ROLL.OPENED"}}: {{opened}}
                </div>
                {{/if}}
                <div class="dice-result">
                    {{#if showFormula}}
                    <div class="dice-formula-kh">{{res.formula}}</div>
                    {{/if}}
                    <h2>{{res.total}}</h2>
                </div>
            </div>
        </div>
        {{#if success}}
        <div style="text-align: center; width: 100%; font-weight: bold; color: limegreen;">
            {{#if excetional}}{{localize "ROLL.EXCEPTIONAL"}}{{/if}} {{localize "ROLL.SUCCESS"}}
        </div>
        {{/if}}
        {{#if failure}}
        <div style="text-align: center; width: 100%; font-weight: bold; color: darkred;">
            {{#if excetional}}{{localize "ROLL.EXCEPTIONAL"}}{{/if}} {{localize "ROLL.FAILURE"}}
        </div>
        {{/if}}
    </div>
</div>