<template name="toolbar">
    <div id='toolbar'>
        <div class="btn-group">
            {{ #each button }}
                {{ >simpleToolbarButton}}
            {{ /each }}

            {{ #if includePlayClipButton }}
                {{ >playClipButton }}
            {{ /if }}

            {{ #if includeLayoutButton }}
            <div class="btn-group">
                <button id="layout" type="button" class="btn btn-sm btn-default dropdown-toggle" data-container="body" data-toggle="dropdown" aria-expanded="false" data-placement="right" title="Layout" rel="tooltip">
                    <span class="fa fa-th-large"></span>
                </button>
                {{  >layoutChooser }}
            </div>
            {{ /if }}

            {{ #if includeHangingProtocolButtons }}
                {{ >hangingProtocolButtons }}
                {{ >matchedProtocols }}
            {{ /if }}

            {{ #each btnGroup }}
                {{ >toolbarGroupButton}}
            {{ /each }}
        </div>
    </div>
</template>