<div>
    <header class="dialog-header">
        <h1>{{title}}</h1>
    </header>

    <div class="downtime-container {{#if (and shortRestMoves.moves longRestMoves.moves)}}two-columns even{{else}}one-column{{/if}}">
        {{#if shortRestMoves.moves}}{{> "systems/daggerheart/templates/dialogs/downtime/activities.hbs" moves=shortRestMoves.moves category='shortRest' nrChoices=nrChoices.shortRest}}{{/if}}
        {{#if longRestMoves.moves}}{{> "systems/daggerheart/templates/dialogs/downtime/activities.hbs" moves=longRestMoves.moves category='longRest' nrChoices=nrChoices.longRest}}{{/if}}
    </div>

    <fieldset>
        <legend>{{localize "DAGGERHEART.APPLICATIONS.Downtime.refreshable.title"}}</legend>

        <div class="refreshables-container {{#if (and shortRestMoves longRestMoves)}}wide{{/if}}">
            {{#each this.refreshables.actionItems as | item |}}
                <div class="refreshable-container">
                    <span class="refreshable-title">{{item.title}}</span>
                    <span class="refreshable-name">{{item.name}}</span>
                </div>
            {{/each}}
            {{#each this.refreshables.resourceItems as | item |}}
                <div class="refreshable-container">
                    <span class="refreshable-title">{{item.title}}</span>
                    <span class="refreshable-name">{{item.name}}</span>
                </div>
            {{/each}}
        </div>
    </fieldset>

    <footer>
        <button type="button" data-action="close">{{localize "COMMON.Cancel"}}</button>
        <button type="button" data-action="takeDowntime" {{#if disabledDowntime}}disabled{{/if}}>{{localize "DAGGERHEART.APPLICATIONS.Downtime.takeDowntime"}}</button>
    </footer>
</div>