<div ng-controller="RequestInfo.ApprovalRoutingController">
    <div class="clearfix">
        <div class="row">
            <div class="col-xs-6">
                <h4><a ng-click="onClickTitle()">{{objectInfo.title || 'common.value.unknown' | translate}}</a>
                </h4>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-9 col-md-3">
                <div class="h4 font-bold no-margin">
                    <user-full-name userId="objectInfo.assignee" fallback="None" />
                </div>
                <small class="text-muted"><span translate>requests.comp.approvalRouting.assignee.label</span></small>
            </div>
            <div class="col-xs-9 col-md-3">
                <div class="h4 font-bold no-margin">{{owningGroup || 'common.value.unknown' | translate}}</div>
                <small class="text-muted"><span translate>requests.comp.approvalRouting.owningGroup.label</span></small>
            </div>
            <div class="col-xs-9 col-md-3">
                <div class="h4 font-bold no-margin">{{ objectInfo.priority || 'common.value.unknown' | translate}}</div>
                <small class="text-muted"><span translate>requests.comp.approvalRouting.priority.label</span></small>
            </div>
            <div class="col-xs-9 col-md-3">
                <div class="h4 font-bold no-margin">{{ (dateInfo.taskStartDate | date: ('common.defaultDateUIFormat' |
                    translate)) || 'common.value.unknown' | translate}}
                </div>
                <small class="text-muted"><span translate>requests.comp.approvalRouting.startDate.label</span></small>
            </div>
            <div class="col-xs-9 col-md-3">
                <div class="h4 font-bold no-margin">{{ (dateInfo.dueDate | date: ('common.defaultDateUIFormat' |
                    translate)) || 'common.value.unknown' | translate }}
                </div>
                <small class="text-muted"><span translate>requests.comp.approvalRouting.dueDate.label</span></small>
            </div>
            <div class="col-xs-9 col-md-3">
                <div class="h4 font-bold no-margin">{{objectInfo.status || 'common.value.unknown' | translate}}</div>
                <small class="text-muted"><span translate>requests.comp.approvalRouting.state.label</span></small>
            </div>
        </div>
    </div>
    <div ng-include="'modules/request-info/views/components/future-approvals.client.view.html'"></div>
    <div ng-include="'modules/request-info/views/components/past-approvals.client.view.html'"></div>
</div>