<section class="trade-goods-picker-shell">
    <header><div><span>Trade Goods</span><h2>{{title}}</h2><p>Only selected goods will appear in the Trade Network.</p></div><strong><span data-trade-picker-count>{{selectedCount}}</span> selected</strong></header>
    <div class="trade-goods-picker-search"><i class="fas fa-magnifying-glass"></i><input type="search" data-trade-picker-search placeholder="Find a trade good…" autofocus></div>
    <div class="trade-goods-picker-list">
        {{#each goods}}
        <label data-trade-picker-good data-search-text="{{name}} {{family}}">
            <input type="checkbox" name="tradeGoodId" value="{{id}}" {{#if selected}}checked{{/if}}>
            <span class="nexus-entity-image">{{#if imageSrc}}<img src="{{imageSrc}}" alt="">{{else}}<i class="fas fa-box"></i>{{/if}}</span>
            <span><strong>{{name}}</strong><small>{{family}}{{#if fallback}} · Existing uncatalogued good{{/if}}</small></span>
            <i class="fas fa-check"></i>
        </label>
        {{/each}}
    </div>
    <footer><button type="button" data-action="closeTradeGoodsPicker">Cancel</button><button type="button" data-action="applyTradeGoods"><i class="fas fa-check"></i> Apply Selection</button></footer>
</section>
