<div class="order-details-extra-info col-md-4">
    <div class="order-details-items">
        <div class="order-details-label">{{'orders.tables.headers.orderItems' | translate}}</div>
        <div class="order-details-item" ng-repeat="package in data.packages">
            <div class="package-item-name">{{package.units}} x {{package.packageName}}</div>
            <div class="package-item-info">
                <div ng-if="package.shortDesc" class="package-item-box">
                    <div class="order-details-label">{{'orders.tables.headers.step' | translate}}:</div>
                    <div class="order-details-info">{{package.shortDesc}}</div>
                </div>
            </div>
            <div class="package-item-status order-status-{{package.status}}">
                <span class="{{getStatusIcon(package.status)}}"></span>
            </div>
        </div>
    </div>
</div>

<div class="order-details-status detailed-status detailed-status-{{data.status}}">{{data.status}}</div>
