<div ng-controller="PolicyUnMapController as unmap" class="modal" tabindex="-1" data-role="modalUnmapPolicy">

    <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.policy.unmap.title"></h4>
            </div>

            <div class="modal-body">
                <span data-translate="moon.policy.unmap.content" data-translate-values="{ policyName: unmap.policy.name, pdpName: unmap.pdp.name }"></span>
            </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.policy.unmap.action.cancel">Cancel</span>
                    </a>
                    <a href="" ng-disabled="unmap.unMappingLoading" ng-click="unmap.unmap()" class="btn btn-warning">
                        <span class="glyphicon glyphicon-transfer"></span>
                        <span data-translate="moon.policy.unmap.action.unmap">Unmap</span>
                    </a>
                    <moon-loader ng-if="unmap.unMappingLoading"></moon-loader>
                </div>
            </div>

        </div>

    </div>

</div>