
<div class="modal" ng-controller="SaveModelCtrl">
    <div class="modal-dialog">
        <div class="modal-content">
        <div class="modal-header">
            <h2>{{'MODEL.SAVE.TITLE' | translate}}</h2>
        </div>
        <div class="modal-body">
        
        	<div class="form-group">
           		<label for="nameField">{{'MODEL.NAME' | translate}}</label>
        		<input type="text"
                       ng-disabled="status.loading"
                       id="nameField"
                       class="form-control"
                       ng-model="saveDialog.name"
                       ui-keypress="{13:'save()'}"
                       auto-focus />
        	</div>
        	<div class="form-group">
           		<label for="docTextArea">{{'MODEL.DESCRIPTION' | translate}}</label>
           		<textarea id="docTextArea" ng-disabled="status.loading" class="form-control" ng-model="saveDialog.description"></textarea>
        	</div>
        </div>
        <div class="modal-footer">
        
        	<div class="pull-right">
            	<button type="button" class="btn" ng-click="close()" ng-disabled="status.loading" translate>ACTION.CANCEL</button>
            	<button class="btn btn-primary" ng-click="saveAndClose()" ng-disabled="status.loading" ng-show="!error" translate>ACTION.SAVE-AND-CLOSE</button>
            	<button class="btn btn-primary" ng-click="save()" ng-disabled="status.loading" ng-show="!error" translate>ACTION.SAVE</button>
            </div>
        
            <div class="pull-right popup-error" ng-if="error && !error.isConflict">
                <span>{{'MODEL.SAVE.ERROR' | translate}}</span>
            </div>
        
        	<loading></loading>
        
        </div>
    </div>
</div>