<section class="tab {{ tab.cssClass }}" data-group="primary" data-tab="transfer">
    <section class="currency">
        <button type="button" data-action="setAll">{{ localize "DND5E.CurrencyManager.Transfer.All" }}</button>
        <button type="button" data-action="setHalf">{{ localize "DND5E.CurrencyManager.Transfer.Half" }}</button>
        {{#each currency}}
        <label>
            {{#with (lookup @root.CONFIG.currencies @key) as |currency|}}
            <i class="currency {{ @key }}" data-tooltip="{{ lookup currency 'label' }}"
               aria-label="{{ lookup currency 'label' }}"></i>
            {{/with}}
            {{ numberInput null name=(concat "amount." @key) step=1 }}
        </label>
        {{/each}}
    </section>
    <div class="destinations">
        {{#each destinations}}
        <label>
            <dnd5e-checkbox name="destination.{{ doc.id }}"></dnd5e-checkbox>
            {{{ icon }}} {{ doc.name }}
        </label>
        {{else}}
        <p class="no-destinations">{{ localize "DND5E.Award.NoDestinations" }}</p>
        {{/each}}
    </div>
    <button type="submit" name="transfer" disabled>
        <i class="fa-solid fa-reply-all fa-flip-horizontal" inert></i>
        {{ localize "DND5E.CurrencyManager.Transfer.Action" }}
    </button>
</section>
