<div style="height:100%;" class="row wizdom-dashboard-container" ng-controller="Wizdom365DashboardController">

    <wizdom365-spinner style="position: absolute; top: 50%; left: 50%;" loading="loading"></wizdom365-spinner>

    <div style="height:100%;" ng-if="!loading && latestVersion != ''">
        <div ng-hide="showReleaseNotes" class="text-center">
            <br>
            <br>
            <p>
                {{(isLatestVersion ? 'You are using the latest version of Wizdom' : 'You are not using the latest version of Wizdom') | translate}} <span ng-if="!isLatestVersion">{{latestVersion}}</span>
                <br>
                {{('Wizdom version is' | translate) + ' ' + currentVersion}}
            </p>
            <p><a href="" ng-click="showReleaseNotes = true">{{'See Changelog' | translate}}</a></p>
            <p style="font-size:70px">
                <i ng-class="statusIcon" title="{{(isLatestVersion ? 'You are using the latest version of Wizdom' : 'You are not using the latest version of Wizdom') | translate}}"></i>
            </p>
        </div>

        <release-notes style="height:100%;" ng-show="showReleaseNotes"></release-notes>
    </div>

    <div class="alert alert-info" style="margin: 15px;" ng-if="!loading && latestVersion == ''">{{"Cannot retrieve data" | translate}}</div>

</div>