<div class="modal-header">
    <h3 class="modal-title" translate>Save {{ctrl.widget.name}} as...</h3>
</div>
<form class="form" name="newWidget">
    <div class="modal-body" id="modal-save-widget-as">
        <div class="form-group">
            <input
                name="name"
                ng-model="ctrl.newName"
                artifact-name-validation="bottom-left"
                class="form-control"
                id="widget-name"
                placeholder="Widget Name"
                required
                autofocus>
        </div>
    </div>
    <div class="modal-footer" id="modal-delete-widget-controls">
        <button class="btn btn-primary" ng-click="ctrl.ok()" ng-disabled="!newWidget.name.$dirty || newWidget.$invalid || ctrl.newName.toLowerCase() == ctrl.widget.name.toLowerCase()" translate>Save</button>
        <button class="btn btn-link" ng-click="$dismiss('cancel')" translate>Cancel</button>
    </div>
</form>
