<div class="modal-header">
    <button type="button" class="close closebtn" data-ng-click="no()" aria-hidden="true">&times;</button>
    <h1 class="modal-title">{{"Cancel course" | translate}}</h1>
</div>
<div class="modal-body">
    <form>
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="alert alert-danger">{{'Are you sure you want to cancel this course?' | translate}}<br /></div>
                    <span ng-show="showSendEmailForm">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" ng-model="sendEmail"> {{'Send email to participants' | translate}}
                            </label>
                        </div>
                        <div class="form-group" ng-show="sendEmail">
                            <label for="subject">{{'Subject' | translate}}</label>
                            <input type="text" class="form-control" ng-model="subject"></input>
                        </div>
                        <div class="form-group" ng-show="sendEmail">
                            <label for="message">{{'Message' | translate}}</label>
                            <textarea class="form-control" rows="8" toolbar-configuration="CourseManagement" ui-tinymce="tinyMceOptions" ng-model="message"></textarea>
                        </div>
                    </span>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="modal-footer">
    <button ng-click="no()" class="btn btn-default wiz-btn-padding">{{'No' | translate}}</button>
    <button ng-click="yes()" class="btn btn-primary wiz-btn-padding">{{'Yes' | translate}}</button>
</div>
