<vdr-data-table [items]="latestOrders$ | async">
    <ng-template let-order="item">
        <td class="left align-middle">
            {{ order.code }}
            <vdr-order-state-label [state]="order.state"></vdr-order-state-label>
        </td>
        <td class="left align-middle">
            <vdr-customer-label [customer]="order.customer"></vdr-customer-label>
        </td>
        <td class="left align-middle">{{ order.total | localeCurrency: order.currencyCode }}</td>
        <td class="left align-middle">{{ order.orderPlacedAt | timeAgo }}</td>
        <td class="right align-middle">
            <vdr-table-row-action
                iconShape="shopping-cart"
                [label]="'common.open' | translate"
                [linkTo]="['/orders/', order.id]"
            ></vdr-table-row-action>
        </td>
    </ng-template>
</vdr-data-table>
