<div class="modal-header saveReportView-notSelection">
	<button type="button" id="btnX" ng-click="cancel()" class="close" aria-label="Close">
		<span aria-hidden="true">&times;</span>
	</button>
	<h4 class="modal-title">{{ 'SaveAsDialog_Caption' | translate }}</h4>
</div>
<div class="modal-body saveReportView-notSelection saveReportView-body" style="height: 450px;">
	<div class="saveReportView-toolBar">
		<button type="button" class="btn btn-default" title="{{ 'Createfolder' | translate }}"
				ng-click="addFolder()"
				ng-disabled="disableAddFolderButton">
			<span>{{ 'Createfolder' | translate }}</span>
		</button>
		<button type="button" class="btn btn-default" title="{{ 'Renamefolder' | translate }}"
				ng-click="editItem()"
				ng-disabled="disableEditButton">
			<span>{{ 'Renamefolder' | translate }}</span>
		</button>
		<button type="button" class="btn btn-default" title="{{ 'Toolbar_DeleteButton_ToolTip' | translate }}"
				ng-click="deleteItem()"
				ng-disabled="disableDeleteButton">
			<span>{{ 'Toolbar_DeleteButton_ToolTip' | translate }}</span>
		</button>
	</div>

	<div data-tree-view data-datasource="{{datasource}}" data-onselectedchanged="onSelectedItemChanged(e)" class="saveReportView-storageDescriptionTree"></div>

	<div class="saveReportView-reportEditor">
		<span class="saveReportView-reportEditor-captionTextForInput">{{ 'ObjectDescriptionControl_Name' | translate }}</span>
		<input type="text"
			   ng-model="caption"
			   class="form-control"
			   ng-model-options="{updateOn: 'blur' }" />
		<div class="saveReportView-reportEditor-parentFolderEditor">
			<span class="saveReportView-reportEditor-captionTextForInput">{{ 'Folder' | translate }}</span>
			<div>
        <div class="dropdown btn-group default-dropdown saveReportView-reportEditor-parentFolderEditor">
          <button class="btn btn-default dropdown-toggle saveReportView-reportEditor-parentFolderEditor-contentButton btn-toggle-withcarret"
                  type="button"
                  data-toggle="dropdown"
                  aria-haspopup="true"
                  aria-expanded="true">
            <span>{{parentFolder.caption}}</span>
          </button>
          <button type="button" class="btn btn-default dropdown-toggle caret-btn" data-toggle="dropdown" aria-expanded="false">
            <span class="caret"></span>
          </button>
          <ul class="dropdown-menu">
		  	<li ng-repeat="currentFolder in arrayFolders" ng-class="currentFolder===parentFolder?'active':''" ng-click="onChangedFolder(currentFolder)">
		  		<a ng-style="{'font-weight':currentFolder.levelDepth===0?'bold':'normal'}">
		  			<span ng-style="{'margin-left': currentFolder.levelDepth*15}">{{currentFolder.caption}}</span>
		  		</a>
		  	</li>
          </ul>
        </div>
			</div>
		</div>
		<div class="saveReportView-reportEditor-descriptionEditor">
			<span class="saveReportView-reportEditor-captionTextForInput">{{ 'ObjectDescriptionControl_Description' | translate }}</span>
			<div>
				<textarea class="saveReportView-reportEditor-descriptionEditor-input form-control"
						  ng-model="description"></textarea>
			</div>
		</div>
	</div>

</div>
<div class="modal-footer saveReportView-notSelection">
	<button class="btn btn-default" ng-click="save()">
		<span>{{ 'DialogButton_Ok' | translate }}</span>
	</button>
	<button class="btn btn-default" ng-click="cancel()">
		<span>{{ 'DialogButton_Cancel' | translate }}</span>
	</button>
</div>