<vn-crud-model auto-load="false"
    vn-id="model"
    url="sales"
    filter="::$ctrl.filter"
    link="{ticketFk: $ctrl.$params.id}"
    data="$ctrl.sales"
    limit="20">
</vn-crud-model>
<vn-crud-model auto-load="true"
    url="tickets/{{$ctrl.$params.id}}/getVolume"
    data="$ctrl.volumes">
</vn-crud-model>
<mg-ajax path="tickets/{{$ctrl.$params.id}}/getTotalVolume" options="mgEdit"></mg-ajax>
<vn-vertical>
    <vn-card class="vn-pa-lg">
        <vn-horizontal>
            <div class="totalBox">
                    <vn-label-value label="Total" 
                        value="{{::edit.model.totalVolume}}">
                    </vn-label-value>
                    <vn-label-value label="Cajas" 
                        value="{{::edit.model.totalBoxes}}">
                    </vn-label-value>
                </div>
        </vn-horizontal>
        <vn-vertical>
            <vn-table model="model">
                <vn-thead>
                    <vn-tr>
                        <vn-th field="itemFk" number>Item</vn-th>
                        <vn-th field="concept" default-order="ASC">Description</vn-th>
                        <vn-th field="quantity" number>Quantity</vn-th>
                        <vn-th number>m³ per quantity</vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="sale in $ctrl.sales">
                        <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>
                            <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>
                            <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.saleVolume.volume | number:3}}</vn-td>
                    </vn-tr>
                </vn-tbody>
            </vn-table>
        </vn-vertical>
        <vn-pagination model="model"></vn-pagination>
    </vn-card>
</vn-vertical>
<vn-item-descriptor-popover
    vn-id="item-descriptor"
    warehouse-fk="$ctrl.ticket.warehouseFk">
</vn-item-descriptor-popover>