<div class="modal" tabindex="-1" role="dialog" aria-hidden="true">
    <form class="form-sport-delete" name="form.sportDelete" ng-submit="submit('DELETE')" novalidate>
        <div class="modal-dialog">
            <div class="modal-content panel-danger">
                <div class="modal-header panel-heading">
                    <h3 class="modal-title">Delete Sport</h3>
                </div>
                <div class="modal-body">
                    <p>Are you sure that you will delete the Sport named <strong ng-bind="sport.name"></strong>?</p>
                </div>
                <div class="modal-footer">
                    <button id="submit" name="submit" class="btn btn-labeled btn-danger"><span class="btn-label"><i class="fa fa-exclamation-triangle"></i></span> Yes</button>
                    <button class="btn btn-default btn-labeled" type="button" ng-click="modalDeleteActions.hide()"><span class="btn-label"><i class="fa fa-times"></i></span> No</button>
                </div>
            </div>
        </div>
    </form>
</div>