<div ng-controller="PowerpanelAddEditComponentController">
    <form>
        <div class="form-group">
            <label>{{'Title' | translate}}</label>
            <input type="text" class="form-control" ng-model="vm.bindObj.title" placeholder="{{vm.title}}">
        </div>
        <div class="form-group" ng-show="vm.componentTypes.length > 1">
            <label>{{'Type' | 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.selectedComponentType.name}}&nbsp;&nbsp;<span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li ng-repeat="componentType in vm.componentTypes">
                        <a ng-click="vm.componentTypeChanged(componentType)">{{componentType.name}} &nbsp;<i class="glyphicon glyphicon-ok" ng-show="vm.selectedComponentType == componentType"></i></a>
                    </li>
                </ul>
            </div>
        </div>

        <div wizdom-include="vm.selectedComponentType.template"></div>
    </form>   
</div>