<div ng-controller="ProjectDeleteController as del" class="modal" tabindex="-1" data-role="modalDeleteProject">

	<div class="modal-dialog">

		<div class="modal-content">

			<div class="modal-header">
				<button type="button" class="close" ng-click="$hide()">&times;</button>
				<h4 class="modal-title" data-translate="moon.project.remove.title"></h4>
			</div>
			
			<div class="modal-body">
				<p><span data-translate="moon.project.remove.content.query" data-translate-values="{ projectName: del.project.name }"></span></p>

				<p ng-if="del.loadingPDP"><img src="assets/img/ajax-loader.gif" /></p>

				<div ng-if="!del.loadingPDP">
					<p ng-if="!del.isProjectMapped()"><span data-translate="moon.project.remove.content.isNotMapped">This Project is not map with any PDP</span></p>
					<p ng-if="del.isProjectMapped()">
						<span data-translate="moon.project.remove.content.isMapped" data-translate-values="{ pdpName: del.project.pdp.name }"></span>
					</p>
				</div>

			</div>

			<div class="modal-footer">
				<div class="btn-toolbar" style="float: right;">

					<a href="" ng-click="$hide()" class="btn btn-default">
		                <span data-translate="moon.project.remove.action.cancel">Cancel</span>
					</a>					
					<a href="" ng-disabled="del.loading || del.loadingPDP" ng-click="del.remove()" class="btn btn-warning">
		            	<span class="glyphicon glyphicon-trash"></span>
		                <span data-translate="moon.project.remove.action.delete">Delete</span>
					</a>
					<img ng-if="del.loading" src="assets/img/ajax-loader.gif" />

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