<div ng-controller="PowerpanelWidgetBuilderController as vm" ng-init="vm.widgetEnvironment = 'modern'" class="lt-module-page">

    <div class="lt-module-page__top lt-module-page-top">
        <div class="lt-module-page-top__title">
            <h1>{{'Modern Widgets' | translate}}</h1>
        </div>
        <div class="lt-module-page-top__actions">
            <div>
                {{'Configuration' | translate}}
            </div>
            <div class="lt-module-page--paddingleft">
                <wizdom365-specific-configuration-picker module="'Powerpanel'"></wizdom365-specific-configuration-picker>
            </div>
            <div class="lt-module-page--paddingleft">
                <button class="btn btn-primary" ng-disabled="vm.working || !vm.hasChanges" ng-click="vm.save()" style="min-width:80px;">{{'Save' | translate}}</button>
                <button class="btn btn-default" ng-disabled="vm.working || !vm.hasChanges" ng-click="vm.cancel()" style="min-width:80px;">{{'Cancel' | translate}}</button>
            </div>
        </div>
    </div>

    <div wizdom-include="'/Modules/Powerpanel/Templates/Administration/WidgetBuilder.html'"></div>
</div>