<div class="encounters {?isExpanded}is-expanded{/isExpanded}">

    {?showTooltip}
    <div class="tooltip">
        <span>{#_t}{encounters_tooltip}{/_t}</span>
        <div class="icon">
            {@Icon name="icon-encounters" size="stretch" /}
        </div>
    </div>
    {/showTooltip}

    <div class="images">
        {#images}
        <img src="{src}">
        <input type="radio" id="{id}" {?selected}checked{/selected} />
        <label for="showme-{id}">
            {name}
        </label>
        {/images}
    </div>

    <div class="footer">
        {! encounters-footer template will be injected here !}
    </div>

</div>