<div class="umb-dialog umb-pane" ng-controller="Umbraco.Editors.DataType.MoveController">

    <div class="umb-dialog-body">
        <div class="umb-pane">

            <p class="abstract" ng-hide="success">
                Select the folder to move <strong>{{currentNode.name}}</strong>&nbsp;to in the tree structure below
            </p>

            <div class="umb-loader-wrapper" ng-show="busy">
                <div class="umb-loader"></div>
            </div>

            <div ng-show="error">
                <h5 class="text-error">{{error.errorMsg}}</h5>
                <p class="text-error">{{error.data.message}}</p>
            </div>

            <div ng-show="success">
                <h5 class="text-success"><strong>{{currentNode.name}}</strong> was moved underneath&nbsp;<strong>{{target.name}}</strong></h5>
                <button class="btn btn-primary" ng-click="nav.hideDialog()">Ok</button>
            </div>

            <div ng-hide="success">

                <div>
                    <umb-tree section="developer"
                              treealias="dataTypes"
                              customtreeparams="foldersonly=1"
                              hideheader="false"
                              hideoptions="true"
                              isdialog="true"
                              eventhandler="dialogTreeEventHandler"
                              enablecheckboxes="true">
                    </umb-tree>
                </div>

            </div>
        </div>
    </div>

    <div class="umb-dialog-footer btn-toolbar umb-btn-toolbar" ng-hide="success">
        <a class="btn btn-link" ng-click="nav.hideDialog()" ng-if="!busy">
            <localize key="general_cancel">Cancel</localize>
        </a>
        <button class="btn btn-primary" ng-click="move()" ng-disabled="busy">
            <localize key="actions_move">Move</localize>
        </button>
    </div>
</div>
