<div ng-controller="PowerpanelAddEditSectionController" style="min-height:200px">
    <form>
        <div class="form-group" ng-show="vm.sectionLayouts.length > 1">
            <label>{{'Layout' | translate}}</label>
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownType" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                    {{vm.bindObj.value.layout.name}}&nbsp;&nbsp;<span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li ng-repeat="sectionLayout in vm.sectionLayouts">
                        <a ng-click="vm.bindObj.value.layout = sectionLayout">{{sectionLayout.name}} &nbsp;<i class="glyphicon glyphicon-ok" ng-show="vm.bindObj.value.layout == sectionLayout"></i></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="form-group">
            <label>{{'Background' | translate}}</label>
            <span class="checkbox">
                <label class="form-check-label">
                    <input type="checkbox" ng-change="vm.sectionChanged(section)" ng-model="vm.bindObj.value.noWebpartBackground" />
                    {{'No webpart background' | translate}}
                </label>
            </span>
        </div>        
    </form>   
</div>