<div class="modal fade" id="deleteSiteModal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" lmsg="pages.site.delete_site.title">[Delete site]</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">
						<ion-icon name="close-outline"></ion-icon>
					</span>
				</button>
			</div>

			<form method="post" name="delete_site_form" id="delete_site_form" action="{{deleteSite.getAction()}}">

				<div class="modal-body">
					<div class="media">
						<div class="media-left site_delete_modal">
							<ion-icon name="alert-circle-outline" role="img" class="md hydrated icon-xxl" aria-label="alert circle outline"></ion-icon>
						</div>
						<div class="media-body align-middle">
							<p ng-bind="deleteSite.deleteSiteMessage"></p>

							<input type="hidden" name="csrf_token" value="{{deleteSite.data.csrf_token}}">

							<p ng-if="deleteSite.data.numChildren > 0">
								<span lmsg="pages.site.delete_site.children">[Including sub-items]</span>: <span class="badge bg-info site-delete-item-count" ng-bind="deleteSite.data.numChildren"></span>
							</p>

							<p ng-bind="deleteSite.siteUrlReservedMessage"></p>
						</div>
					</div>
				</div>

				<div class="modal-footer">
					<button class="btn btn-secondary" data-dismiss="modal" lmsg="common.cancel">[Cancel]</button>
					<input type="submit" class="btn btn-danger" lmsg="value:pages.site.delete_site.button" />
				</div>
			</form>
		</div>
	</div>
</div>

<a ng-if="deleteSite.data.canDelete" name="delete_site" href="#" ng-click="deleteSite.show($event)" class="btn btn-danger">
	<ion-icon name="trash-outline"></ion-icon>
</a>
