<div class="bootstrap-wrapper w365cm  wt-webpart-header" data-handleOverflow="false">
    <div class="container-fluid admin-btns">
        <div class="row">
            <div class="col-sm-6 pull-left">
                <a class="btn btn-default" style="background: transparent;" role="button" ng-click="showOverview()">
                    <i class="ms-Icon ms-Icon--ChevronLeft"></i>
                    {{'Overview' | translate}}
                </a>
            </div>
            <div class="col-sm-6 pull-right">
                <span class="signup-btns" wizdom365-course-management-signup-buttons coursedata="{&quot;instanceId&quot;:{{getInstanceId()}},&quot;siteId&quot;:&quot;{{getSiteId()}}&quot;}"></span>
            </div>
        </div>
    </div>
    <div class="course-header">
        <div class="course-header-image" style="background-image: url({{imgUrl}});"></div>
        <div ng-if="draft || cancelled || completed" class="course-header-overlay-background"></div>
        <div ng-if="draft || cancelled || completed" class="course-header-overlay-text">
            <span ng-if="draft">{{'Draft' | translate}}</span>
            <span ng-if="cancelled">{{'Cancelled' | translate}}</span>
            <span ng-if="completed">{{'Completed' | translate}}</span>
        </div>
        <div class="actions" ng-class="cssTheme">
            <div class="left">
                <div class="block">
                    <div class="circle">
                        <div><p>{{startDate | date:'MMM' }}</p><span class="circleDay">{{startDate | date:'d' }}</span></div>
                    </div>
                </div>
            </div>
            <!--<div class="right">
                <span class="signup-btns" wizdom365-course-management-signup-buttons coursedata="{&quot;instanceId&quot;:{{getInstanceId()}},&quot;siteId&quot;:&quot;{{getSiteId()}}&quot;}"></span>
            </div>-->
        </div>
    </div>
</div>

