<vn-crud-model
    vn-id="model"
    url="SaleTrackings/listSaleTracking"
    link="{ticketFk: $ctrl.$params.id}"
    limit="20"
    data="sales"
    order="itemFk DESC"
    auto-load="true">
</vn-crud-model>
<vn-data-viewer model="model">
    <vn-card class="vn-w-lg">
    <vn-table model="model">
        <vn-thead>
            <vn-tr>
                <vn-th shrink></vn-th>
                <vn-th field="itemFk" number>Item</vn-th>
                <vn-th expand>Description</vn-th>
                <vn-th field="quantity" number>Quantity</vn-th>
                <vn-th field="originalQuantity" number>Original</vn-th>
                <vn-th field="workerFk">Worker</vn-th>
                <vn-th field="state" shrink>State</vn-th>
                <vn-th field="created" expand>Created</vn-th>
            </vn-tr>
        </vn-thead>
        <vn-tbody>
            <vn-tr ng-repeat="sale in sales">
                <vn-td shrink>
                    <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="itemDescriptor.show($event, sale.itemFk, sale.id)"
                        class="link">
                        {{sale.itemFk | zeroFill:6}}
                    </span>
                </vn-td>
                <vn-td vn-fetched-tags>
                    <div>
                        <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
                        <vn-one ng-if="::sale.item.subName">
                            <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
                        </vn-one>
                    </div>
                    <vn-fetched-tags
                        max-length="6"
                        item="::sale.item"
                        tabindex="-1">
                    </vn-fetched-tags>
                </vn-td>
                <vn-td number>{{::sale.quantity}}</vn-td>
                <vn-td number>{{::sale.originalQuantity}}</vn-td>
                <vn-td expand>
                    <span 
                        class="link" 
                        ng-click="workerDescriptor.show($event, sale.workerFk)">
                        {{::sale.userNickname | dashIfEmpty}}
                    </span>
                </vn-td>
                <vn-td shrink>{{::sale.state}}</vn-td>
                <vn-td expand>{{::sale.created | date: 'dd/MM/yyyy HH:mm'}}</vn-td>
            </vn-tr>
        </vn-tbody>
    </vn-table>
    </vn-card>
</vn-data-viewer>
<vn-item-descriptor-popover
    vn-id="item-descriptor"
    warehouse-fk="$ctrl.ticket.warehouseFk">
</vn-item-descriptor-popover>
<vn-worker-descriptor-popover 
    vn-id="worker-descriptor">
</vn-worker-descriptor-popover>