<template name="toolbarSection">
    <div class="toolbarSection noselect p-x-2">
        <div class="clearfix">
            <div class="pull-left m-t-1">
                {{>roundedButtonGroup leftSidebarToggleButtonData}}
            </div>

            {{>toolbarSectionTools toolbarButtons=toolbarButtons}}

            <div class="pull-right m-t-1 rm-x-1">
                {{#form (extend api=instance.api)}}
                    {{#button class='btn p-x-2' action='save' disabled=(isFinishDisabled)}}Save{{/button}}
                {{/form}}
            </div>

            <div id="toggleMeasurements" class="pull-right m-t-1 rm-x-1">
                {{>roundedButtonGroup rightSidebarToggleButtonData}}
            </div>
            <div id="toggleHUD" class="toolbarSectionButton pull-right rp-x-1 m-t-1 rm-r-3 {{#if session 'measurementTableHudOpen'}}active{{/if}}">
                <div class="svgContainer">
                    <svg>
                        <use xlink:href={{absoluteUrl "packages/ohif_viewerbase/assets/icons.svg#icon-hud"}}></use>
                    </svg>
                </div>
                <div class="buttonLabel">HUD</div>
            </div>
            <div id="toggleTrial" class="toolbarSectionButton pull-right rp-x-1 m-t-1 rm-r-1">
                <div class="svgContainer">
                    <svg>
                        <use xlink:href={{absoluteUrl "packages/ohif_viewerbase/assets/icons.svg#icon-trial-info"}}></use>
                    </svg>
                </div>
                <div class="buttonLabel">Trial</div>
            </div>
        </div>
    </div>
</template>
