<div class="modal-header">
    <button type="button" class="close closebtn" data-ng-click="vm.dialog.cancel()" aria-hidden="true">&times;</button>
    <h1 class="modal-title">{{'Add corporate links' | translate}}</h1>
</div>
<div class="modal-body wizdom-link-collection">
    <div class="wizdom-linkcollection-editwebpart-container">
        <div class="link-collection-content" ng-repeat="category in vm.categories">
            <div class="link-category">
                <div class="float-wrapper">
                    <div class="pull-left" ng-click="category.collapsed = !category.collapsed">
                        <a>
                            <i class="glyphicon" ng-class="category.collapsed ? 'glyphicon-folder-close' : 'glyphicon-folder-open'"></i>
                            <span>{{category.name}}</span>
                        </a>
                    </div>
                </div>
            </div>

            <div ng-hide="category.collapsed" ng-repeat="link in category.links">
                <div class="link">
                    <div class="row">
                        <div class="col-sm-6">
                                <i class="glyphicon glyphicon-link"></i>
                                <span ng-bind="link.model.name"></span>
                            </div>
                        <div class="col-sm-6">
                            <input type="checkbox" class="linkcollection-checkbox" ng-model="link.isChecked" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-primary wiz-btn-padding" ng-disabled="form.$invalid" ng-click="vm.dialog.save();">{{'Add link(s)' | translate}}</button>
</div>

