<div class="card card-default">
    <div class="card-header">
        <h3 class="card-title">{{::vm.translate.get('Latest orders')}}</h3>
    </div>
    <div class="card-body p-0 table-responsive">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Id</th>
                    <th>{{::vm.translate.get('Order Status')}}</th>
                    <th>{{::vm.translate.get('Customer')}}</th>
                    <th>{{::vm.translate.get('Created On')}}</th>
                    <th class="text-right">{{::vm.translate.get('Order Total')}}</th>
                    <th>{{::vm.translate.get('Actions')}}</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="order in vm.orders">
                    <td>{{order.id}}</td>
                    <td>{{order.orderStatus}}</td>
                    <td>{{order.customerName}}</td>
                    <td>{{order.createdOn | date:'medium'}}</td>
                    <td class="text-right">{{order.orderTotalString }}</td>
                    <td><a ui-sref="order-detail({id: order.id})" title="View" class="btn btn-primary btn-xs"> <span class="fa fa-eye"></span></a></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
