{{#with data}}
<div class="bs4--position-relative bs4--clearfix my-agent-item">
    {{#if checkbox}}
    <div id="{{@root/dom/divCheckbox}}" class="bs4--float-left  bs4--align-items-center bs4--d-flex bs4--mr-2 my-agent-item-checkbox">
    </div>
    {{/if}}
    <div id="{{@root/dom/divEntity}}" style="
{{#if checkbox}}
float: left; width: calc(100% - 33px);
{{else}}
width: 100%;
{{/if}} min-height: 50px;"></div>
    {{#if buttons}}
    <div class="bs4--position-absolute" style="right: 0; top: 10px;">
        <a class="pointer text-grey" tabindex="0" id="{{@root/dom/aToggleEdit}}" aria-label="Settings">
            <i class="material-icons align-middle pointer" aria-hidden="true">settings</i>
        </a>
    </div>
    <div id="{{@root/dom/divEdit}}" class="bs4--clearfix bs4--pt-1 bs4--row" style="display: none;">
        {{#each buttons}}
        <div class="bs4--float-left {{#if @first}}bs4--pr-1{{/if}}
            {{#compare ../buttons.length '<' 3}}
            bs4--col-6 {{#unless @first}}bs4--pl-1{{/unless}}
            {{else}}
            bs4--col-4
                {{#unless @last}}bs4--pr-1 {{/unless}}
                {{#unless @first}}bs4--pl-1 {{/unless}}
            {{/compare}}">
            <button id="{{@root/dom/button}}_{{@index}}" data-index="{{@index}}"
                class="btn btn-sm {{#if class}}{{class}}{{else}}btn-default{{/if}} bs4--px-2 bs4--w-100 bs4--text-truncate"
                {{#if title}} title="{{title}}"{{/if}}>{{text}}</button>
        </div>
        {{/each}}
    </div>
    <div id="{{@root/dom/divButtonError}}" class="bs4--text-center text-danger hidden">
        Sorry, something didn't work right
    </div>
    {{/if}}
</div>
{{/with}}