{{#if widgetEmbeded}}
<div class="widget">
    <div class="widget-box">
        <div class="widget-header bordered-bottom bordered-sky">
            <i class="widget-icon {{headerIcon}} sky"></i>
            <span class="widget-caption sky">{{header}}</span>
            <div class="widget-buttons">
                {{#each widgetButtons}}
                <a href="javascript:void(0);" id="{{id}}" class="{{class}}" onclick="{{stringifyFunc onclick ../header ../widgetId}}" title="{{altTitle}}">{{{title}}}</a>
                {{/each}}
            </div>
            <div class="widget-toolbar">
                {{#each widgetToolbarItems}}
                <a href="#" data-action="{{action}}">
                    <i class="{{class}}"></i>
                </a>
                {{/each}}
            </div>
        </div>
        <div class="widget-body">
            <div class="widget-main">
                <div class="table-toolbar">
                    {{#each toolBarItems}}
                    <a href="javascript:void(0);" id="{{id}}" class="{{class}}" onclick="{{stringifyFunc onclick ../header ../widgetId}}">{{{title}}}</a>
                    {{/each}}
                </div>
                <div class="flip-scroll">
                    <table id={{widgetId}} class="table table-striped table-hover table-bordered flip-content" data-click-to-select="true" data-single-select="true">
                        <thead class="flip-content">
                            <tr>
                                {{#each columns}}
                                <th> {{title}} </th>
                                {{/each}}
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{{else}}
<div class="widget-main">
    <div class="table-toolbar">
        {{#each toolBarItems}}
        <a href="javascript:void(0);" id="{{id}}" class="{{class}}" onclick="{{stringifyFunc onclick ../header ../widgetId}}">{{{title}}}</a>
        {{/each}}
    </div>
    <div class="flip-scroll">
        <table id={{widgetId}} class="table table-striped table-hover table-bordered flip-content" data-click-to-select="true" data-single-select="true">
            <thead class="flip-content">
                <tr>
                    {{#each columns}}
                    <th> {{title}} </th>
                    {{/each}}
                </tr>
            </thead>
        </table>
    </div>
</div>
{{/if}}