<vn-crud-model
    vn-id="model"
    url="/ticket/api/SaleTrackings/listSaleTracking"
    link="{ticketFk: $ctrl.$stateParams.id}"
    limit="20"
    data="sales">
</vn-crud-model>
<vn-vertical>
    <vn-card pad-large>
        <vn-vertical>
            <vn-title>Sale tracking</vn-title>
            <vn-table model="model">
                <vn-thead>
                    <vn-tr>
                        <vn-th></vn-th>
                        <vn-th field="itemFk" number default-order="DESC">Item</vn-th>
                        <vn-th>Description</vn-th>
                        <vn-th field="quantity">Quantity</vn-th>
                        <vn-th field="originalQuantity">Original quantity</vn-th>
                        <vn-th class="ellipsize" style="max-width: 5em" field="workerFk">Worker</vn-th>
                        <vn-th field="state">State</vn-th>
                        <vn-th field="created">Created</vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="sale in sales">
                        <vn-td>
                            <vn-icon 
                                class="bright"
                                icon="warning" 
                                ng-if="sale.quantity != sale.originalQuantity"
                                vn-tooltip="The quantity do not match"></vn-icon>
                        </vn-td>
                        <vn-td number>
                            <span
                                ng-click="$ctrl.showDescriptor($event, sale.itemFk)"
                                class="link" pointer>
                                {{("000000"+sale.itemFk).slice(-6)}}
                            </span>
                        </vn-td>
                        <vn-td><vn-fetched-tags max-length="6" item="sale.item"/></vn-td>
                        <vn-td>{{::sale.quantity}}</vn-td>
                        <vn-td>{{::sale.originalQuantity}}</vn-td>
                        <vn-td title="{{::sale.firstName}} {{::sale.name}}"
                        class="ellipsize" style="max-width: 5em">
                            {{::sale.firstName}} {{::sale.name}}
                        </vn-td>
                        <vn-td>{{::sale.state}}</vn-td>
                        <vn-td>{{::sale.created | date: 'dd/MM/yyyy HH:mm'}}</vn-td>
                    </vn-tr>
                </vn-tbody>
                <vn-empty-rows ng-if="model.data.length === 0" translate>
                    No results
                </vn-empty-rows>
            </vn-table>
        </vn-vertical>
        <vn-pagination 
            model="model" 
            scroll-selector="ui-view">
        </vn-pagination> 
    </vn-card>
</vn-vertical>
<vn-item-descriptor-popover vn-id="descriptor"
    quicklinks="$ctrl.quicklinks">
</vn-item-descriptor-popover>