<div class="modal-header bootstrap-wrapper">
    <button type="button" class="close closebtn" data-ng-click="cancel()" aria-hidden="true">&times;</button>
    <h1 class="modal-title">{{'Bug overview detail' | translate}}</h1>
</div>
<div class="modal-body bootstrap-wrapper">
    <div class="container-fluid">
        <wizdom365-spinner class="row" style="position: relative; height: 15px;" loading="loading" ng-if="loading"></wizdom365-spinner>
        <div class="row" style="overflow-y: auto;">
            <div class="col-sm-6" style="padding-left: 0;">
                <label style="margin-right: 10px;">{{'Module' | translate}}:</label><span ng-repeat="label in data.labels | module">{{  ($index>0?', ':'')+label.name}}</span>
            </div>
            <div class="col-sm-6" style="padding-left: 0; text-align: right;">
                <label style="margin-right: 10px;">{{'Status' | translate}}:</label><span>{{data.statuses | cardstatus:data.idList}}</span>
            </div>
        </div>
        <div class="row" style="overflow-y: auto;">
            <div class="col-sm-12">
                <h2>{{data.name}}</h2>
            </div>
            <div class="col-sm-12">
                {{data.desc}}
            </div>
        </div>
    </div>
</div>
<div class="modal-footer bootstrap-wrapper" style="text-align:left;">
    <label>{{'Expected fix date' | translate}}:</label> <span>{{ (data.due || 'not specified' | translate) | date:'dd-MM-yyyy'}}</span>
    <br />
    <span><I>{{'When fixed it will be included in next release/hotfix' | translate}}</I></span>
</div>