{{#with data}}
<a id="{{@root/dom/a}}" style="display: block; width: 100%; height: 100%; text-decoration: none; color: #333;
{{#unless badges}}
display: flex; align-items: center;
{{/unless}}
">
    {{#if image}}
    <div style="width: 60px; height: 50px; margin-right: 10px; float: left; display: flex; align-items: center;">
        <img title="{{brokerage.brand.name}}" src="{{brokerage.brand.image.url.default}}" style="width: 60px; border: 0;" alt="{{brokerage.name}}"/>
    </div>
    {{/if}}
    <div id="{{@root/dom/divText}}" style="
    {{#and image chevron}}
    width: calc(100% - 100px);
    {{else and image true}}
    width: calc(100% - 70px);
    {{else and chevron true}}
    width: calc(100% - 30px);
    {{else}}
    width: 100%;
    {{/and}}
    {{#if badges}}
    xpadding-top: 10px;
    {{/if}}
    float: left;">
        <div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><strong>{{brokerage.name}}</strong></div>
        {{#if subhead}}
        <div class="context small" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{subhead}}</div>
        {{/if}}
        {{#if badges}}
        <div id="{{@root/dom/divBadges}}"></div>
        {{/if}}
    </div>
    {{#if chevron}}
    <div class="text-right" style="width: 30px; height: 100%;">
        <i class="material-icons chevron text-grey">keyboard_arrow_right</i>
    </div>
    {{/if}}
</a>
{{/with}}